Posts Tagged with Web
A great design is all in the details – the icons used in a web app need to explain perfectly what the feature does, as well as suit the entire aesthetic of the site. Sharing buttons need to stand out, but also be in keeping with the site’s overall look and feel. It’s these small details that can make or break a design, and it’s surprisingly important to get them right.
We’ve selected a collection of beautifully designed icons for your next web project, all freely available to download and created by some of the most talented web designers out there.
Today I’ll be showing you how to design a neat little textured button in Photoshop. This is a basic level tutorial that will help you learn more about layer styles, texture and pattern overlays, and gradients. If you find this walkthrough useful and would like to see more like this please leave me a comment. Enjoy!
Resources Used:
- Paper texture from Lost & Taken
- Pixel pattern from Premium Pixels
- Seamless wood texture from Graphic River
Preview of what we’re making:
Have you ever plucked an image from the web and tried to edit it in Photoshop only to find annoying problems? It’s probably a .gif in Indexed color mode. For this quick example I’m using the MediaTemple ad in my sidebar, which happes to be an indexed .gif.
1
Sponsors
Twitter: bittbox
- New Blog Post: Free Texture Tuesday: 5 Unique Cloud Textures: Today I’m giving some cloud photographs that are a... http://t.co/fJxEqEpr
- New Post: http://t.co/yq8XkgjK
- New Blog Post: How To Create A Set Of PS Brushes From A Single Texture Photo: Creating Photoshop brushes is rath... http://t.co/ljZ39pJf
- New Blog Post: Free Texture Tuesday: 5 Split Wood Textures: http://t.co/GcEkrC6z
