当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计简洁大方的网页UI(4)

Photoshop设计简洁大方的网页UI(4)

按Ctrl + Shift + I反选,然后将图层蒙版的形状命名为“设计”。

Photoshop设计简洁大方的网页界面

重复上述操作,创建一个新的选择和扩大它所示。您可以使用Ctrl + Shift +点击,当你需要添加矢量蒙版缩览图从两个或两个以上的选择,通过点击“设计”和“创意”的形状,在这种情况下,我们创建了选择。

Photoshop设计简洁大方的网页界面

按Ctrl + Shift + I反选,然后将图层蒙版的形状命名为“发展”。

Photoshop设计简洁大方的网页界面

应用软阴影的三个圆圈,得到以下结果。

Photoshop设计简洁大方的网页界面

绘制一个新的循环。

Photoshop设计简洁大方的网页界面

设置填充为0%,并添加一个白色的行程(尺寸3PX)。

Photoshop设计简洁大方的网页界面

转换为智能对象,栅格化,并添加阴影(相同的阴影图“第三步”)。最后,完成增加其他线路和标签,在下面的图片所示的信息图表。

Photoshop设计简洁大方的网页界面

第7步 – 底部

您可以复制本教程中的第4步使用相同的方式。

Photoshop设计简洁大方的网页界面

第8步 – 版权

添加底部版权文字。

Photoshop设计简洁大方的网页界面

ok!所有步骤都已经结束,希望本教程可以帮助你了解布置页面的方式,你可以在设计网络布局,提高自己的技能中运用这些方法。

Photoshop设计移动APP应用类型网站
Photoshop设计导航鼠标悬停状态效果