选择显示字体大小

photoshop制作立体界面

想必大家都看过国外的很多站点都是有那种立体感很强的菜单界面,很难吗?其实也不是那 么恐怖,跟我一步一步来,我想你也能成为高手的.


1.新建一个rgb的图象,象素为200*300.然后用一种深色填充背景.


2.新建一层并命名为"buttons",选择方型选取工具.并按住shift键画出一正方型方框,


3. 现在选择工具 "angle gradient tool". 你要在工具条上点击渐变按键并不要松开鼠标,然后从出来的选择条上选择相应的工具.



4. 现在按住 "d" 和 "x" 设置前景色和背景色, 也要确信你的渐变设置是为 "foreground to background". 按住shift键.并从选择框的右上角往左下角画过来,你能看到一条直线.



接下来.你松开鼠标放开shift键即可.



5.选择菜单: selection>modify>contract. 输入2然后ok.. 选择前景色为一种灰色并填充此区域(有点象做按钮??). 然后取消选择按ctrl.+d (mac: command+d).



6. 接下来你要把刚才你做的小方块做成你希望的长度,好做菜单条呀!



不要告诉我你连复制工作都不会哦.!


7. 接下来还是复制工作.一个一个copy.简单吧!

tip: 注意养成复制的习惯是能很好的增进工作效率的一件事.快捷键是:
ctrl+c(复制)

ctrl+v(粘贴)

ctrl+x(剪切)

ctrl+z(取消上次命令)




8. 现在先新建一层,再请你再去找那个椭圆型选取工具,再右边呢画一个又高又椭的椭圆,并按 "d" 和 "x".


9.该知道要干什么了吧!

还是要用渐变工具,在选择框里拖动.要记得设置前景色和背景色哦.



10. 好了现在要小心点了.你要记得还在椭圆型的方框这层上.不要乱动哦.按住ctrl并点击按钮那一层.现在用反选命令: shift-ctrl-i (mac: shift-command-i) 现在删除这些不要的区域.留下的就是我们想要的结果了.



11.在新建一层,如果你喜欢的话就命名为"button inset". 呵呵,开始要用到矩形选择工具了,在按钮的上面画一个合适的小矩形方框, 并确信你的前景色为白色,利用渐变工具做成左图那样.


12.当然.还是做的复制工作.把刚才做的那个复制出好几个出来.效果就是那样.
你现在应该已经做的差不多了,有个象样的菜单表面了.你可以增加和删除.当然仍然是复制工作.



我想你应该要放文字上去吧!



tip: 其实效果你还可以做出很多,需要你自己慢慢调试,比如用image>adjust>hue, 这样转变下层的颜色应该是不错的.你可以多试下才好.


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons