首页 > 全部课程 > 产品详情页设计
使用软件:ps 难度等级:入门 课程评分:10.0 分享
讲师: 影尚设计
收藏
课程目录
标签:
  • 图文教程

1.产品详情页设计。

图片.png

2.新建画布,将产品拉入画布,

图片.png

图片.png

3.绘制产品容器,画矩形,吸取产品的颜色再选择深一点的进行填充,对上方的矩形进行变换形状,再复制一个。最后对两个矩形进行调色。

图片.png

图片.png

图片.png

4.将标题文字拉入,设置其字体、排版和颜色。在文字上方画两个圆填充颜色,一大一小,将大的圆填充关闭打开描边,将文字‘的’换为拼音填充白色放到圆中,再调色。

图片.png

图片.png

图片.png

图片.png

5.将素材拉入,选择背景层,框住产品区域,改变前景色和背景色,使用线性渐变。

图片.png

图片.png

6.放入文字素材,将第二行文字用图形框住,复制第一行文字,编辑为箭头,再进行旋转。

图片.png

图片.png

图片.png

7.使用钢笔工具画弧形,再闭合填充蓝色,然后将上下部分合并。在形状图层下新建一个矩形填充颜色。

图片.png

图片.png

8.将上面标题的文字的圆复制下来,更改颜色和文字,再添加其他图形。将文字素材拉入并排版,将part文字行进行设计。

图片.png

图片.png

图片.png

图片.png

9.在part上画分割线,再添加小字。画三个矩形放置图片,再画左右参考线使矩形位置规整。

图片.png

图片.png

图片.png

10.将产品特点文字放在矩形下方。

图片.png

11.将蓝色波浪纹的形状上部切除,留下部进行变色,然后接上,再将黄色背景复制到下面。

图片.png

图片.png

图片.png

12.进行part2设计,将文字和图层素材放入进行排版。

图片.png

13.part3设计,将标题和矩形复制下来,图片素材放入使用剪贴蒙版,在左侧使用段落文本,放入文字素材,将英文文本不透明度降低。

图片.png

图片.png

图片.png

14.用选择工具选中大标题复制下来,再将黄色背景复制下来填充白色,制作出波纹,再锁定背景。

图片.png

图片.png

图片.png

15.在下方画矩形和圆形,矩形填充颜色,将图片素材放进圆并剪贴蒙版,对圆形进行双描边,

图片.png

图片.png

图片.png

图片.png

16.在图片右侧放入文字,对小标题进行设计,用图形框住,文字进行排版。设计完用选择工具选中这部分进行复制,将右侧的文字移到左边,与图片位置对调。再进行复制粘贴。

图片.png

图片.png

图片.png

图片.png

17.在详情页底部添加图形,在上面的矩形使用剪贴蒙版载入图片。

图片.png

图片.png

相关推荐
PS塑料袋垃圾袋精修
【产品精修】中级 10.0
京东运营-京东平台介绍
【运营课程】入门 9.7
PS创意字体设计 漂流
【字体设计】初级 7.5
PS电影海报字体设计 生化危机
【字体设计】初级 8.0
PS特效海报字体设计 愿意
【字体设计】中级 7.3
第七课 透视空间的实际演示
【海报设计】高级 9.7