优艾设计网

详细介绍如果用Photoshop制作一个设计类主页

优艾设计网 https://www.uibq.com 2020-09-15 00:00 出处:网络 作者:Dudaye
来源:优设 作者:Joe译 制作一个好的网页,需要花费大量的时间,包含的内容也是非常多的,其中有按钮、横幅、图标及其它素材等。制作的时候先规划好大致的框架,然后由上至下慢慢细化各部分的内容,注意好整

9、在页首长方形块底端画一条1px的灰蓝色的线, 混合属性中添加阴影效果。阴影参数: 正底叠加, 透明度: 65%, 方向: -90, 距离: 1px , 宽度: 6px。之后再建一个新层,在灰蓝色线下面画一条1px的白线。通过这种方式,我们就可以创建一个轮廓鲜明的边缘。可以说在你的设计中,你可以把这个技巧用于其他色块。


详细介绍如果用Photoshop制作一个设计类主页


10、创建一个新层,在画布顶端用”长方形”工具化一个50px高的长方形,就如图所示,这个长方形是用作导航的。


详细介绍如果用Photoshop制作一个设计类主页


11、为其添加阴影效果.参数如图所示。


详细介绍如果用Photoshop制作一个设计类主页


12、开始话导航啦.使用”圆角工具” ,设置半径为5px,画一个圆角长方形,用颜色 #f6a836 填充它, 之后给他添加以下效果:

内阴影- 颜色: #ffffff, 混合模式:正底叠加, 透明度: 60%, 角度: 120*, 距离: 7px, 大小: 6px;

内发光 – 混合模式: 正常, 颜色: #ffffff, 大小: 4px. 其他参数默认设置;

描边 – 大小: 1px, 位置: 内部, 颜色: #ce7e01。


详细介绍如果用Photoshop制作一个设计类主页


13、Ctrl+鼠标点击层产生如图选区. 选择: 选择-> 修改 > 收缩 然后在弹出框中输入1px,确定。


详细介绍如果用Photoshop制作一个设计类主页


14、在上面再建一层, 把混合模式设置成叠加,然后好像第五步那样加照亮效果,不过这次用的是小笔刷。然后就是增加导航文字了。我用 Arial 字体作为导航的连接字体, 所有效果设置为 “无”。


详细介绍如果用Photoshop制作一个设计类主页

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消