正在阅读:Photoshop设计现代风格的企业产品网站Photoshop设计现代风格的企业产品网站

2010-02-08 09:54 出处:PConline原创 作者:PS真功夫 责任编辑:lizhiyan

  9、在标题文本图层下面创建一个新图层,选定矩形选框工具(M),在头部选取出一个区域。宽度必须填满1200px,高度大概在60px左右。

Photoshop设计现代风格的企业产品网站
图10

  10、用白色(#FFFFFF)填充(G)选定区域,然后在图层面板中设置透明度为25%。效果如下。

Photoshop设计现代风格的企业产品网站
图11

  创建导航

  11、选择横排文字工具(T),字体大小设定为11-12px左右。然后在标题和标示右边加入导航文字;没菜单项之间留出等宽的边距。

Photoshop设计现代风格的企业产品网站
图12

  12、在每个菜单项之间使用矩形选框工具(M)做一个1px宽的分割线;长度跨越整个头部。用#CECECE颜色填充(G)这1px的线条。效果

Photoshop设计现代风格的企业产品网站
图13

  13、现在,我们在每个菜单项中加入鼠标悬停动态效果(hover)。我已经给其中一个菜单项加入颜色表示鼠标悬停时的效果。使用多边形套索工具(L)按住shift,创建一个三角形,以保证每条线都是直的。

Photoshop设计现代风格的企业产品网站
图14

  14、用#00315C这个颜色填充选定的三角形区域

Photoshop设计现代风格的企业产品网站
图15

  创建欢迎区域

  15、选择横排文字工具(T),加入一些欢迎标语;同样左边距紧贴左参考线,然后在上面的页面标题和下面的欢迎文本中留出一定的空间。文本下面加入4个蓝色的列表图标。这个图标是Function Icon Set里面的(文件名是circle_blue.png)。

Photoshop设计现代风格的企业产品网站
图16

  16、在欢迎文本的右边将插入一个欢迎图片;我这里使用的是Six Revisions网站界面裁图。裁剪你的图片,去掉不需要的部分。图片准备好之后,通过编辑 > 变换 > 透视 改变图片的视角。

Photoshop设计现代风格的企业产品网站
图17

  17、选择椭圆选框工具,然后在欢迎图片下方画一个椭圆。

Photoshop设计现代风格的企业产品网站
图18

键盘也能翻页,试试“← →”键

关注我们

最新资讯离线随时看 聊天吐槽赢奖品