PS实例:淘宝详情页细节展示部分制作

 时间:2024-10-25 15:13:39

1、细节展示部分一般都是在页面底部,制作形式也比较简单,统一,现在先新建底色图层吧。

PS实例:淘宝详情页细节展示部分制作

2、先给区块加上标题

PS实例:淘宝详情页细节展示部分制作

3、再加上配图的图案

PS实例:淘宝详情页细节展示部分制作

4、单画出一块区域,作为一个细节展示的整体区域,涂色

PS实例:淘宝详情页细节展示部分制作

5、画出一块黑色区域,只对第四步的区块可见,这样就很整齐干净的感觉

PS实例:淘宝详情页细节展示部分制作

6、在黑色区域画上配图

PS实例:淘宝详情页细节展示部分制作

7、添加文字,区分大小,突出侧重点,可分二级或者三级展示比较好,图层如图

PS实例:淘宝详情页细节展示部分制作

8、红框区域就是以后加细节图片的位置,也只对整体区域可见,这样显示就不会出圈了

PS实例:淘宝详情页细节展示部分制作

9、复制几个组,把第2、4等的组黑底文字图层右靠齐,展示如图对应规律显示。

PS实例:淘宝详情页细节展示部分制作

10、这样简单细节展示就完成了。

  • 如何用PS设计特色树叶设计图
  • Photoshop图层混合模式(一)——颜色加深的使用
  • 如何在Photoshop中将文字颜色进行混合调节
  • Photoshop如何急速地给白框添加不同的颜色
  • 如何用ps消除雀斑和痘痘
  • 热门搜索
    61儿童节手抄报 安全手抄报版面设计图 读书手抄报大全 有关国庆节的手抄报 科技改变生活手抄报 数学乐园手抄报 多彩的民族文化手抄报 环境手抄报 感恩妈妈手抄报内容 关爱生命手抄报