Original Article at Photo Sprites Menu Tutorial.Photo CSS Sprites for WordPress — Free PSD This Tutorial will show you step by step how to build an attractive menu using sprites for your WordPress Photo website. I have used this feature on the below demo site: The menu is placed in the header.php of the WordPress theme (here its Semiomantics XO) in replacement of the navigation. 1. Create the Image file in Photoshop The image file consists roughly of a Filmstrip serving as mask and then the images which are inserted into the film strip. In the normal position, the images are dimmed by a black fill layer at about 75% opacity. The final image looks as follows: Download the PSD File Download my PSD file from HERE. Open the PSD file in Photoshop and inspect it When you open the file in Photoshop, you will find 3 folders in the layer stack: The bottom folder contains the lower film-strip, the next folder concerns the upper film-strip and on top you find the Semiomantics XO Photo Publishing ad which I kick in as a bonus. To start, just make the “ad” folder invisible by clicking on the eye icon placed to the left of the “ad” folder. [...]
Copyright © Yorgo Nestoridis - Original Article at Photo Sprites Menu Tutorial.
Related posts:Evo 2 Home Page Tutorial
Evo2 Gallery Tutorial
Simple Sprites Menu
Thesis Tutorial Header Banner Rotator
Apple Touch Icon Tutorial
Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/web-design/free-photoshop-button-template/.Free Photoshop Button At tonight’s workshop we will build yet another Photoshop Button Template. As we progress, our buttons become more sophisticated as you will see. Today’s button may inspire you to create your own button set and to put it up for sale on [...]Related posts:Free Leads and Free Traffic by YORGOOCreate Buttons with PhotoshopPhotoshop WorkshopsDigital Photography Ycademy 7Free Weekly Horoscope by YORGOO
Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/web-design/create-butrtons-with-photoshop/.Free Button to Download Our last two Photoshop workshops dealt with buttons. Creating buttons allows us to have a closer look at blending options as well to start working with vector masks. Here is a sample of last night’s work: As you can see, the [...]Related posts:Create a Favicon with PhotoshopWatermark and Copyright with Photoshop CS4Resizing Pictures in PhotoshopBook covers and Jewel Cases with PhotoshopCreate your First Flash Document
Fancy Fonts Headers
To give some ideas for fancy fonts headers I have prepared some files you may download and use as the case may be. They consist of a 1024 x 200 pixels Photoshop file (which can be edited in GIMP as well). Please download and install the fonts before editing.
1. Fancy Header Fonts
Some Fancy [...]
August 17, 2011
0