How to Integrate Menu Icons Into Photoshop Web Design
Aug 6th, 2008 | By Adobe-Masters.com | Category: Photoshop | 2,490 views | Subscribe | PDFHow to Integrate Menu Icons Into Photoshop Web Design
We’ll use the home icon as an example….
Convert PSD Image to JPG
After creating such a home icon in photoshop, goto File > Save As. Then type in homeicon as the File Name. Select JPEG for the file format.
Open JPG Image, Resize, and Copy
Great, you’ve just made your home icon into a JPG image. Its name is homeicon.jpg. Now, goto File > Open to open it.
The next step is to resize the homeicon.jpg image. I used 80 x 73 pixels for my size dimension.
Afterwards, goto Select > All, then Edit > Copy.
Add the Home Icon to Web Design
At this point, we’ve already started our web design from scratch. I’ve named my web design from scratch InterfaceDesign.psd. Our goal is to add the home icon onto the InterfaceDesign.psd.
Therefore goto File > Open, and select InterfaceDesign.
Great job on opening the file. Now we can paste the home icon onto the page. Do this by Edit > Paste. At this point you can press V to use the Move tool for purposes of positioning the icon in the right place. Feel free to add text beneath your icon.
It was surely fun to integrate these menu icons into the photoshop web design, so lets move on to organizing them along with the header logo.
[...] - How to Integrate Menu Icons Into Photoshop Web Design [Free Adobe... saved by wolfnini2008-08-19 - IxDS (Interaction Design Studios) saved by d15m4022008-08-12 - 40+ [...]
Hello webmaster
I would like to share with you a link to your site
write me here preonrelt@mail.ru
Maintain a consistent look on all pages. Use the same color, same font, and same navigation bar .
CSS Table Less Format and HTML Table Base Format, Which One is better … ?
Color scheme is important in a web site. Have a color that suits your business and give it a professional look. Avoid funky colors ….