评论(0)

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

2010-02-08 09:54 PS真功夫 A+

  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

打开客户端,无广告困扰,阅读更专注

热门新闻

你只用微信来聊天?微信能干的这些事你都知道么

你只用微信来聊天?微信能干的这些事你都知道么

联络聊天 32

你可能是正版的受害者!谈谈正版游戏的坑爹事

你可能是正版的受害者!谈谈正版游戏的坑爹事

观点评论 48

阴阳师手游黑童子御魂最强搭配攻略

阴阳师手游黑童子御魂最强搭配攻略

游戏攻略 0

王者荣耀第七期体验服申请时间预告 第七期体验

王者荣耀第七期体验服申请时间预告 第七期体验

游戏攻略 2

年度最性感游戏!《尼尔:机械纪元》销量破百万

年度最性感游戏!《尼尔:机械纪元》销量破百万

业界新闻 9

炉石传说龙战卡组推荐 不带新卡依然强势

炉石传说龙战卡组推荐 不带新卡依然强势

游戏攻略 2

目睹只存在传说中的建筑!好玩的虚拟建筑App

目睹只存在传说中的建筑!好玩的虚拟建筑App

Android资讯 2

王者荣耀马可波罗怎么玩?马可波罗出装攻略

王者荣耀马可波罗怎么玩?马可波罗出装攻略

游戏攻略 0

王者荣耀体验服资格申请时间表 持续更新中

王者荣耀体验服资格申请时间表 持续更新中

游戏攻略 1

阴阳师现世召唤阵图片ssr概率最高时间点

阴阳师现世召唤阵图片ssr概率最高时间点

游戏攻略 0

推荐内容