虎课网为您提供字体设计版块下的PS-夏季清新风无线端设计（上）图文教程，本篇教程使用软件为PS（CC2017），难度等级为初级练习，下面开始学习这节课的内容吧！

1､本课主要内容如图示。

2、本课主要是设计一款无线端详情，在设计前根据文案关键词，对版面进行初步构思。具体参考如图示。

3､根据版面构思，通过产品选择合适颜色的搭配素材，确定版面整体颜色格调以及版面风格。具体参考如图示。

4､整个版面的文字排列使用左对齐，根据文字的主次使用大小形成对比，使用不同的颜色标示重点文字细节。具体参考如图示。

5､根据文案的内容具体的意思，对文案进行分组对齐排列位置。具体参考如图示。

6､根据文案信息，对版面所有的文字进行布局排列。具体参考如图示。

7､［打开］PS软件，［新建］合适大小的画布，［新建］图层，［拖出］参考线排列至合适的位置。使用［矩形选区］框选顶部至参考线距离，［填充］淡绿色。使用［矩形工具］绘制合适大小的矩形，［填充］白色。打开［图层样式］－［投影］，具体参数如图示。具体suqjs如图示。

8､［复制］矩形图层，［填充］无，［描边］淡绿色。调整矩形大小，排列至合适的位置。［拖入］准备好的树叶素材，根据设计思路，调整大小排列至合适的位置。具体效果如图汇款单。

9､［选择］所有的叶子图层，按［Ctrl+G］编组，［选择］叶子图层，打开［图层样式］－［投影］，具体参数如图示。具体效果如图示。

10､按Alt键［拖动复制］图层样式至其他树叶图层，根据光影规律，调整投影细节。［拖入］产品素材，调整大小排列至合适的位置，根据光影规律，使用相同的方法添加合适的投影效果。具体效果如图示。

11､在产品1图层上方［新建］色彩平衡图层，选择［中间调］，具体参数如图示。具体效果如图示。

12､按Alt键单击［创建剪切图层］，［新建］亮度对比度图层，单击［剪切图层］，具体参数如图示。具体效果如图示。

13､［新建］色阶图层，单击［剪切图层］，具体参数如图示。具体效果如图示。

14､根据光影规律，使用相同的方法调整其他产品的光影色彩至合适的效果。使用［文字工具］输入关联文字信息，根据设计思路，调整文字大小和颜色，排列至合适的位置。具体效果如图示。

15､使用［圆角矩形工具］绘制合适大小的圆角矩形，［填充］绿色。根据设计思路，排列至合适的文字下方，调整文字大小细节。具体效果如图示。

16､调整画面整体细节，［选择］关联图层，按［Ctrl+G］编组。新建］色彩平衡图层，选择［中间调］，具体参数如图示。具体效果如图示。

17､按Alt键单击［创建剪切图层］，［新建］亮度对比度图层，具体参数如图示。具体效果如图示。

18､［新建］色阶图层，具体参数如图示。具体效果如图示。

19､根据设计思路［修改］文字关联填充色彩，在顶层［新建］图层，使用［文字工具］，输入关联文字信息，调整大小排列至合适的位置。具体效果如图示。

20､使用［圆角矩形工具］绘制合适大小的圆角矩形，根据设计思路［填充］定义的颜色。使用［椭圆工具］绘制合适大小的椭圆，［填充］白色，排列至圆角矩形对应位置。按Alt键［向下拖动复制］至对应位置。具体效果如图示。

21､根据设计思路，使用［文字工具］输入关联文字信息，调整大小排列至合适的位置。使用［矩形工具］绘制装饰图形，［填充］白色，排列至对应位置。具体效果如图示。

22､［选择］关联图层，按［Ctrl+G］编组，按Alt键［拖动复制］合适的数量，排列至合适的位置。［选择］所有的图组，按［Ctrl+T］调整大小，使用［文字工具］修改文字信息。具体效果如图示。

23､［复制］文字图层至合适的位置，使用［文字工具］修改文字内容。［复制］文字，使用［文字工具］副标题，根据文字主次层级，调整文字大小和颜色，排列至合适的位置。［选择］关联图层，按［Ctrl+G］编组。具体效果如图示。

24､［拖入］准备好的线条装饰素材，调整大小排列至合适的位置。［选择］关联图层，按［Ctrl+G］编组。具体效果如图示。

以上就是PS-夏季清新风无线端设计（上）图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！