<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Adrian Botea - Freelance Web Designer and some more web design and seo stuff...</title>
	<atom:link href="http://www.adrianbotea.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.adrianbotea.com</link>
	<description>Freelance Web Designer</description>
	<lastBuildDate>Thu, 02 Feb 2012 19:34:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Top 10 Retail SEO Mistakes Brands Are Still Making</title>
		<link>http://www.adrianbotea.com/top-10-retail-seo-mistakes-brands-are-still-making</link>
		<comments>http://www.adrianbotea.com/top-10-retail-seo-mistakes-brands-are-still-making#comments</comments>
		<pubDate>Thu, 13 Oct 2011 06:31:25 +0000</pubDate>
		<dc:creator>zdesign</dc:creator>
				<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.adrianbotea.com/?p=1686</guid>
		<description><![CDATA[Last week I asked on Twitter to see what common SEO mistakes were still being made by retail websites. This received a great response, so I thought I’d share the top replies with our readers. I’ve picked some UK high street retail examples to help display the issues raised, but please note that we have ...]]></description>
			<content:encoded><![CDATA[<p>Last week I asked on Twitter to see what common <strong>SEO</strong> mistakes were still being made by retail websites. This received a great response, so I thought I’d share the top replies with our readers.</p>
<div class="entry">
<p><em>I’ve picked some UK high street retail examples to help display the issues raised, but please note that we have no connection with any of these websites – so this is an outside perspective. There may be logical reasons for the examples which we are unaware of, but these have been used in order to highlight where SEO mistakes are commonly made.</em></p>
<p><strong>Non-descriptive URL structure</strong></p>
<p>Ideally you want to keep your URLs concise and keyword descriptive. So automatically generated, ID-based URLs aren’t going to help your <u>SEO</u>, unless you’re aiming to rank for <a rel="nofollow" href="http://www.google.co.uk/search?gcx=c&amp;sourceid=chrome&amp;ie=UTF-8&amp;q=g474502s2">g474502s2</a> - in which case Next.co.uk have dominated market share!</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/10/next-seo.png" rel="shadowbox[sbpost-1686];player=img;" title="next-seo"><img class="aligncenter size-medium wp-image-1698" title="next-seo" src="http://www.adrianbotea.com/wp-content/uploads/2011/10/next-seo-518x273.png" alt="next seo 518x273 Top 10 Retail SEO Mistakes Brands Are Still Making" width="518" height="273" /></a></p>
<p><span id="more-1686"></span></p>
<p><strong>Long and messy URLs generated by CMS</strong></p>
<p>Some content management systems really make a mess of URLs. From an SEO perspective you want to have full control over re-writing category-level URLs such as this one on Argos:</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/10/argos-seo-680x109.png" rel="shadowbox[sbpost-1686];player=img;" title="argos-seo-680x109"><img class="aligncenter size-medium wp-image-1692" title="argos-seo-680x109" src="http://www.adrianbotea.com/wp-content/uploads/2011/10/argos-seo-680x109-518x83.png" alt="argos seo 680x109 518x83 Top 10 Retail SEO Mistakes Brands Are Still Making" width="518" height="83" /></a></p>
<p><strong>Linking to multiple homepage URLs</strong></p>
<p>This is a common mistake – which is getting better across many sites, but if you click the logo or homepage link on some sites, you’ll find that rather than getting sent back to the root domain, you’re taken to a duplicate copy of the page on a new URL. See this example on House of Fraser:</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/10/house-of-fraser-seo.png" rel="shadowbox[sbpost-1686];player=img;" title="house-of-fraser-seo"><img class="aligncenter size-medium wp-image-1695" title="house-of-fraser-seo" src="http://www.adrianbotea.com/wp-content/uploads/2011/10/house-of-fraser-seo-518x215.png" alt="house of fraser seo 518x215 Top 10 Retail SEO Mistakes Brands Are Still Making" width="518" height="215" /></a></p>
<p><strong>Poor title tags/meta descriptions</strong></p>
<p>I’ve worked with a CMS before that didn’t allow you to edit title tags at all – that was a bit of a problem! Hopefully your site won’t be quite that bad, but too often people just think about SEO for generating rankings – what about click through rates and conversions though?</p>
<p>Crafting an enticing title tag and meta description should be as important as writing a high CTR, converting AdWords ad – notice the difference between these two listings for Marks and Spencer – surely M&amp;S would prefer you click on the natural free listing given the choice!</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/10/marksandspencer-seo.png" rel="shadowbox[sbpost-1686];player=img;" title="marksandspencer-seo"><img class="aligncenter size-medium wp-image-1696" title="marksandspencer-seo" src="http://www.adrianbotea.com/wp-content/uploads/2011/10/marksandspencer-seo-518x250.png" alt="marksandspencer seo 518x250 Top 10 Retail SEO Mistakes Brands Are Still Making" width="518" height="250" /></a></p>
<p><strong>No user-generated content/reviews</strong></p>
<p>For conversion rates alone, having reviews and user-generated content is an excellent way to boost your site’s performance.  But it’s also a great way of adding extra content to your products – giving the search engines that extra 200-300 words of unique and what should be well-optimised copy (because it’s about the product) could well be enough to make a significant increase in search rankings.</p>
<p>It could certainly be worth testing at the very least for a lot of brands, for example Ted Baker:</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/10/ted-baker-seo-680x331.png" rel="shadowbox[sbpost-1686];player=img;" title="ted-baker-seo-680x331"><img class="aligncenter size-medium wp-image-1700" title="ted-baker-seo-680x331" src="http://www.adrianbotea.com/wp-content/uploads/2011/10/ted-baker-seo-680x331-518x252.png" alt="ted baker seo 680x331 518x252 Top 10 Retail SEO Mistakes Brands Are Still Making" width="518" height="252" /></a></p>
<p><strong>Forgetting about branded product search</strong></p>
<p>One of the first things I check with our e-commerce and retail clients is branded search results. It’s often just taken for granted that you will be ranking for your branded keywords, so it’s assumed that non-branded search and first-time visitors is the main target. However, this isn’t always the case and it definitely shouldn’t just be assumed – these are almost certainly going to be your top converting keywords, so a small amount of effort here can easily pay off to ensure that you’re generating the majority of traffic – which let’s face it you deserve, it’s your product after all!</p>
<p>It’s amazing how many brands don’t rank for their own products though – check out these results for <a rel="nofollow" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.google.co.uk']);" href="http://www.google.co.uk/search?aq=f&amp;gcx=c&amp;sourceid=chrome&amp;ie=UTF-8&amp;q=W510+12MP#pq=w510+12mp&amp;hl=en&amp;sugexp=pfwc&amp;cp=3&amp;gs_id=s&amp;xhr=t&amp;q=sony+w510+12mp&amp;pf=p&amp;sclient=psy-ab&amp;source=hp&amp;pbx=1&amp;oq=sonW510+12MP&amp;aq=0b&amp;aqi=g-b1&amp;aql=f&amp;gs_sm=&amp;gs_upl=&amp;bav=on.2,or.r_gc.r_pw.&amp;fp=fe891ec504028e7&amp;biw=1281&amp;bih=732">Sony W510 12MP</a> which are dominated by Argos and Amazon:</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/10/sony-seo.png" rel="shadowbox[sbpost-1686];player=img;" title="sony-seo"><img class="aligncenter size-medium wp-image-1699" title="sony-seo" src="http://www.adrianbotea.com/wp-content/uploads/2011/10/sony-seo-518x254.png" alt="sony seo 518x254 Top 10 Retail SEO Mistakes Brands Are Still Making" width="518" height="254" /></a></p>
<p><strong>Lack of static on-page content</strong></p>
<p>Many websites struggle when it comes to having good, optimised content deeper in the site. For example, product pages which have very little descriptive text written about them could be much better optimised for search. See this example from Monsoon, which showcases the product reasonably well, but does little towards telling users and the search engines about it:</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/10/monsoon-seo.png" rel="shadowbox[sbpost-1686];player=img;" title="monsoon-seo"><img class="aligncenter size-medium wp-image-1697" title="monsoon-seo" src="http://www.adrianbotea.com/wp-content/uploads/2011/10/monsoon-seo-518x422.png" alt="monsoon seo 518x422 Top 10 Retail SEO Mistakes Brands Are Still Making" width="518" height="422" /></a></p>
<p><strong>Pulling search results in as category pages</strong></p>
<p>As above, sometimes category pages are very weak on content and often these are just search results which are being pulled into a page. Yes it may do a job for the user – but surely a bit more text here would help to give the search engines a bit more to go on. It doesn’t even have to be too detailed – a quick description underneath “Mens Hats, Gloves &amp; Scarves” on the Debenhams site here would be a big improvement to optimise for the phrase “Mens Hats”, which they currently bid on using PPC, yet fail to rank in the top 50 positions in Google organically for:</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/10/debenhams-seo.png" rel="shadowbox[sbpost-1686];player=img;" title="debenhams-seo"><img class="aligncenter size-medium wp-image-1694" title="debenhams-seo" src="http://www.adrianbotea.com/wp-content/uploads/2011/10/debenhams-seo-518x365.png" alt="debenhams seo 518x365 Top 10 Retail SEO Mistakes Brands Are Still Making" width="518" height="365" /></a></p>
<p><strong>Webpages &amp; content too image-based</strong></p>
<p>From the websites I’ve reviewed today, I’ve actually been quite impressed that most of these have now moved away from having content which is too image or flash-based. This is a clear SEO issue to avoid, as you want your site’s content to be as well optimised as possible – which means it should be text-rich. Topman is an example of a site which hasn’t quite got there yet – the only text currently on their homepage is navigational:</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/10/topman-seo.png" rel="shadowbox[sbpost-1686];player=img;" title="topman-seo"><img class="aligncenter size-medium wp-image-1701" title="topman-seo" src="http://www.adrianbotea.com/wp-content/uploads/2011/10/topman-seo-518x240.png" alt="topman seo 518x240 Top 10 Retail SEO Mistakes Brands Are Still Making" width="518" height="240" /></a></p>
<p><strong>Duplicate content – same product, multiple categories</strong></p>
<p>I’ve seen several retail sites in the past where they have caused duplicate content issues by having category-level subfolders within the product URL. Here’s one example from Blacks, where they have a product which is listed under two different categories, so they’ve ended up with two URLs for what is exactly the same product:</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/10/blacks-seo1-680x102.png" rel="shadowbox[sbpost-1686];player=img;" title="blacks-seo1-680x102"><img class="aligncenter size-medium wp-image-1702" title="blacks-seo1-680x102" src="http://www.adrianbotea.com/wp-content/uploads/2011/10/blacks-seo1-680x102-518x77.png" alt="blacks seo1 680x102 518x77 Top 10 Retail SEO Mistakes Brands Are Still Making" width="518" height="77" /></a></p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/10/blacks-seo2-680x120.png" rel="shadowbox[sbpost-1686];player=img;" title="blacks-seo2-680x120"><img class="aligncenter size-medium wp-image-1693" title="blacks-seo2-680x120" src="http://www.adrianbotea.com/wp-content/uploads/2011/10/blacks-seo2-680x120-518x91.png" alt="blacks seo2 680x120 518x91 Top 10 Retail SEO Mistakes Brands Are Still Making" width="518" height="91" /></a></p>
<p>Because they sit under both categories, the URLs are duplicated – so ideally it’s normally best to avoid using category-level subfolders in product pages – see Amazon for an example of this. Also, canonical tags are there to help get around this issue if it exists – but ideally you’ll want to have each product page in a single location.</p>
<p>So those are the top SEO mistakes we’ve found retail websites are still making.Check out our <a title="SEO Services" href="http://www.adrianbotea.com/seo-services">Seo Services</a> to avoid any mistakes in the future.</p>
<p>Source &#8211; <a rel="nofollow" title="Top 10 Retail SEO Mistakes Brands Are Still Making" href="http://www.seoarticles.com/2011/09/28/top-10-retail-seo-mistakes-brands-are-still-making/" target="_blank">Top 10 Retail SEO Mistakes Brands Are Still Making</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.adrianbotea.com/top-10-retail-seo-mistakes-brands-are-still-making/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dreamstime Review &#8211; Microstock photography agency</title>
		<link>http://www.adrianbotea.com/dreamstime-review-microstock-photography-agency</link>
		<comments>http://www.adrianbotea.com/dreamstime-review-microstock-photography-agency#comments</comments>
		<pubDate>Wed, 07 Sep 2011 18:40:48 +0000</pubDate>
		<dc:creator>zdesign</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.adrianbotea.com/wordpress/backup/?p=253</guid>
		<description><![CDATA[Dreamstime is a microstock photography agency. This article explains who they are and how they work for photographers. When photographers and graphic designers think of microstock, three agencies typically come to mind:iStock, Shutterstock, and Dreamstime. Dreamstime opened for business in 2004 and quickly became a powerhouse in the microstock world, thanks to their friendly staff, ...]]></description>
			<content:encoded><![CDATA[<h3>Dreamstime is a microstock photography agency. This article explains who they are and how they work for photographers.</h3>
<p>When photographers and graphic designers think of microstock, three agencies typically come to mind:iStock, Shutterstock, and <strong>Dreamstime</strong>. <a title="Dreamstime" href="http://www.dreamstime.com/res2552858-free-photos" rel="nofollow" target="_blank"><em>Dreamstime</em></a> opened for business in 2004 and quickly became a powerhouse in the microstock world, thanks to their friendly staff, an easy-to-use uploading process, and for providing an overall great service. For a while <u>Dreamstime</u> was known as the bottom achiever when compared to iStock and Shutterstock. The past year has changed this dramatically. Dreamstime is now easily considered on par with its two main competitors, and may soon surpass one, or both in popularity. Dreamstime continues to improve and explore new markets, they currently accept royalty-free microstock photography, graphics and editorial photos. They are also the only microstock agency to offer photos in <a href="http://www.brighthub.com/multimedia/photography/articles/1778.aspx" rel="nofollow" target="_self">RAW</a> and, most recently, TIFF format to their buyers.</p>
<p>Dreamstime employs both a &#8216;credit&#8217; method and a subscription method of sales. This means there are multiple ways for a photographer to make money on Dreamstime. Every year Dreamstime updates their price model. This essentially gives photographers an annual raise as commission with Dreamstime is percentage based.</p>
<p><a href="http://www.dreamstime.com/res2552858-free-photos" rel="nofollow" target="_blank" title="Dreamstime"><img class="aligncenter size-medium wp-image-1464" title="Dreamstime" src="http://www.adrianbotea.com/wp-content/uploads/2011/08/Dreamstime-518x616.png" alt="Dreamstime 518x616 Dreamstime Review   Microstock photography agency" width="518" height="616" /></a></p>
<p><span id="more-1865"></span>Dreamstime has a chart that you can use to determine the amount of money you can make per sale. The amount you make is based on multiple factors: the number of downloads the photo has had in the past, whether the photo is exclusive to Dreamstime, if the photographer is exclusive, and if the photo buyer used &#8216;credits&#8217; or a subscription plan to purchase the photo. Dreamstime also pays a varying amounts for RAW and TIFF formats. This is dependant on the maximum resolution of the photo, the larger the file size, the larger the commission.</p>
<p><a href="http://www.dreamstime.com/sellimages.php" rel="nofollow" target="_blank" title="Dreamstime price chart"><img class="aligncenter size-medium wp-image-1469" title="Dreamstime price chart" src="http://www.adrianbotea.com/wp-content/uploads/2011/08/Dreamstime-price-chart-518x565.png" alt="Dreamstime price chart 518x565 Dreamstime Review   Microstock photography agency" width="518" height="565" /></a></p>
<p>The most lucrative sales for photographers are the RAW and TIFF sales and any of Dreamstime&#8217;s five extended license sales. Dreamstime pays some of the highest commission rates in the microstock industry.</p>
<p>With a host of tools, great advertising and an extremely active community, it is no wonder that Dreamstime has been gaining ground on its competitors. Dreamstime features a full management page where you can manage any uploaded files, FTP, model and property releases, any referral earnings, and much more.</p>
<p>To help advertise contributors and their uploads, Dreamstime does more than any other microstock agency. They have a monthly contest called the “Dreamstime Assignment”, in which each contributor with at least 50 files on Dreamstime can enter up to three files. The files can either be bought outright by Dreamstime for $25, or the contributor can choose to retain the rights to their upload. If the contributor retains the rights, then the file is automatically bumped to level five, meaning the contributor is making top dollar for every sale. Once the assignment is closed for submissions, anyone, contributor or buyer, can vote on the submissions and the top three win prizes. These prizes can range from an iPod to cash. The Assignment has proven to be a great way to boost a contributors portfolio each month.</p>
<p>Dreamstime has many other ways to help feature a contributor&#8217;s work, like the “Editors Choice” section on the main page. Every week an accomplished contributor also gets his or her work showcased across the main page banner for the week. They show off any new files uploaded and the latest files downloaded in the “Latest” tab, just off the main page. There are also special sections for “undiscovered” and “popular” files.</p>
<p>The biggest contributor to Dreamstime&#8217;s success is its community. With a very active message board and active blog section, the sense of community on Dreamstime keeps getting stronger. The strength of the community has been a great benefit to both Dreamstime and its members.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adrianbotea.com/dreamstime-review-microstock-photography-agency/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Make a Retro Space Themed Poster in Photoshop</title>
		<link>http://www.adrianbotea.com/make-a-retro-space-themed-poster-in-photoshop</link>
		<comments>http://www.adrianbotea.com/make-a-retro-space-themed-poster-in-photoshop#comments</comments>
		<pubDate>Wed, 07 Sep 2011 18:39:53 +0000</pubDate>
		<dc:creator>zdesign</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.adrianbotea.com/wordpress/backup/?p=251</guid>
		<description><![CDATA[Yuri Alekseyevich Gagarin,Soviet pilot and cosmonaut, was the first human being to journey into outer space, when his Vostok spacecraft completed an orbit of the Earth on April 12, 1961. In this step-by-step Photoshop tutorial, I will show you how to create a striking vintage-style poster design inspired by Yuri’s journey into space. We will ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://en.wikipedia.org/wiki/Yuri_Gagarin" rel="nofollow" target="_blank">Yuri Alekseyevich Gagarin</a>,Soviet pilot and cosmonaut, was the first human being to journey into outer space, when his Vostok spacecraft completed an orbit of the Earth on April 12, 1961. In this step-by-step Photoshop tutorial, I will show you how to create a striking vintage-style poster design inspired by Yuri’s journey into space. We will combine stock photos, textures and brushes with blend mode techniques and filters on our way to achive the final design. If you are ready to get started then let’s get to it!</p>
<h2>Preview</h2>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri-preview.jpg" alt="yuri preview Make a Retro Space Themed Poster in Photoshop" width="518" /><br />
<span id="more-1864"></span></p>
<h2>Step 1</h2>
<p>Open up Adobe Photoshop and create a document with your desired<br />
poster dimensions. Remember to use a high DPI (between 150-300 dpi) and<br />
CMYK Color Mode if you are planning on sending your work to the press.<br />
For this tutorial, I created a document sized at 800x1200px, RGB Color<br />
at 72dpi for web use.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri01.jpg" alt="yuri01 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<h2>Step 2</h2>
<p>To start, download and open the <a href="http://commons.wikimedia.org/wiki/File:Phot-15a-01-hires.jpg" rel="shadowbox[sbpost-1864];player=img;" target="_blank">Capodimonte Deep Field</a>, use Free Transform (Ctrl/Cmd + T) to rotate and resize image so that it fits within our canvas.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri02.jpg" alt="yuri02 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Add Hue/Saturation adjustment layer (Layer &gt; New Adjustment Layer<br />
&gt; Hue/Saturation) and lower Saturation to -60 and Lightness to -15,<br />
to drop down colors a bit.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri03.jpg" alt="yuri03 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<h2>Step 3</h2>
<p>Open <a href="http://depositphotos.com/5673980/stock-photo-Astronaut.html" rel="nofollow" target="_blank">Astronaut</a><br />
photo in Photoshop, zoom in closely to the image and, with your Pen<br />
Tool (P), begin to trace around the astronaut, following its shape. We<br />
want to create a path that will allow us to clip out astronaut from<br />
background.</p>
<p>Once you have made your way around the astronaut, close your path to<br />
complete the outline. Control-click/right-click anywhere along your path<br />
to reveal a dropdown menu. From this menu choose Make Selection.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri04.jpg" alt="yuri04 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Copy and paste astrounaut in our canvas, scale it down and position using the image below as reference.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri05.jpg" alt="yuri05 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Go to Image &gt; Adjustments &gt; Hue/Saturation and make following adjustments:</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri06.jpg" alt="yuri06 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Duplicate astrounaut layer (Cmd/Ctrl + J), apply Gaussian Blur filter with 1.4px Radius and lower the Opacity to 50%.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri07.jpg" alt="yuri07 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri08.jpg" alt="yuri08 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<h2>Step 4</h2>
<p>Download the <a href="http://visibleearth.nasa.gov/view_rec.php?id=2429" rel="nofollow" target="_blank">Earth</a><br />
image and then open it in Photoshop. With the Elliptical Marquee Tool<br />
(M), make a selection around earth, copy it (Cmd/Ctrl + C) and then<br />
paste it (Cmd/Ctrl + V) into our design, scale it down and place it<br />
behind astronaut.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri09.jpg" alt="yuri09 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri10.jpg" alt="yuri10 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Drop down earth colors a bit by lowering Saturation to -40 (Image &gt; Adjustments &gt; Hue/Saturation).</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri11.jpg" alt="yuri11 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Cmd/Ctrl + click on the thumbnail of earth layer to put a selection<br />
around it. Create a new layer and, on this new layer, fill the selection<br />
with black. Move the black circle towards the right, leaving just a<br />
portion of earth visible.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri12.jpg" alt="yuri12 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Apply the Gaussian Blur filter with Radius at 30px on the black<br />
circle layer. You can see that this technique gives our earth a nice<br />
shading effect, which in turn gives our work aspects of realism and<br />
accuracy.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri13.jpg" alt="yuri13 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>At the end lower the Opacity of black circle layer to 80%.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri14.jpg" alt="yuri14 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<h2>Step 5</h2>
<p>We’re going to add a lens flare into our scene. Create a new layer,<br />
fill it with black (#000000), and then go to Filter &gt; Render &gt;<br />
Lens Flare. Change the Lens Type to Movie Prime and make sure the<br />
Brightness option is set to 100%.</p>
<p>Change the Blend Mode of the layer to Screen and position the lens<br />
flare so that it’s right at the edge of the earth and in the middle of<br />
the planet glow.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri15.jpg" alt="yuri15 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<h2>Step 6</h2>
<p>Grab free sample from <a href="http://wegraphics.net/downloads/textures/vintage-clouds/" rel="nofollow" target="_blank">Vintage Clouds</a> texture pack, import into our design, Desaturate (Cmd/Ctrl + Shift + U), scale it down and change the Blend Mode to Screen.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri16.jpg" alt="yuri16 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Adjust Levels (Image &gt; Adjustment &gt; Levels) to blend clouds perfect into our scene.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri17.jpg" alt="yuri17 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Next, we are going to add <a href="http://en.wikipedia.org/wiki/File:PIA04533.jpg" rel="shadowbox[sbpost-1864];player=img;" target="_blank">The Red Rectangle Nebula</a>; go ahead and download it and open it up in Photoshop.</p>
<p>Desaturate the image to remove its colors, import in our design, use<br />
Free Transform to resize it, and then position like on the image below.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri18.jpg" alt="yuri18 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Set the Blend Mode to Screen and apply Layer Mask (Layer &gt; Layer<br />
Mask &gt; Reveal All). Set the Foreground Color to black (#000000).<br />
Choose the Gradient Tool (G), select the Foreground to Transparent<br />
preset in the Gradient Editor, and draw a few gradients to soften (and<br />
mask out) edges of the nebula.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri19.jpg" alt="yuri19 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Choose #640775 for Foreground Color, pick up Brush Tool (B), and with large soft brush dub one spot over nebula.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri20.jpg" alt="yuri20 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Change the Blend Mode to Multiply and apply Clipping Mask (Layer &gt;<br />
Create Clipping Mask (Cmd/Ctrl + Alt + G)). Duplicate this layer<br />
(Cmd/Ctrl + J) and set Blend Mode for duplicated layer Soft Light.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri21.jpg" alt="yuri21 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Download and open <a href="http://depositphotos.com/3227118/s25850679/stock-photo-Satellite.html" rel="nofollow" target="_blank">Satellite</a> image in Photoshop, extract from background using Pen Tool (P) and import in our design.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri22.jpg" alt="yuri22 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Open Layer Style by double clicking on layer, and add an Color Overlay effect.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri23.jpg" alt="yuri23 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Duplicate Satellite layer, give this layer Gaussian Blur with Radius<br />
set to 1.4px and set the Blend Mode to Soft Light and Opacity to 90%.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri24.jpg" alt="yuri24 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<h2>Step 7</h2>
<p>Next, we are going to add a planet to our composition, which we’re going to make from a texture. Download the <a href="http://mediamilitia.com/rust-textures-pack-21-free-images/" rel="nofollow" target="_blank">Rust Textures Pack</a>, pick up the texture you like, I choosed Metal_V1_1109, then open it in Photoshop.</p>
<p>Draw a circular marquee using Elliptical Marquee Tool (hold down<br />
Shift to make a perfectly round circle) and copy into our composition.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri25.jpg" alt="yuri25 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Make it smaller using Free Transform Tool (Cmd/Ctrl + T),</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri26.jpg" alt="yuri26 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>create selection around (Cmd/Ctrl + click on layer thumbnail), go to<br />
Filter &gt; Distort &gt; Spherize and set the Amount to 100%. The<br />
distortion of the shape creates a three dimensional appearance to give<br />
the basic form of a planet.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri27.jpg" alt="yuri27 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Move the planet in the upper left corner, then begin adding some layer styles.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri28.jpg" alt="yuri28 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri29.jpg" alt="yuri29 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Create planet shadow using method explained in Step 4. Here’s what we have now.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri30.jpg" alt="yuri30 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Let’s brighten up the scene a bit. First, create a new layer. For<br />
your Foreground Color, choose a low-saturated pink color (#eebbfb). Use<br />
the Brush Tool (B) with a large, soft brush tip to create a spot,</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri31.jpg" alt="yuri31 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>apply the Gaussian Blur filter on this layer (Filter &gt; Blur &gt;<br />
Gaussian Blur) with Radius of 130px. Then just set the Opacity of this<br />
layer to 70% to soften and blend the effect into its background.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri32.jpg" alt="yuri32 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Create another new layer (Cmd/Ctrl + Shift + N), choose green color<br />
(#2cbe7e), and with Brush Tool and large soft brush dub one more spot<br />
but this time in the upper part of canvas.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri33.jpg" alt="yuri33 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Apply Gaussian Blur (Filter &gt; Blur &gt; Gaussian Blur) with Radius set to 150px and set Opacity of this layer to 50%.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri34.jpg" alt="yuri34 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri35.jpg" alt="yuri35 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<h2>Step 8</h2>
<p>Press Cmd/Ctrl + A to Select All, then go to Edit &gt; Copy Merged<br />
(Shift + Cmd/Ctrl + C) and paste the result into a new layer (name this<br />
layer “original”). Duplicate this layer (“original”) twice and set the<br />
Blend Mode for the duplicated layers to Multiply.</p>
<p>Select the layer just above the “original” and then apply Filter &gt;<br />
Stylize &gt; Find Edges. Lower this layer’s Opacity to 20% and change<br />
the Blend Mode to Overlay. Let’s take a look (the layer on top is<br />
hidden).</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri36.jpg" alt="yuri36 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Next, click on the other duplicated layer (which should be on top of<br />
the first duplicated layer). Go to Filter &gt; Stylize &gt; Glowing<br />
Edges and use the following settings:</p>
<ul>
<li>Edge Width: 2</li>
<li>Edge Brightness: 8</li>
<li>Smoothness: 10</li>
</ul>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri37.jpg" alt="yuri37 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Desaturate this layer by going to Image &gt; Adjustments &gt; Desaturate (Shift + Cmd/Ctrl + U).</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri38.jpg" alt="yuri38 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Invert the layer’s colors by pressing Cmd/Ctrl + I,</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri39.jpg" alt="yuri39 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>and finally set Opacity to 40%.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri40.jpg" alt="yuri40 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Go back to “original” layer and apply Noise filter (Filter &gt;<br />
Noise) with Amount set to 20%, for Distribution choose Gaussian and make<br />
sure that Monochromatic is selected.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri41.jpg" alt="yuri41 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Change the Blend Mode to Soft Light.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri42.jpg" alt="yuri42 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Download and import <a href="http://www.unsigneddesign.com/film/2.jpg" rel="shadowbox[sbpost-1864];player=img;" target="_blank">film texture</a>, resize it to fit canvas and set Blend Mode to Linear Light and Opacity to 25%.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri43.jpg" alt="yuri43 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<h2>Step 9</h2>
<p>It’s time to add some text to our composition. You will need <a href="http://www.theleagueofmoveabletype.com/fonts/7-league-gothic" rel="nofollow" target="_blank">League Gothic</a> and <a href="http://www.dafont.com/deftone-stylus.font" rel="nofollow" target="_blank">Deftone Stylus</a> fonts, so in case you don’t have it already go ahead download it and install. Let’s start with first word “Journey”.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri44.jpg" alt="yuri44 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Set Blend Mode to Soft Light, then duplicate layer, and for duplicated layer change Blend Mode to Overlay.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri45.jpg" alt="yuri45 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Use this method for all blocks of text.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri46.jpg" alt="yuri46 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri47.jpg" alt="yuri47 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri48.jpg" alt="yuri48 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri49.jpg" alt="yuri49 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<h2>Step 10</h2>
<p>This is the final step of tutorial. First let’s add an adjustment<br />
layer to give our entire composition the color theme we are going for.<br />
Go to Layer -&gt; New Adjustment Layer -&gt; Gradient Map to add an<br />
adjustment layer above all the other layers. Set a gradient going from<br />
#1c004b to #fa9900, then lower Opacity of adjustment layer to 40% to<br />
give our design a vintage feel.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri50.jpg" alt="yuri50 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri51.jpg" alt="yuri51 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>We will finish this tutorial by adding border to our design. Select<br />
all layers in the Layers Panel into a layer group (Cmd/Ctrl + G) and<br />
name this group “poster”. Go to Image &gt; Canvas Size and expand canvas<br />
by 20px.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri52.jpg" alt="yuri52 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Download and open this <a href="http://www.sxc.hu/photo/430136" rel="nofollow" target="_blank">Handmade Paper</a><br />
stock image. Extract the paper from its background by using the Magic<br />
Wand Tool (W) to select the white color in its background and then<br />
inverting the selection by choosing Select &gt; Inverse (Shift +<br />
Cmd/Ctrl + I).</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri53.jpg" alt="yuri53 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Copy the paper and paste it into our design. Scale it to fit our<br />
canvas with Free Transform (Cmd/Ctrl + T). Move the paper layer below<br />
the “poster” layer group.</p>
<p>Using the Rectangular Marquee Tool (M), make a selection that is slightly smaller (15px) than the canvas.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri54.jpg" alt="yuri54 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>With the “poster” layer group selected, go to Layer &gt; Layer Mask &gt; Reveal Selection.</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri55.jpg" alt="yuri55 Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Select paper layer again, go to Image &gt; Adjustments &gt;<br />
Hue/Saturation and set Saturation to -13 and Lightness to +34 to bring<br />
down paper color a bit and we are done!</p>
<p><img class="aligncenter size-medium wp-image-1417" title="Make a Retro Space Themed Poster in Photoshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/07/yuri-preview.jpg" alt="yuri preview Make a Retro Space Themed Poster in Photoshop" width="518" /></p>
<p>Source <a href="http://wegraphics.net/blog/tutorials/make-a-retro-space-themed-poster-in-photoshop/" rel="nofollow" target="_blank">Make a Retro Space Themed Poster in Photoshop</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.adrianbotea.com/make-a-retro-space-themed-poster-in-photoshop/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 5 Excellent E-Commerce Plugins for WordPress</title>
		<link>http://www.adrianbotea.com/top-5-excellent-e-commerce-plugins-for-wordpress</link>
		<comments>http://www.adrianbotea.com/top-5-excellent-e-commerce-plugins-for-wordpress#comments</comments>
		<pubDate>Wed, 07 Sep 2011 18:38:28 +0000</pubDate>
		<dc:creator>zdesign</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.adrianbotea.com/wordpress/backup/?p=248</guid>
		<description><![CDATA[With the internet being used more and more by your average consumer, you may be wanting to start your own online shop so you can unleash your products to all those potential customers. I’m sure you know that there are countless ways to do just this, but here I’m going to talk specifically about e-commerce ...]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-medium wp-image-1342" title="wordpress_ecommerce" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/wordpress_ecommerce-518x188.jpg" alt="wordpress ecommerce 518x188 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="188" /></p>
<p>With the internet being used more and more by your average consumer,<br />
you may be wanting to start your own online shop so you can unleash your<br />
products to all those potential customers. I’m sure you know that there<br />
are countless ways to do just this, but here I’m going to talk<br />
specifically about e-commerce plugins for <em>WordPress</em>.</p>
<p>Maybe you’ve heard about the odd plugin that allows you to sell<br />
products from your <u>WordPress</u> blog, but you might not know exactly what<br />
they are. To help you on your way to selling your products, I’m going to<br />
tell you about the five <strong>best e-commerce plugins for WordPress.</strong></p>
<p><span id="more-248"></span></p>
<h3>1. <a href="http://wordpress.org/extend/plugins/ecwid-shopping-cart/" rel="nofollow" target="_blank">Ecwid</a></h3>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/06/ecwid.jpg" rel="shadowbox[sbpost-248];player=img;" title="ecwid"><img class="aligncenter size-medium wp-image-1332" title="ecwid" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/ecwid-518x282.jpg" alt="ecwid 518x282 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="282" /></a></p>
<p>Ecwid is a free plugin for WordPress. It is a full shopping<br />
cart/e-commerce system that is extremely easy to install and even easier<br />
to maintain. It’s also customizable so you can have it looking however<br />
you like. See their <a href="http://www.ecwid.com/demo/showcase/technologies/wordpress/" rel="nofollow" target="_blank">showcase gallery</a> that features live sites that use this WordPress plugin.</p>
<p>But as with most things in life, there is a downside. Ecwid uses <a title="Excellent Websites for Learning Ajax - sixrevisions.com" href="http://sixrevisions.com/ajax/20-excellent-websites-for-learning-ajax/" rel="nofollow" target="_blank">Ajax</a><br />
for nearly everything, so SEO could be affected and users who don’t<br />
have JavaScript enabled can find it impossible to use your site. But<br />
don’t let that stop you because this is being worked on and there are<br />
already <a href="http://kb.ecwid.com/SEO" rel="nofollow" target="_blank">three solutions</a> that you can utilize.</p>
<h3>2. <a href="http://wordpress.org/extend/plugins/eshop/" rel="nofollow" target="_blank">eShop</a></h3>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/06/eshop.jpg" rel="shadowbox[sbpost-248];player=img;" title="eshop"><img class="aligncenter size-medium wp-image-1333" title="eshop" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/eshop-518x282.jpg" alt="eshop 518x282 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="282" /></a></p>
<p>eShop is another full e-commerce system for WordPress. Again, it is<br />
free and it is an all-around good e-cart. The admin area of the plugin<br />
is extremely simple to use and adding products, reviewing products and<br />
checking stats couldn’t be any easier.</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/06/eshop_admin.jpg" rel="shadowbox[sbpost-248];player=img;" title="eshop_admin"><img class="aligncenter size-medium wp-image-1334" title="eshop_admin" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/eshop_admin-518x282.jpg" alt="eshop admin 518x282 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="282" /></a></p>
<p>The whole system is customizable so you can have it looking awesome. <a href="http://www.wormsigntshirts.co.uk/" rel="nofollow" target="_blank">Worm Sign T-Shirts</a> and <a href="http://alamodern.com/" rel="nofollow" target="_blank">A La Modern</a> are two e-stores to check out to see how the plugin works in the wild and how it can end up looking with customizations.</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/06/worm_sign.png" rel="shadowbox[sbpost-248];player=img;" title="worm_sign"><img class="aligncenter size-medium wp-image-1343" title="worm_sign" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/worm_sign-518x293.png" alt="worm sign 518x293 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="293" /></a></p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/06/a_la_modern.jpg" rel="shadowbox[sbpost-248];player=img;" title="a_la_modern"><img class="aligncenter size-medium wp-image-1330" title="a_la_modern" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/a_la_modern-518x293.jpg" alt="a la modern 518x293 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="293" /></a></p>
<p>The downside to eShop is the payment options. You can only accept<br />
either PayPal, Payson or use eShop to take in payments for you. When<br />
using eShop as a payment method, you will not be able to print an<br />
invoice for the customer as you would be able to with PayPal. I hope<br />
that this will be upgraded eventually, and apart from the limited<br />
payment options, eShop is a very good cart.</p>
<h3>3. <a href="http://wordpress.org/extend/plugins/wp-e-commerce/faq" rel="nofollow" target="_blank">WP e-commerce</a></h3>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/06/wp_ecommerce.jpg" rel="shadowbox[sbpost-248];player=img;" title="wp_ecommerce"><img class="aligncenter size-medium wp-image-1344" title="wp_ecommerce" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/wp_ecommerce-518x282.jpg" alt="wp ecommerce 518x282 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="282" /></a></p>
<p>This is another free e-commerce solution for WordPress. WP e-commerce<br />
is one of the most used out there in this space, and it has a lot more<br />
features than eShop. To say that this is merely a &#8220;plugin&#8221; in the<br />
conventional usage of the term is a disservice to this amazing<br />
WordPress-based e-commerce solution. Some very complex and robust sites<br />
out there use this plugin. For example, both <a href="http://icondock.com/" rel="nofollow" target="_blank">IconDock</a> and <a href="http://citysurfshops.co.uk/" rel="nofollow" target="_blank">City Surf</a> use this plugin to run their business. IconDock in particular has a very unique drop-and-drag interface for buying products.</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/06/icondock.jpg" rel="shadowbox[sbpost-248];player=img;" title="icondock"><img class="aligncenter size-medium wp-image-1337" title="icondock" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/icondock-518x293.jpg" alt="icondock 518x293 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="293" /></a></p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/06/city_surf.jpg" rel="shadowbox[sbpost-248];player=img;" title="city_surf"><img class="aligncenter size-medium wp-image-1331" title="city_surf" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/city_surf-518x293.jpg" alt="city surf 518x293 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="293" /></a></p>
<p>With WP e-commerce, you can accept manual payment (checks/money<br />
orders), PayPal Payments Standard, PayPal Payments Pro, PayPal Express<br />
Checkout, Google Checkout and Chronopay.</p>
<p>There is also a Gold version of the cart that has many more features<br />
and accepts more payment types. And on the site, they have a number of<br />
add-ons for the cart such as product sliders and shipping modules.</p>
<p>The only shortcoming with this one is printing invoices. There is no<br />
option to customize an invoice, but you can still view the invoice and<br />
print it via the web browser.</p>
<h3>4. <a href="http://shopplugin.net/" rel="nofollow" target="_blank">Shopp</a> ($55)</h3>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/06/shopp.jpg" rel="shadowbox[sbpost-248];player=img;" title="shopp"><img class="aligncenter size-medium wp-image-1339" title="shopp" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/shopp-518x282.jpg" alt="shopp 518x282 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="282" /></a></p>
<p>Shopp is an excellent cart plugin for WordPress, but excellence comes<br />
with a price. That price starts at $55. For that price, you’re getting a<br />
single license for the software, and then you can buy extra<br />
plugins such as payment gateways, shipping modules and priority for<br />
support. But for any business venture, $55 is a negligible business<br />
overhead, especially for something as critical as a system that handles<br />
your product purchases.</p>
<p>The plugin is extremely easy to install and use, and it seems a lot<br />
cleaner (interface-wise) than the free plugins. The customer support is<br />
good and there is quite a bit of documentation, as well as a user forum,<br />
on the official site.</p>
<p>The sites that they have featured in their <a href="http://shopplugin.net/showcase/" rel="nofollow" target="_blank">showcase</a> are nice sites (<a href="http://www.soigneur.net/store/" rel="nofollow" target="_blank">Soigneur</a> and <a href="http://www.gourmetcandleco.com.au/" rel="nofollow" target="_blank">Gourmet Candle Co.</a> are just two of them), and the look of the cart is easily customizable.</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/06/soigneur.jpg" rel="shadowbox[sbpost-248];player=img;" title="soigneur"><img class="aligncenter size-medium wp-image-1340" title="soigneur" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/soigneur-518x293.jpg" alt="soigneur 518x293 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="293" /></a></p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/06/gourmet_candle_company.jpg" rel="shadowbox[sbpost-248];player=img;" title="gourmet_candle_company"><img class="aligncenter size-medium wp-image-1335" title="gourmet_candle_company" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/gourmet_candle_company-518x293.jpg" alt="gourmet candle company 518x293 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="293" /></a></p>
<p>There is very little to fault with this one; I personally found<br />
nothing during my testing and the only problem I heard of was when<br />
another WordPress plugin was conflicting with it.</p>
<h3>5. <a href="http://www.phpurchase.com/" rel="nofollow" target="_blank">PHPurchase</a> ($49)</h3>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/06/phppurchase.jpg" rel="shadowbox[sbpost-248];player=img;" title="phppurchase"><img class="aligncenter size-medium wp-image-1338" title="phppurchase" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/phppurchase-518x282.jpg" alt="phppurchase 518x282 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="282" /></a></p>
<p>PHPurchase is another paid plugin costing $49 for the Standard<br />
edition and $99 for the Pro version. Similar to Shopp, it seems to be<br />
of better quality than the free versions as well as slightly easier to<br />
use.</p>
<p>It has the same features as the previously mentioned plugins, but<br />
accepts a few more payment gateways including PayPal Website Payments<br />
Standard, PayPal Website Payments Professional, PayPal Express Checkout,<br />
eProcessing Network, Chase Paymentech, Quantum Gateway and<br />
Authorize.net.</p>
<p>The system is highly customizable. <a href="http://wegraphics.net/" rel="nofollow" target="_blank">WeGraphics</a> and <a href="http://www.hydrapak.com/" rel="nofollow" target="_blank">Hydrapak</a> are two examples of how you could get your site looking after customizing it all.</p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/06/wegraphics.jpg" rel="shadowbox[sbpost-248];player=img;" title="wegraphics"><img class="aligncenter size-medium wp-image-1341" title="wegraphics" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/wegraphics-518x293.jpg" alt="wegraphics 518x293 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="293" /></a></p>
<p><a class="lightbox" href="http://www.adrianbotea.com/wp-content/uploads/2011/06/hydrapak.jpg" rel="shadowbox[sbpost-248];player=img;" title="hydrapak"><img class="aligncenter size-medium wp-image-1336" title="hydrapak" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/hydrapak-518x293.jpg" alt="hydrapak 518x293 Top 5 Excellent E Commerce Plugins for WordPress" width="518" height="293" /></a></p>
<p>Overall, this is a very good e-commerce solution. As with all<br />
systems, you should expect to run into some bugs as you use it, but I<br />
personally didn’t find any during my testing.</p>
<h3>Conclusion</h3>
<p>Picking an e-commerce solution depends on how much money you are<br />
wanting to spend (if any), what you need your e-commerce solution to be<br />
doing and how much knowledge you have in relation to running,<br />
developing, and customizing e-stores.</p>
<p>All of the solutions I’ve mentioned are perfect for small- and<br />
medium-sized projects, but are probably not ideal for managing a<br />
full-scale, Amazon.com-like e-commerce website selling thousands of<br />
products. For that kind of size, you’re probably better off looking into<br />
a custom-built solution or a dedicated e-commerce publishing platform<br />
like Magneto, Zen Cart, or Shopify.</p>
<p>But if you already know how to use WordPress, your needs aren’t like<br />
Amazon.com, and you want an e-commerce solution that integrates well<br />
with your other content management needs — using an e-commerce WordPress<br />
plugin is definitely something to strongly consider.</p>
<p>Source <a href="http://sixrevisions.com/wordpress/top-5-excellent-e-commerce-plugins-for-wordpress/" rel="nofollow" target="_blank">Top 5 Excellent E-Commerce Plugins for WordPress</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.adrianbotea.com/top-5-excellent-e-commerce-plugins-for-wordpress/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How To Design a Custom YouTube Background</title>
		<link>http://www.adrianbotea.com/how-to-design-a-custom-youtube-background</link>
		<comments>http://www.adrianbotea.com/how-to-design-a-custom-youtube-background#comments</comments>
		<pubDate>Wed, 07 Sep 2011 18:36:58 +0000</pubDate>
		<dc:creator>zdesign</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.adrianbotea.com/wordpress/backup/?p=246</guid>
		<description><![CDATA[Have a YouTube channel? Want to customise it with your ownbackground design without a web designer? Follow this guide to find out how to create a cool theme for a gaming channel, then download the free template for use in your own projects. The design we’ll be creating is a dark military theme for youtube ...]]></description>
			<content:encoded><![CDATA[<p>Have a YouTube channel? Want to customise it with your ownbackground design without a <a href="http://www.adrianbotea.com">web designer</a>? Follow this guide to find out how to create a cool<br />
theme for a gaming channel, then download the free template for use in<br />
your own projects.</p>
<p><img class="aligncenter size-full wp-image-1238" title="25" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/25.jpg" alt="25 How To Design a Custom YouTube Background"  /></p>
<p><span id="more-1863"></span></p>
<p>The design we’ll be creating is a dark military theme for youtube<br />
gaming channel. Subtle camouflage patterns, grungy background textures<br />
and an array of awesome weaponry all combine to form an eye catching<br />
background design to entice viewers and subscribers.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/01.jpg" alt="01 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Like many social websites, YouTube allows the customisation of your<br />
personal profile through the uploading of a background image and the<br />
modification of the profile’s colour scheme. In order to make sure our<br />
design fits well with the YouTube website and its various palettes we<br />
need to base it on a template. Here’s a YouTube design template I made<br />
earlier, download it and feel free to use it in all your future<br />
projects. The template highlights where each palette is located and<br />
shows how much of the page is seen by common monitor resolutions.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/02.jpg" alt="02 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>The first step towards our dark gaming channel design is a camo pattern background. Here I’m using my <a href="http://www.blog.spoongraphics.co.uk/freebies/free-camouflage-patterns-for-illustrator-photoshop" rel="nofollow" target="_blank">free repeating camo patterns</a> I posted on Blog.SpoonGraphics, with a slight colour adjustment.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/03.jpg" alt="03 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Next, draw a large selection around the main YouTube container from the template and fill it with black on a new layer.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/04.jpg" alt="04 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Download a grungy texture like this one from <a href="http://lostandtaken.com/gallery/scratched-7.html" rel="nofollow" target="_blank">LostandTaken</a> and scale it into position over the black area in the design. Reduce the opacity to tone down the grungy effect.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/05.jpg" alt="05 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Toggle on the template and CMD+click the palettes layer thumbnail to<br />
load the selection. Fill these palettes with a black background and<br />
reduce the opacity so the texture can be seen through them.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/06.jpg" alt="06 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Create a new layer then right click the selection and choose Stroke.<br />
Enter 1px with the color White. Change this layer to Soft Light.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/07.jpg" alt="07 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Use the Eraser tool with a soft brush setting at 50% opacity to grunge up these borders by erasing out random areas.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/08.jpg" alt="08 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Being a military themed gaming channel means we need guns, lots of<br />
guns! Scour the stock photo websites for various weaponry.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/09.jpg" alt="09 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Open up each weapon photo into Photoshop and desaturate, then use the Magic Wand to quickly make a selection of the object.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/10.jpg" alt="10 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Go to Select &gt; Modify &gt; Contract and enter 2px in the settings.<br />
This helps clip out any unwanted white area that the Magic Wand might<br />
have included in the selection.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/11.jpg" alt="11 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Clip out every weapon image you find and compile the selections in a<br />
new document. Aim to find a range of weapons of various sizes, including<br />
knives.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/12.jpg" alt="12 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>The images won’t be in proportion with each other, so scale and order each weapon according to their actual size.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/13.jpg" alt="13 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Starting with the largest weapon and moving down, rotate and position the guns so they flare out in a kind of wing shape.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/14.jpg" alt="14 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>If the tones of some weapons don’t match, quickly adjust the Levels to clip their shadows and highlights.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/15.jpg" alt="15 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>The smaller weapons may need duplicating to fill out their area of<br />
the wing. Stack these weapons to give the impression of layered<br />
feathers.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/16.jpg" alt="16 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Finally arrange the knives until the rotation of elements reaches the<br />
180 degrees mark. Again stack and layer these objects to fill in any<br />
gaps.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/17.jpg" alt="17 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>When all the weapons have made up a complete wing shape, group them<br />
together and paste them into the main YouTube design document.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/18.jpg" alt="18 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Scale and position the wing behind the content panel. Take into<br />
consideration the common monitor resolution guides to ensure the weapons<br />
will fit within the screen area of most viewers.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/19.jpg" alt="19 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Paint in a blue overlay over the weapons to add a cool colour cast.<br />
This blue will also be sampled for use as the link colour to tie the<br />
design together.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/20.jpg" alt="20 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Duplicate the group of wings, right click and selection flip<br />
horizontally, then position the duplicate in the same place on the<br />
opposite side.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/21.jpg" alt="21 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Toggle on the design template to double check the scale of the design<br />
and its elements. This design will fit into 1440px resolutions, but the<br />
tips of the larger guns will be cropped off on anything smaller.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/22.jpg" alt="22 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>We also need to take into consideration larger monitor resolutions<br />
and browser window scrolling, so add a black fill to fade out the edges<br />
of the design to a solid colour.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/23.jpg" alt="23 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Crop the design as tightly as possible, then save the image. Compress<br />
the JPEG settings as far as you can while keeping an acceptable image<br />
quality. The max filesize YouTube accepts is 256kb.</p>
<p><img src="http://www.adrianbotea.com/wp-content/uploads/2011/06/24.jpg" alt="24 How To Design a Custom YouTube Background"  title="How To Design a Custom YouTube Background" /></p>
<p>Log into your YouTube profile and edit your channel. Upload the<br />
background image and deselect the repeat option. Then go through and<br />
edit the design background, text and link colours. Also remember to set<br />
the transparency of the YouTube wrapper and palettes to 100% so the<br />
underlying background can be seen.</p>
<p>Source <a href="http://line25.com/tutorials/how-to-design-a-custom-youtube-background" rel="nofollow" target="_blank">How To Design a Custom YouTube Background</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.adrianbotea.com/how-to-design-a-custom-youtube-background/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Playstation Portable Realistic Buttons</title>
		<link>http://www.adrianbotea.com/new-playstation-portable-realistic-buttons</link>
		<comments>http://www.adrianbotea.com/new-playstation-portable-realistic-buttons#comments</comments>
		<pubDate>Wed, 07 Sep 2011 18:07:14 +0000</pubDate>
		<dc:creator>zdesign</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.adrianbotea.com/wordpress/backup/?p=237</guid>
		<description><![CDATA[Tutorial Details: Program: Adobe Photoshop CS3 Difficulty: Intermediate Estimated Completion Time: 1/2 Hour On last January 27 th Sony Computer Entertainment has announced a new portable video game which will succeed PSP. It&#8217;s called Next Generation Portable (NGP). As I wanted to share some techniques and trends used in web and GUI design, I decided ...]]></description>
			<content:encoded><![CDATA[<p><strong>Tutorial Details:</strong></p>
<ul>
<li>Program: Adobe Photoshop CS3</li>
<li>Difficulty: Intermediate</li>
<li>Estimated Completion Time: 1/2 Hour</li>
</ul>
<p>On last January 27 th Sony Computer Entertainment has announced a new portable video game which will succeed PSP. It&#8217;s called Next Generation Portable (NGP). As I wanted to share some techniques and trends used in web and GUI design, I decided to write a tutorial teaching how to build the buttons of this console in a realistic way. Take a look at the NGP:</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP)"><img class="aligncenter size-full wp-image-1079" title="Next Generation Portable (NGP)" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP.jpg" alt="Next Generation Portable NGP New Playstation Portable Realistic Buttons"  /></a></p>
<p><span id="more-237"></span></p>
<p>What you will be creating:</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Photop-version.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP - Photop version"><img class="aligncenter size-full wp-image-1090" title="Next Generation Portable (NGP - Photop version" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Photop-version.jpg" alt="Next Generation Portable NGP Photop version New Playstation Portable Realistic Buttons"  /></a></p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step16-3.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step16-3"><img class="aligncenter size-full wp-image-1122" title="Next Generation Portable (NGP) - Step16-3" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step16-3.jpg" alt="Next Generation Portable NGP Step16 3 New Playstation Portable Realistic Buttons"  /></a></p>
<h3>Step 1</h3>
<p>Create a new document using the settings shown below. The background color can be set to either white or transparent.</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step17.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step1"><img class="aligncenter size-full wp-image-1096" title="Next Generation Portable (NGP) - Step1" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step17.jpg" alt="Next Generation Portable NGP Step17 New Playstation Portable Realistic Buttons"  /></a></p>
<h3>Step 2</h3>
<p>Grab the Ellipse Tool (U) and open the Geometry Options window. Select Fixed Size, and then set both width and height to 74px. Click in anywhere of your workspace and this setting will automatically create a circle shape. Fill it with any light color since we will cover this shape with effects later.</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step2.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step2"><img class="aligncenter size-full wp-image-1097" title="Next Generation Portable (NGP) - Step2" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step2.jpg" alt="Next Generation Portable NGP Step2 New Playstation Portable Realistic Buttons"  /></a></p>
<h3>Step 3</h3>
<p>Rename this layer to “Base”. Double click on Base layer to bring up Layer Style. Apply the following layer styles:</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step3.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step3"><img class="aligncenter size-full wp-image-1098" title="Next Generation Portable (NGP) - Step3" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step3.jpg" alt="Next Generation Portable NGP Step3 New Playstation Portable Realistic Buttons"  /></a></p>
<p>Always remember to pay attention at the Preview of Layer Style, in this way you will understand what each effect produces.</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step3-1.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step3-1"><img class="aligncenter size-full wp-image-1099" title="Next Generation Portable (NGP) - Step3-1" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step3-1.jpg" alt="Next Generation Portable NGP Step3 1 New Playstation Portable Realistic Buttons"  /></a></p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step3-2.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step3-2"><img class="aligncenter size-full wp-image-1100" title="Next Generation Portable (NGP) - Step3-2" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step3-2.jpg" alt="Next Generation Portable NGP Step3 2 New Playstation Portable Realistic Buttons"  /></a></p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step3-3.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step3-3"><img class="aligncenter size-full wp-image-1101" title="Next Generation Portable (NGP) - Step3-3" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step3-3.jpg" alt="Next Generation Portable NGP Step3 3 New Playstation Portable Realistic Buttons"  /></a></p>
<p>Your circle should be exactly like the image below:</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step4.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step4"><img class="aligncenter size-full wp-image-1102" title="Next Generation Portable (NGP) - Step4" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step4.jpg" alt="Next Generation Portable NGP Step4 New Playstation Portable Realistic Buttons"  /></a></p>
<h3>Step 4</h3>
<p>Let’s duplicate this layer: right click on it and select “Duplicate Layer…”. Name this new layer to &#8220;White border&#8221;. This new duplicated layer comes with all the styles that you created for Base layer, but we want only the shape of circle. So, right click on this new layer and select “Clear Layer Style”.</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step5.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step5"><img class="aligncenter size-full wp-image-1103" title="Next Generation Portable (NGP) - Step5" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step5.jpg" alt="Next Generation Portable NGP Step5 New Playstation Portable Realistic Buttons"  /></a></p>
<h3>Step 5</h3>
<p>Double click on “White border” layer to bring up Layer Style. Apply the following layer styles:</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step6.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step6"><img class="aligncenter size-full wp-image-1104" title="Next Generation Portable (NGP) - Step6" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step6.jpg" alt="Next Generation Portable NGP Step6 New Playstation Portable Realistic Buttons"  /></a></p>
<p><strong>Be careful!</strong> As we only want the effects of layer style without any fill, we have to set the Fill Opacity to 0% on Advanced Blending.</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step6-1.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step6-1"><img class="aligncenter size-full wp-image-1105" title="Next Generation Portable (NGP) - Step6-1" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step6-1.jpg" alt="Next Generation Portable NGP Step6 1 New Playstation Portable Realistic Buttons"  /></a></p>
<p>Your circle should be exactly like the image below:</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step8.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step8"><img class="aligncenter size-full wp-image-1106" title="Next Generation Portable (NGP) - Step8" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step8.jpg" alt="Next Generation Portable NGP Step8 New Playstation Portable Realistic Buttons"  /></a></p>
<h3>Step 6</h3>
<p>Duplicate “White border” layer and name the new layer to “Grey border”. Again, clear the layer style of this layer and apply new styles following the images bellow:</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step9.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step9"><img class="aligncenter size-full wp-image-1107" title="Next Generation Portable (NGP) - Step9" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step9.jpg" alt="Next Generation Portable NGP Step9 New Playstation Portable Realistic Buttons"  /></a></p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step9-1.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step9-1"><img class="aligncenter size-full wp-image-1108" title="Next Generation Portable (NGP) - Step9-1" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step9-1.jpg" alt="Next Generation Portable NGP Step9 1 New Playstation Portable Realistic Buttons"  /></a></p>
<p>Your circle should be exactly like the image below:</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step10.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step10"><img class="aligncenter size-full wp-image-1109" title="Next Generation Portable (NGP) - Step10" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step10.jpg" alt="Next Generation Portable NGP Step10 New Playstation Portable Realistic Buttons"  /></a></p>
<h3>Step 7</h3>
<p>It’s time to add the iconic shapes of any Playstation videogame’s: triangle, square, circle and X. Maybe some of you are thinking to download a font with these frames or vector free file. But this time let’s explore Photoshop potential, you will see that a lot of things can be done using only Photoshop in right way.</p>
<p>Grab Custom Shape Tool (U). Open Custom Shape picker window, click on the little black arrow and then click on option “All”, in this way all the shapes will appear on picker window and you will find easily triangle, circle and square frames. X button will give us a little more of work and I will show you how to create it at the end of this tutorial.</p>
<p>Set the Foreground color to #FFFFFF, so our shape will be white. Choose some shape that you prefer, and open the Geometry Options window. Select Fixed Size, and then set both width and height to 40 px. Click in anywhere of your workspace and this setting will automatically create the shape.</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step11.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step11"><img class="aligncenter size-full wp-image-1110" title="Next Generation Portable (NGP) - Step11" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step11.jpg" alt="Next Generation Portable NGP Step11 New Playstation Portable Realistic Buttons"  /></a></p>
<h3>Step 8</h3>
<p>We will have to align our shape at the middle of the button. Ctrl + Click on Base layer thumbnail to activate the selection of circle. Grab the Move Tool (V) and select our shape layer. You’ll see at the top of your screen some alignment buttons, in this way we will align the shape to the selection. After that, press Ctrl + D to deselect.</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step12.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step12"><img class="aligncenter size-full wp-image-1111" title="Next Generation Portable (NGP) - Step12" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step12.jpg" alt="Next Generation Portable NGP Step12 New Playstation Portable Realistic Buttons"  /></a></p>
<h3>Step 9</h3>
<p>This preset frames have a too rigid shape. So let’s diffuse this a little bit. Select the layer and go to Filter &gt;&gt; Blur &gt;&gt; Gaussian Blur. Set the Radius to 0,3 px. To understand better this step take a look closely the shape with zoom before and after of applying effect. Remember to give a meaningful name like “triangle” to this layer.</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step13.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step13"><img class="aligncenter size-full wp-image-1112" title="Next Generation Portable (NGP) - Step13" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step13.jpg" alt="Next Generation Portable NGP Step13 New Playstation Portable Realistic Buttons"  /></a></p>
<h3>Step 10</h3>
<p>Our button looks too flat and we will change that. In order to make more realistic icons, buttons and layout in general you have to use slightly textures. I see a lot of sites that seem poor because they don’t have any kind of texture. Despite of be an almost imperceptible detail, makes all the difference.</p>
<p>Create a new layer and name it “Texture”. Ctrl + Click on Base layer thumbnail to bring up the selection of circle. Fill this new layer with color #282828. Press Ctrl + D to deselect. With this layer still selected go to Filter &gt;&gt; Noise &gt;&gt; Add Noise. Set the Amount to 46% and Gaussian to Distribution.</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step14.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step14"><img class="aligncenter size-full wp-image-1113" title="Next Generation Portable (NGP) - Step14" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step14.jpg" alt="Next Generation Portable NGP Step14 New Playstation Portable Realistic Buttons"  /></a></p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step14-1.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step14-1"><img class="aligncenter size-full wp-image-1114" title="Next Generation Portable (NGP) - Step14-1" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step14-1.jpg" alt="Next Generation Portable NGP Step14 1 New Playstation Portable Realistic Buttons"  /></a></p>
<p>Now change the Blending Mode of this layer to Luminosity and the opacity to 5%. In order to understand better the very slightly difference between flat and textured button look at this image below:</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step14-2.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step14-2"><img class="aligncenter size-full wp-image-1115" title="Next Generation Portable (NGP) - Step14-2" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step14-2.jpg" alt="Next Generation Portable NGP Step14 2 New Playstation Portable Realistic Buttons"  /></a></p>
<h3>Step 11</h3>
<p>It&#8217;s time to give the impression of volume to our button. Duplicate “Grey border” layer, name it to “Volume” and bring it to the top of layers. Clear the layer style of this layer, set the foreground to #FFFFFF and apply new styles following the images bellow:</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step15.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step15"><img class="aligncenter size-full wp-image-1116" title="Next Generation Portable (NGP) - Step15" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step15.jpg" alt="Next Generation Portable NGP Step15 New Playstation Portable Realistic Buttons"  /></a></p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step15-1.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step15-1"><img class="aligncenter size-full wp-image-1117" title="Next Generation Portable (NGP) - Step15-1" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step15-1.jpg" alt="Next Generation Portable NGP Step15 1 New Playstation Portable Realistic Buttons"  /></a></p>
<p>For default, Gradient Ovelay comes from the center to borders. But we want to simulate the light coming from left top area, so still on the Gradient Overlay window take the cursor to your shape and drag the effect to top left portion. Change the opacity of this layer to 60% and you will have this result:</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step15-2.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step15-2"><img class="aligncenter size-full wp-image-1118" title="Next Generation Portable (NGP) - Step15-2" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step15-2.jpg" alt="Next Generation Portable NGP Step15 2 New Playstation Portable Realistic Buttons"  /></a></p>
<h3>Step 12</h3>
<p>Finally we will add brightness to our button. Duplicate “Volume” layer and name the new layer to “Brightness”. Clear the layer style of this layer and apply new styles following the images bellow:</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step16.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step16"><img class="aligncenter size-full wp-image-1119" title="Next Generation Portable (NGP) - Step16" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step16.jpg" alt="Next Generation Portable NGP Step16 New Playstation Portable Realistic Buttons"  /></a></p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step16-1.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step16-1"><img class="aligncenter size-full wp-image-1120" title="Next Generation Portable (NGP) - Step16-1" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step16-1.jpg" alt="Next Generation Portable NGP Step16 1 New Playstation Portable Realistic Buttons"  /></a></p>
<p>But the brightness should not be as long as it’s right now. So we will have to erase some parts.</p>
<p>Right click on Brightness layer and select “Convert to Smart Object”. Again, right click on this layer and now select “Rasterize Layer”.</p>
<p>We just want the light coming from top left portion of the circle: blue area in image below. So every part out of the blue area can be erased with a soft brush.</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step16-2.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step16-2"><img class="aligncenter size-full wp-image-1121" title="Next Generation Portable (NGP) - Step16-2" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step16-2.jpg" alt="Next Generation Portable NGP Step16 2 New Playstation Portable Realistic Buttons"  /></a></p>
<p>Voilà! Now put all these layers into a group called “bt_triangle”, for example. Duplicate the group three times and finish changing the shapes of the buttons. I decided to do an app icon with these buttons, and the process of doing that was quite similar to do the buttons.</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step16-3.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - Step16-3"><img class="aligncenter size-full wp-image-1122" title="Next Generation Portable (NGP) - Step16-3" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-Step16-3.jpg" alt="Next Generation Portable NGP Step16 3 New Playstation Portable Realistic Buttons"  /></a></p>
<h3>X frame step</h3>
<p>Last, but by no means least, how to do the X shape. Set the Foreground color to #FFFFFF, so our shape will be white. Grab the Rectangle Tool (U) and open the Geometry Options window. Select Fixed Size, and then set width to 4 px and height to 44 px. Click in anywhere of your workspace and this setting will automatically create the rectangle. Create another rectangle inverting the settings: 44px X 4 px.</p>
<p>Now you have rectangles with two directions: vertical and horizontal. Activate Move Tool (V), select both layers and use the align bar to get a cross shape. With the cross still selected go to Edit &gt;&gt; Transform &gt;&gt; Rotate and set the rotation to 45°. Now you have your X frame. Before you put it inside the button, remember to apply the Gaussian Blur.</p>
<p><a href="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-X-frame-step.jpg" rel="shadowbox[sbpost-237];player=img;" class="lightbox" title="Next Generation Portable (NGP) - X frame step"><img class="aligncenter size-full wp-image-1123" title="Next Generation Portable (NGP) - X frame step" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Next-Generation-Portable-NGP-X-frame-step.jpg" alt="Next Generation Portable NGP X frame step New Playstation Portable Realistic Buttons"  /></a></p>
<p>Applying these techniques wisely you can achieve awesome results without the help of a <a href="http://www.adrianbotea.com">web designer</a>. I hope this tutorial helps you to improve your skills!</p>
<p>Source <a href="http://www.behance.net/gallery/Tutorial-New-Playstation-Portable-Realistic-Buttons/1000149" rel="nofollow" target="_blank">New Playstation Portable Realistic Buttons</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.adrianbotea.com/new-playstation-portable-realistic-buttons/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Best Web Designs , But Still Affordable</title>
		<link>http://www.adrianbotea.com/best-web-designs-but-still-affordable</link>
		<comments>http://www.adrianbotea.com/best-web-designs-but-still-affordable#comments</comments>
		<pubDate>Wed, 07 Sep 2011 18:05:41 +0000</pubDate>
		<dc:creator>zdesign</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.adrianbotea.com/wordpress/backup/?p=235</guid>
		<description><![CDATA[Designing your website page appears to be the hardest aspect in creating your site in particular if you do not have any idea how to begin it off and where to find the cheapest layouts which might be matched with your website and you also want the best web designs Basically the design of your ...]]></description>
			<content:encoded><![CDATA[<h2>Designing your website page appears to be the hardest aspect in creating your site in particular if you do not have any idea how to begin it off and where to find the cheapest layouts which might be matched with your website and you also want the best web designs</h2>
<p>Basically the design of your website is probably the most important factor. You should not disregard the truth that the face worth of your web page will determine whether the people will be reading your article or not. This is why designers are very important assets of companies who are into the <em>best web designs</em>, companies can pay competitive wages as long as they can see that the <a title="Adrian Botea - Freelance web designer" href="http://www.adrianbotea.com">web designer</a> is really someone who will be able to make every content seem unique and exciting to read and have one of the <span style="text-decoration: underline;">best web designs</span>. Because of this , in designing your website page, you have to always take time and be patient to be able to get the <strong>best web designs</strong> however not too expensive.</p>
<p><img title="best web designs" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/best-web-designs.png" alt="best web designs Best Web Designs , But Still Affordable"  /></p>
<p><span id="more-235"></span></p>
<p>Here are a few details that you could use in looking for and selecting the most affordable still <em>best web designs</em> there are. Coloration is an important aspect in the design of the web site. With the appropriate colors you will make your page look more attractive and appealing. There are several cases where the colors used are boring or quite bright for the eyes. Bear in mind the readers would be looking at the web page for several minutes and their eyes must always be relaxed when they are browsing through your web page. Text color and sizes are also important to decide on, there are several web pages where the texts cannot be seen or read due to the nature of color and text size. People will never waste their time reading through an article when it is tough to read. So make sure that the texts are readable in terms of sizing and shades. Images, animated pictures and videos add-ons are other ways to design and style your website well. You can always use images, animated clips, and videos which are related to your topic to add design to the website page. Beneficial thing with these designs are that many of these are free sources found anywhere in the internet that can just be uploaded on to your site.</p>
<p>By browsing through different internet sites in the internet, you can always find the <a title="Best web designs awords" href="http://en.wikipedia.org/wiki/Website_awards" rel="nofollow" target="_blank">best web designs</a> or themes for your web site. The main goal is to find the least expensive yet the <strong>best web designs</strong>. In looking for it, you must never settle for anything that is just right for your page, you must always look for and choose the <em>best web designs</em>. If you are dealing with games and posting several comments on it, be sure that the design of your web page is inclined into video games. It is not right to put ebooks and English grammar on the web page since it would look awkward and really not attractive to the audience that you want to appeal to.</p>
<p>To conclude, there are a lot of small details that needs your attention in designing your web page. It is not just as simple as applying colors, themes, and photographs then presto, your blog is already finished. Creating a web page takes time and critical designing skills to boost up any content that you want to be shown in the web.</p>
<h3>Constantly seek more and thoroughly to find the most inexpensive yet best web designs that is proper for your web page</h3>
]]></content:encoded>
			<wfw:commentRss>http://www.adrianbotea.com/best-web-designs-but-still-affordable/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Some of the Best Web Design Software</title>
		<link>http://www.adrianbotea.com/some-of-the-best-web-design-software</link>
		<comments>http://www.adrianbotea.com/some-of-the-best-web-design-software#comments</comments>
		<pubDate>Wed, 07 Sep 2011 18:04:37 +0000</pubDate>
		<dc:creator>zdesign</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.adrianbotea.com/wordpress/backup/?p=233</guid>
		<description><![CDATA[I see a lot of people that are looking for some kind of best web design software for their websites.I really don&#8217;t recommend any &#8220;best web design software&#8221; if you are trying to make something good from your online business, but if are on really tight budget or just want to experiment here is some ...]]></description>
			<content:encoded><![CDATA[<h2>I see a lot of people that are looking for some kind of best web design software for their websites.I really don&#8217;t recommend any &#8220;best web design software&#8221; if you are trying to make something good from your online business, but if are on really tight budget or just want to experiment here is some info on this subject :</h2>
<p>One easy way of designing a website is by using the <strong>best web design software</strong>. This not just ensures that the job is made simple and fast for the <a href="http://www.adrianbotea.com">web designer</a>. But it also results in an attractive website that has the ability to entice more visitors into reading his website. Today, there are tons of really great design software that can help a designer or web owner build a really functional site within hours or even minutes. There are software that help the designers add more and better features in a convenient fashion with the indeed of enhancing its appeal all the more.</p>
<p>Indeed, gone were the days when web designers used to create sites from scratch, making the job a daunting one, short of being a day-to-day burden. Today, with the assistance of some of the <em>best web design software</em> applications, it is now much easier and faster to create and own websites. In fact, while there are web designers who utilize such software, site and blog owners now also use them, even those without any technical knowledge on web designing. This is because most software products are easy to use and apply, what with the easy-to-follow instructions made available for the user. Add to this is the fact that there are now a number of free software that can be used by those with access to the Internet and want to create their own websites.</p>
<p><span id="more-1853"></span></p>
<p>The <span style="text-decoration: underline;">best web design software</span> definitely assures great features that likewise make it easy to use by even the novice designer. One important feature is that it must possess WYSIWYG applications for web building. Such tools help the user see how his website takes shape as he works on it and adds more and more features.  It is a must that design software has even the most basic features in order to make sure that it meets the requirements of a web owner or designer in the creation of a website.</p>
<p>On the Internet these days are some of the <a href="http://en.wikipedia.org/wiki/Web_design_program" rel="nofollow" target="_blank">best web design software</a> that can help in the building of sites. These software products are required especially by those who have little or no designing skills in building a website. Likewise there are free software that anyone can avail, particularly people with limited budget and cannot afford to get the services of a website designer. Indeed, these software programs are a great way of coming up with an interestingly designed site that can reach the target market, increase its visitors and improve total sales.</p>
<h4>Here are some of the best web design software:</h4>
<p>Web Plus is design software that is easy to use. It offers a number of media tools such as You Tube and Flash and even has helpful tutorials and free hosting.  Web Plus also offers templates, albeit there are many others online which are deemed to be more appealing. Likewise, HTML is necessary and so this is best for those with knowledge on it.</p>
<h3><img title="best web design software" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Best-Web-Design-Software-WebPlus-X5.png" alt="Best Web Design Software WebPlus X5 Some of the Best Web Design Software"  /></h3>
<p>Another website design software is the Coffee Cup Visual Site Designer, which is quite popular for its ease and convenience of use. One does not have to be a coder in order to take advantage of this software. It comes with an easy-to-understand manual that’s very handy even for the non-technical individual. What’s great about Coffee cup is that it even has an FTP client, making direct changes in the site easier.</p>
<p><img title="best web design software" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Best-Web-Design-Software-Coffee-Cup-Visual-Site-Designer.png" alt="Best Web Design Software Coffee Cup Visual Site Designer Some of the Best Web Design Software"  /></p>
<p>There are indeed a lot of impressive software that can be used to build a website. And because of their great number online, their prices are competitive, making it more affordable for people to buy them. However, one must remember that the <span style="text-decoration: underline;">best web design software</span> is not necessarily most inexpensive. Instead it must have all the required features and functions to make sure that the design needs are met and a professional yet attractive website is created.</p>
<h3>So after trying all this &#8221; best web design software &#8221; and you want something professional you can contact me for a quote</h3>
]]></content:encoded>
			<wfw:commentRss>http://www.adrianbotea.com/some-of-the-best-web-design-software/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How much does a web design cost?</title>
		<link>http://www.adrianbotea.com/how-much-does-a-web-design-cost</link>
		<comments>http://www.adrianbotea.com/how-much-does-a-web-design-cost#comments</comments>
		<pubDate>Wed, 07 Sep 2011 18:03:19 +0000</pubDate>
		<dc:creator>zdesign</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.adrianbotea.com/wordpress/backup/?p=230</guid>
		<description><![CDATA[Another interesting article about web design cost Written by Tom Doyle It’s over a year since I wrote a similar article to this one on what it costs to design a website. Surprisingly, since that last post and with all the turmoil that is happening with the global and Irish economy, little has changed in terms of ...]]></description>
			<content:encoded><![CDATA[<h2>Another interesting article about web design cost</h2>
<h4>Written by Tom Doyle</h4>
<p>It’s over a year since I wrote a similar article to this one on what it costs to design a website. Surprisingly, since that last post and with all the turmoil that is happening with the global and Irish economy, little has changed in terms of pricing. What has changed however, is the number of small <a title="Adrian Botea - Freelance web designer" href="http://www.adrianbotea.com/portfolio">web design</a> companies popping up all over the place offering cheap web design solutions. I personally take no issue with these companies, unless of course they start comparing their work to the work a professional web design agency.</p>
<p>The problem with <em>web design cost</em> is that generally speaking, most people don’t actually understand what it takes to design and develop a website. I know from even my circle of friends, they would expect the building of a website to be something that can be done in a few clicks of a button. Of course this is a possibility and one of the reasons there are so many cheap and nasty web design companies in the market today.</p>
<p>We regularly get people telling us that we are “much more” expensive than other quotes they have received. In this case we always ask them to provide us with the proposal from the other company to see where the difference in price lies. In most cases, they are comparing apples with oranges. The service we offer is far superior to the cheaper alternatives. There are of course the exceptions when I can’t even contemplate why a company is going in so cheaply.</p>
<p>Like with every professional service, I think it’s best to look at things in context when discussing pricing around a service you require. Hopefully this article will open most peoples eyes into how a professional website is cost-ed and why.</p>
<p><img title="web design cost" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/web-design-cost.png" alt="web design cost How much does a web design cost?"  /><br />
<span id="more-1852"></span></p>
<h3>Web Design Cost</h3>
<p>When we get a call from someone looking for a website designed, the first thing we ask for is an idea of other sites that the client is trying to emulate for their own business. This isn’t to plagiarise their ideas, but for us to get an idea of what the clients expectations are. Our next question would be related to the websites functionality, e.g. do you need to sell anything online, what level of interactivity do you want with the client etc.</p>
<p>Generally speaking, the answers provided will lead us two ways, one needing more questions answered or two, in a position to put together a proposal for the costs involved in the project. With the information received from the client, we can the plan the time we feel is required to deliver a finished website based on the clients brief. If it’s a complex project, it can take quite sometime to put together time-frames expected.</p>
<p><strong>Time Required to Build a Website</strong></p>
<p>Let’s take a simple brochure type website, with a Content Management System as an example of the time  required to deliver such a website.</p>
<ol>
<li><em><strong>Design</strong></em>. Design is a strange procedure that can’t be timed to an exact time-frame. There’s a massive level of creativity required and therefore, you can’t rush it. A typical design can take anywhere from 2-3 days to meet the initial design brief and at that stage, you will probably have one or two ideas developed.In all our projects, we work with our client to get a design that they are 100% happy with. If they don’t like what we have delivered, we will keep working until we get exactly what the client wants. Luckily enough, in most cases we don’t have a problem with it going beyond the 2-3 days allocated.Total Days: 2-3</li>
<li><em><strong>Design preparation for CMS integration</strong></em><br />
Once the design has been fully signed off, we move onto preparing the agreed design for the CMS integration. This means developing the necessary HTML, CSS and JS code etc. This can take up to 1 day to complete.Total Days: 1</li>
<li><em><strong>CMS Installation &amp; Design Integration</strong></em><br />
As soon as the design has been cut up and is ready to be integrated, we start the process of installing the CMS. Depending on the CMS chosen and the complexity of the design, this can take anywhere from 2-3 days to fully integrate. At this stage, we also look after any functionality issues, such as forms, login systems etc etc.Total Days: 3-4</li>
<li><em><strong>Content Insertion</strong></em><br />
The final build stage is the insert the content provided by the client. Typically we do a maximum of 15-20 pages of content for a client and then train them up on how to use the CMS to insert their own content if they require more.Total Days: 1-2</li>
</ol>
<p>So there you have it, that’s a typical example of the time required to build a very basic website with a CMS. I haven’t included the time required for meetings, design briefing or testing. The basic nuts and bolts of building the website will take at least 7-10 days, yet it generally takes 4-6 weeks before the whole process is completed.</p>
<p>We charge per project basis. It’s not easy for me to give a set figure for the cost of the design and development of a website because requirements differ so much from client to client. Typically speaking, we would be charging anywhere from €2,500 – €3,500 +VAT for a typical brochure site with CMS.</p>
<p>To some that sounds quite expensive, but let’s break that down further to see where the costs come in.</p>
<p>a) Web Designer / Web Developer</p>
<p>A good web designer/developer’s annual salary will be anywhere from €30-40k per annum depending on experience. Since we need two people working on your website design, let’s take a mean salary of €35k per annum.</p>
<p>It costs the employer just over €790 per week (accounting for holidays) to have someone working on the project. The total cost for a 2 week project is therefore €1580</p>
<p>b) Project Management / Meetings<br />
With any project, there is a certain level of project management required. Project management means meetings. As much as we can, we try to have meetings on-site, but most of the time it makes more sense to meet with the client in their offices. This obviously takes someone’s time and costs money for travel etc.</p>
<p>c) Rent, Calls &amp; Other Misc.<br />
A necessary evil of running a business, but we need to put a roof over our heads and buy PCs, phones broadband connection etc etc. Without all this, we wouldn’t be a web design company.</p>
<p>You can throw your own figures at b and c – but even with the lowest level, you can see there is very little margin in the costs charged for designing a simple website.</p>
<p><strong>Cheap Web Design Cost<br />
</strong></p>
<p>So now that you’ve seen what the costs involved in developing a typical website, let’s look at how a cheap web design business operates. I say business as opposed to “company” because a lot of these businesses are one man operations run by self employed individuals working from home with little overheads etc. Other cheap web design companies will outsource their work to cheap labour countries such as India, Pakistan or China.</p>
<ol>
<li><em><strong>Design</strong></em>Generally speaking, most of these companies do one of three things when it comes to the design aspect of a website.a) Download  and use freely available templates from the Internet. They then do some basic customisation of the design such as include your logo and other graphical material.b) Purchase already created designs from Templatemonster.com or similar websites. Again, there is a certain level of customisation required in this case.c) Outsource off-shore – absolutely nothing wrong with this, but the quality tends to be pretty poor.</li>
<li><em><strong>CMS Integration</strong></em><br />
The majority of the cheap <strong><span style="text-decoration: underline;">web design cost</span></strong> companies use one of the many freely available CMS solutions such as WordPress,Joomla or Drupal. Apart from being really easy and quick to install, there are thousands of online resources where they can download free templates to use for their website theme.</li>
</ol>
<p>Typically speaking, someone could put together one of these cheap websites, that will potentially look like thousands of other websites across the Internet in less than 2 days. If it takes them longer than this, either you are a nightmare client that is expecting too much or they don’t know what they are doing!</p>
<p>The bottom line is that if you want your website design from a professional design agency, expect to spend anywhere from €1,500 to €4,000 for a brochure type website. If you want to go the cheap route, don’t spend more than €500 – otherwise you are being ripped off.</p>
<p>I hope all the information above gives you a good idea of the complete disconnect between cheap web design and professional web design. I’m not saying it’s a bad thing to use a cheap web design company, but before you start comparing apples and oranges make sure you completely understand what you are getting from your web designer.</p>
<p>Source <a title="How much does a web design cost? Real Web Design Costs" href="http://www.tomdoyletalk.com/2010/09/20/how-much-does-a-web-design-cost/" rel="nofollow" target="blank">How much does a web design cost? Real Web Design Costs</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.adrianbotea.com/how-much-does-a-web-design-cost/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What a Web Designer Career Entails</title>
		<link>http://www.adrianbotea.com/226</link>
		<comments>http://www.adrianbotea.com/226#comments</comments>
		<pubDate>Wed, 07 Sep 2011 18:01:14 +0000</pubDate>
		<dc:creator>zdesign</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.adrianbotea.com/wordpress/backup/?p=226</guid>
		<description><![CDATA[Here is little article about web designer career Written by Susan Bean When you go to web sites and are looking around, all the different things you see from the layout to the pictures are created by a web designer. A web designer career means you are able to take a client&#8217;s visions and make ...]]></description>
			<content:encoded><![CDATA[<p>Here is little article about <strong>web designer career</strong></p>
<h4>Written by Susan Bean</h4>
<p>When you go to web sites and are looking around, all the different things you see from the layout to the pictures are created by a <a title="Adrian Botea - Freelance web designer" href="http://www.adrianbotea.com">web designer</a>. A <span style="text-decoration: underline;">web designer career</span> means you are able to take a client&#8217;s visions and make them a reality on their web site. No matter what product or service the client may be offering it can be successfully communicated to the consumers on the web site.</p>
<p><img title="web designer career" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Web-Designer-Career-195x195.png" alt="Web Designer Career 195x195 What a Web Designer Career Entails"  /></p>
<p><span id="more-226"></span></p>
<p>Before a web designer can actually build the different pages they need to meet with the client and decide on a concept. After the concept is agreed upon the web designer is ready to start gathering different things that will be shown on the pages. This would include any writing along with images. All of the information for the page is done with different kinds of coding. The main source of code that will be used is HTML. This lets the designer tag items, change colors, bold wording, and set up paragraphs, add animation, etc.</p>
<p>When making websites the web designer is also going to have to know how to make clickable items. This means if a consumer needs to ask a question there will be something that might say contact us. The consumer will just click on the link and will be able to send an email to the company. In order for this function to work the designer will have to know how to work file transfer protocol, FTP.</p>
<p>When you are working for a client you have to keep in mind that not all clients have the same servers they are working with. With that in mind you will need to know how to work on all the different servers to have a successful <em>web designer career</em>.</p>
<p>As with any job, in your <strong>web designer career</strong>,  you will have deadlines, you will be under a lot of pressure to make things work properly within the time frame, and the client might change the demands in mid stream. This is going to be one of the more stressful jobs on the market but, the final outcome is well worth it all.</p>
<p>Not everyone starts out as a web designer right away. Many web designers started their careers as a graphic designer and worked their way up the ladder. Many things that a graphic designer learns can be used as a web designer. They are both about taking a vision from a client and making it a reality just in a different form.</p>
<p>In order to have a successful <span style="text-decoration: underline;">web designer career</span> you will need a degree and hands on experience. Depending on how serious you are about your work, will decide if you go to college for two or four years. You will need knowledge of the fine arts along with courses in computer science. Many web designers teach themselves the necessary computer skills and HTML. As the Internet grows in leaps and bounds there will be a need to have web sites created by knowledgeable web designers</p>
<h3>So after reading this I wish you a lot of success in your<br />
web designer career</h3>
]]></content:encoded>
			<wfw:commentRss>http://www.adrianbotea.com/226/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website design ideas</title>
		<link>http://www.adrianbotea.com/website-design-ideas</link>
		<comments>http://www.adrianbotea.com/website-design-ideas#comments</comments>
		<pubDate>Wed, 07 Sep 2011 18:00:35 +0000</pubDate>
		<dc:creator>zdesign</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.adrianbotea.com/wordpress/backup/?p=224</guid>
		<description><![CDATA[Every competent web designer includes in his day-to-day task the job of learning and getting new website design ideas for his new projects. One way of obtaining ideas is by seeing other designs. Such ideas are important inspirations in order for him to work efficiently on a new job. Indeed, the website designing design trend ...]]></description>
			<content:encoded><![CDATA[<h2>Every competent <a href="http://www.adrianbotea.com">web designer</a> includes in his day-to-day task the job of learning and getting new website design ideas for his new projects.</h2>
<p>One way of obtaining ideas is by seeing other designs. Such ideas are important inspirations in order for him to work efficiently on a new job. Indeed, the website designing design trend is changing rapidly. This only means that ideas for design of websites should conform to such changes, especially those influenced by today’s new technologies and waves on the Internet such as the style dominating Web 2.0.</p>
<p><img title="Website design ideas" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/Website-design-ideas.png" alt="Website design ideas Website design ideas"  /></p>
<p><span id="more-224"></span></p>
<p>Indeed, the latest fashions when it comes to web site design seem to change fast. And with the new high technologies that are being discovered, this only means that there are easier and faster way of accomplishing the same things. This is the same with web design, the tasks of which have become more convenient, quicker and even more appealing to the people. Anyone is sure to remember that just few years ago, the ordinary person would have been greatly impressed and satisfied with a picture from Photoshop placed on his webpage. Nowadays with all the appealing and high tech web pages on the web, it takes a lot more to impress him. What a reader is looking for in a website is the latest in design trends. And this makes the work of the web designer more challenging.</p>
<p>For the individual who is fairly new in the designing world, the job of getting the freshest <strong>website design ideas</strong> can be difficult to do. More often than not, it takes more than just some motivation and inspiration. It can be a great boost if he checks on the varied and oftentimes unique style and design of websites that are available on the internet. Some are simple yet enticing for the readers to delve further into the site. Others are outrageously loud in their design yet exude cool and fresh appeal to the juvenile readers. Indeed, many existing web designs on the Internet bring out one’s creative juices to come up with his web design ideas. He will even be surprised that some of his ideas, when finally applied will result in a finished product via a professionally done website.</p>
<p>One of the most effective <em>website design ideas</em> when it comes to enticing more people into a site involves having a big photograph that serves as a striking background on a web page. Once such image is used as backdrop, it becomes an interesting part of a website and so makes a good impression on its visitors. However, for it to be effective, a web designer must make sure that the photograph is relevant to the content of the website. Definitely if the picture has no connection with the topic discussed in the website, even if it looks great as background, it will just be useless as visitors will just be left wondering why an unrelated photograph is used at the site.</p>
<p>Another one of the most interesting <span style="text-decoration: underline;">website design ideas</span> involves colors. The main idea is not to overdo the use of palettes on website pages as the design will come off as something that’s overly done. It is best to cut down of color, limiting it to the three primary ones. He must likewise avoid using white or black as they can set off the site as something that’s bland.  The designer can use a few shades of the primary colors just to make sure that the website stands out.</p>
<p>In the end, when designing sites, <a href="http://www.adrianbotea.com/website-design-ideas">website design ideas</a> are indeed helpful to a designer whose overall objective is to make the site interesting and appealing to the reader. Likewise the design must complement the site itself, especially its content, which is definitely one of the hallmarks of a good website.</p>
<h3>Indeed, a unique web design is a great way of enticing more visitors to any website so go and find some interesting website design ideas</h3>
]]></content:encoded>
			<wfw:commentRss>http://www.adrianbotea.com/website-design-ideas/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Starting as a freelance web designer</title>
		<link>http://www.adrianbotea.com/starting-as-a-freelance-web-designer</link>
		<comments>http://www.adrianbotea.com/starting-as-a-freelance-web-designer#comments</comments>
		<pubDate>Wed, 07 Sep 2011 17:58:18 +0000</pubDate>
		<dc:creator>zdesign</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.adrianbotea.com/wordpress/backup/?p=221</guid>
		<description><![CDATA[Well here is my first blog post as freelance web designer.I searched for some time information/tips on how to start my freelance web designer journey.Contracts,invoices,taxes &#8230; this always kept me away from taking this step. The absolute very first thing you should know is that starting as a freelance web designer you are bound to ...]]></description>
			<content:encoded><![CDATA[<h2>Well here is my first blog post as freelance web designer.I searched for some time information/tips on how to start my freelance <a href="http://www.adrianbotea.com">web designer</a> journey.Contracts,invoices,taxes &#8230; this always kept me away from taking this step.</h2>
<p>The absolute very first thing you should know is that starting as a <strong>freelance web designer</strong> you are bound to make mistakes. You will be learning and it’s a process. You&#8217;re going to get burnt. It’s unavoidable. I want to assist you so you can stay away from much trouble.</p>
<p><img title="freelance web designer" src="http://www.adrianbotea.com/wp-content/uploads/2011/06/freelance-web-designer-website-flow.jpg" alt="freelance web designer website flow Starting as a freelance web designer"  /><br />
<span id="more-1851"></span></p>
<h4>1. Taxes</h4>
<p>There&#8217;s a false impression that in the Unites States a <span style="text-decoration: underline;">freelance web designer</span> needs license. As a graphic freelancer and <em>freelance web designer</em> you are in essence selling a thing that isn’t tangible. What I highly recommend you is get a checking account for your <strong>freelance web designer</strong> business and an EIN (Employer Identification Number). To get the EIN it will take literally five minutes if you do it on the internet. They will give you a document that has the EIN listed. You want to use the Employer Identification Number when you set up your checking account and when you do business with clientele since that is what you should be putting on your W-9. You can have one W-9 that you give to clients. Having the EIN on it saves you from listing your Social Security number. Make a spreadsheet for Advertising, Supplies, Utilities, Legal costs, etc. Most major items you buy for your <em>freelance web designer</em> business are depreciable. If you have a home office, you can write off the utilities and rent/mortgage or the percent of that space in relation to your house. So if you plan on buying a house, keep in mind that having a small workplace isn’t always beneficial. Make the most of what you have while you get it. Your place doesn’t even need to be dedicated for business. You could put a computer in the family room but you can only write off that section of the room used for business.</p>
<h4>2. A Contract</h4>
<p>Don’t leave “home” without one as a <span style="text-decoration: underline;">freelance web designer</span>. If you think there are a potential clients and you might meet them, you could have a temporary NDA (Non-Disclosure Agreement) that they may sign. I have one that has saved me from several clients I spent a long time in meetings with, did a couple of comps for, and then they never followed through with the project. It says I receive money a certain hourly rate just for seeing if the project is worth the client investing in any further. Anything discussed is confidential and if they don’t want to go forward they have to pay me for my time and they receive nothing.</p>
<p>A bigger contract for a project when they get to the point you know you’ll be working one is a necessity. You should list the rights, an rough deadline, what’s included in the fee, what happens if they don’t pay off, what happens if they terminate the project, what the client must provide you with, protecting your tush in case your computer gets torched ( Force Majeure ). Also consider having a limit on concepts and revisions and ask for more when the client exceeds them. AIGA ( <a href="http://www.aiga.org/resources/content/3/5/9/7/documents/aiga_9standard_agreement_07.pdf" rel="nofollow" target="_blank">[link]</a> ) provide very good guidelines and even working contracts for when you need to be on a retainer. Make sure you include where the jurisdiction is in case of a breach of contract or if the customer is late on payment.<br />
Even if your customer wants you to do a little mockup, have a contract or an NDA. Even if it’s a client that you’ve been working with for a long time as a <strong>freelance web designer</strong>.Make sure you get a deposit and the contract BEFORE you start on anything.</p>
<h4>3. Your brand</h4>
<p>Before you start looking for clients as a <em>freelance web designer</em>, you should probably have at least something in your portfolio so people can get an idea of who you are and what you do. It is best to come up with an identity for yourself. Get a logo  (and yes, it really is so much harder branding your self as a <span style="text-decoration: underline;">freelance web designer</span> than clients), get a business card, and have a site. You&#8217;ll need something to be able to hand out because you never know when you’ll come across someone that wants a <strong>freelance web designer</strong>. You always want a card on-hand to give out in these situations. You also need a website. A website is a quiet salesman that works 24/7. If you aren’t that good in website design or coding, you can hire a <em>freelance web designer</em> to do if for you. If you don’t have any work to show as a <span style="text-decoration: underline;">freelance web designer</span>, make some projects up. It’s better to have something that isn’t for a real client than nothing at all. Usually, people are more interested in what your work looks like, not who you do it for.</p>
<h4>4. Working the Network</h4>
<p>Starting as a <strong>freelance web designer</strong> you won’t have a client foundation. It’s not always simple to have one. Consider LinkedIn for local networking groups outside your industry. That’s where you are likely to more easily pick up <em>freelance web designer</em> customers. Attend the conferences, get involved, and carry around those business cards I told you to have. Customers that send other customers are good business. There is by now a trust built up from the recommendation seeing that they already know at least one of your references. Shortly you’ll be working for clients of clients. If you are at an ad club meeting or event, you&#8217;ll find business owners of those businesses or people who work there in high positions and talk with them. Ask them for a portfolio evaluation or maybe if they are searching for a <span style="text-decoration: underline;">freelance web designer</span>. Having some work through a design firm may help build your <strong>freelance web designer</strong> portfolio (may sure you ask for permission &#8211; there might be some confidential content and ownership issues) and provide some nice steady cash flow for a while (especially if you occasionally work on-site for them &#8211; just keep in mind they work around your availability, don’t let them exploit you).</p>
<h4>5. Pricing</h4>
<p>Don’t be afraid to charge appropriately for your time and efforts as a <em>freelance web designer</em>. Don’t be afraid to ask for for consulting, meetings, calls, research and brainstorming either. That’s time you can’t be working for another client or enjoying time to yourself. Be sure to charge enough to have a good profit margin and be able to pay your expenditures. FreelanceSwitch has a great calculator ( <a href="http://freelanceswitch.com/rates/" rel="nofollow" target="_blank">[link]</a> ) that will help establish your hourly rate as a <span style="text-decoration: underline;">freelance web designer</span>. If you would like flat-rate a project then you can take your (hourly rate) x (estimated time) x 20%+. The more experienced you are, the bigger the rate you can impose.</p>
<h4>6. Billing</h4>
<p>There are lots of billing options available for a <strong>freelance web designer</strong>. You can create your personal invoice and mail them a Word/PDF and provide them with a Paypal address or let them pay by check. You may send invoices with Paypal/Google Checkout. Feel free to use QuickBooks and other money management programs.</p>
<h4>7. Getting Paid</h4>
<p>For a reinforcement: make sure you receive the deposit BEFORE you start work. If you give an online way of payment additionally traditional methods, generally the customer will pay online because you can start on the work faster. You may include a warning of interest for delayed payments. If your client hasn’t paid you on time then initial write an e-mail clearing up the problem and don’t be harsh. They may have forgotten about it, accounting may have not gotten the documents, etc. If they don’t give you an answer, send a letter through the mail. If that isn’t replied to, send a letter through certified mail (and retain a copy of it and the receipt) informing you will seek legal action in X amount of time (at least 7 days). Suing is a last resort. You don’t want to burn a bridge. If it’s in the small claim amount then you don’t need a lawyer. You need to have send the certified letter first to sue. You will have to show that to the court. They will issue a court date and send a letter to the customer. You then meet in court. You show the judge that you haven’t been paid and the work has been done and you provide the contract. The judge will allow the customer to defend. If the client doesn’t have funds you can put a lien on their organization assets. If they are an individual you can get a lien on their personal possessions or garnish their wages if they also have a full time job separate from the business. It’s not necessarily something that is always easy to do but occasionally it is required to be done as a <strong>freelance web designer</strong>.</p>
<h4>8. Keeping in Touch</h4>
<p>You might consider sending out monthly emails to customers, offering discounts some times, letting them know about a new service, etc as a <a href="http://en.wikipedia.org/wiki/Freelancer" rel="nofollow" target="_blank">freelance web designer</a>. This will not only keep them up to speed on you, but if they haven’t done business with you in a while, it might make them consider getting in touch with you about an idea they&#8217;ve got.</p>
<h3>But the best advice that I can give is just go and be the best freelance web designer</h3>
]]></content:encoded>
			<wfw:commentRss>http://www.adrianbotea.com/starting-as-a-freelance-web-designer/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

