甲虫课堂 > PS教程 >

怎样用ps设计网站模板

阅读
2021-02-05 18:03:08

最终效果

Photoshop设计简洁的商业网站应用实例

首先创建一个新的文档

Photoshop设计简洁的商业网站应用实例(1)

Photoshop设计简洁的商业网站应用实例(2)

设置前景色为:#2b2724

Photoshop设计简洁的商业网站应用实例(3)

选择油漆桶工具,为画布上色,选择背景层

Photoshop设计简洁的商业网站应用实例(4)

按住Ctrl+J将会复制选定图层

Photoshop设计简洁的商业网站应用实例(5)

选择图层1,然后选择滤镜、杂色、添加杂色

Photoshop设计简洁的商业网站应用实例(6)

然后使用设置

Photoshop设计简洁的商业网站应用实例(7)

选择圆角矩形工具,在显示器的上方,进行设置

Photoshop设计简洁的商业网站应用实例(8)

为导航创建两个形状,改变前景色为#e84502,然后使用圆角矩形工具

Photoshop设计简洁的商业网站应用实例(9)

复制图层首先需要选定想要复制的图层,然后按下CTRL+J键,复制完这两个橙色的形状之后,在图层缩略图上双击,然后选择白色。

Photoshop设计简洁的商业网站应用实例(10)

Photoshop设计简洁的商业网站应用实例(11)

选择移动工具,将白色形状向上移动一点

Photoshop设计简洁的商业网站应用实例(12)

Photoshop设计简洁的商业网站应用实例(13)

使用文字工具,加上一些文字

Photoshop设计简洁的商业网站应用实例(14)

使用相同的工具,在导航条上加上文字

Photoshop设计简洁的商业网站应用实例(15)

选择线条工具,确保线条粗细为1个像素

Photoshop设计简洁的商业网站应用实例(16)

在导航按钮之间创建一个垂直线条

Photoshop设计简洁的商业网站应用实例(17)

在图层上点击右键选择栅格化图层

Photoshop设计简洁的商业网站应用实例(18)

选择橡皮擦工具,改变画笔到 60 Soft Mechanical 60 pixels

Photoshop设计简洁的商业网站应用实例(19)

然后删除线条的顶部和底部

Photoshop设计简洁的商业网站应用实例(20)

复制这个图层,选择移动工具,然后将复制好的线条放置在另外一个导航按钮的右边

Photoshop设计简洁的商业网站应用实例(21)

在整个布局的上方创建文字logo

Photoshop设计简洁的商业网站应用实例(22)

在图层1的上方创建一个新的图层

Photoshop设计简洁的商业网站应用实例(23)

选择画笔工具,改变 to Soft Mechanical 60 pixels,在文字logo下面创建白色点

Photoshop设计简洁的商业网站应用实例(24)

将此图层的透明度改变为25%

Photoshop设计简洁的商业网站应用实例(25)

Photoshop设计简洁的商业网站应用实例(26)

Photoshop设计简洁的商业网站应用实例(27)

相关搜索
液化切图岩石字分辨率字体设计合并图层磨皮教程森林系情人节海报
相关教程
相关评论
X
0条回复

全部回复

回复...
X
X
写评论...
0
更多
X