Photoshop Web-design: Logo
You may think that you know all the ins and outs of Photoshop, but what you probably don’t know is that there are the right ways and there are the RIGHT ways of creating a web-page design in Photoshop CS2.0/3.0/4.0.
In this Photoshop Web-Design series, I will show you some techniques I’ve learned to keep the quality of a web-page design at its best, all the time. If you keep these things in mind you will be-able to scale up your design and preserve quality all the time.
So your website will have an awesome logo somewhere at the top. If it’s just basic text it’d be easy to scale it up if you don’t plan on converting it to pixel (rasterized) form.
On the other hand if you do convert it to pixel form this is the method for you.
1. Make the logo way bigger than you think it’s ever going to be. You never know what size you’ll end up using. Note: You can also use Illustrator to create a vector form of your logo and export it at any resolution.
2. Ok, once you’ve created this sick looking logo; select all the layers which are part of the logo, right click and convert it to a Smart Object. This will group all the layers into one layer object.
3. You can double click the layer thumbnail to bring up the logo and edit it at any time. But once you’re done, make sure to save the logo and it’ll be automatically updated in your Web-Design.
4. Now you can scale down the logo while preserving the full resolution. So if you ever decide to scale up, no problem.
Stay tuned for the next part where we’ll explore the use of layer styles to manipulate color in real-time. Because when it comes to Web-Design, layer styles are our friends.
