Photoshop制作优秀的个人网站首页

10 选择水平排版工具(T)在logo下面增加口号.

11 最后logo效果如图所示. 激活/撤销参考线, 进入视图>显示 >　网格或者使用快捷键Ctrl/Cmd + ;

创建导航栏

12 创建新组命名为”navigation“,置于　”logo” 组上方. 从顶部标尺拖出一条参考线, 直到距离画布顶端150px 的地方. 选择矩形工具(U)画出一直宽度为4px 的水平线,颜色为#e3ab27, 贯穿画布.

13　增加导航链接文字,距离水平线 12px高距离左侧参考线 20px.　选择椭圆形工具画一个宽高分别为 72px *35px的矩形.　移动此图层到 “hover“下面. 使用转换点工具拉直底部圆角. 双击”hover”图层按钮打开图层样式对话框增加渐变颜色(左: #e5ad27, 右: #b27625).选择横向排版工具(T), 选中文字, “Home” 更改颜色#ffffff (白色).

创建”联系我们”选项

14 下一步我们创建”联系我们选项” 在设计的右上角( logo的相反方向).　下载电话图标 放置在接近右侧参考线的地方.图层命名为 “phone icon“. 选择水平排版工具(T). 在图标左侧增加一个电话号码字体 Arial, 大小20pt 颜色#292929.