个人认为想要做好详情页重中之重无非是能否从设计方法、思路、技巧、风格、视觉效果等方面表达出客户想要表达的东西分享一些淘宝详情页设计案例教程希望对大家有帮助,每个案例都有视频哦~视频是虎课网会员课程,知友们领一下我这边的会员就可以免费学习啦:。
-点我领会员免费学以下所有淘宝详情页设计案例视频教程!-案例一、
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224106171975846618781.webp)
PS-海参产品详情页创意huke88.com/course/28329.html?pageType=1&key=%E8%AF%A6%E6%83%85%E9%A1%B5&identify=1618971349
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224106171975846687778.jpeg)
1.我们使用【PS】打开海参,进行使用【套索工具】进行勾勒底部的形状进行删除。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224106171975846612061.webp)
2.然后我们进行使用【钢笔工具】勾勒选区进行抠选进行复制出来将海参分开。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224107171975846716354.webp)
3.然后我们进行拖入海底素材,创建剪切蒙版到海参上,多层海底素材添加蒙版拉出渐变效果。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224107171975846731016.webp)
4.接下来再拖入带有光感的水底素材进行创建剪切蒙版摆放到边缘部分。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224107171975846744475.webp)
5.我们新建图层创建剪切蒙版【高斯模糊】降低不透明度。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224108171975846824472.webp)
6.接下来在左侧进行绘制形状填充白色添加【高斯模糊】混合模式为【叠加】。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224108171975846864832.webp)
7.我们对右侧的开口也进行添加边缘光,然后我们使用【减淡工具】对海参涂抹亮部区域。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224109171975846964703.webp)
8.然后我们拖入多层鱼素材进行摆放,复制水波纹素材进行摆放混合模式为【滤色】添加蒙版进行涂抹掉不需要的部分。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224110171975847030209.webp)
9.然后我们拉出渐变背景,拖入周围的光效素材添加蒙版涂抹掉不需要的部分。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224110171975847097276.webp)
10.然后我们拖入海边素材,混合模式为【明度】添加蒙版涂抹掉不需要的部分调整【曲线】提亮。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224111171975847188674.webp)
11.我们再进行添加【色相饱和度】参数如图所示。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224111171975847177898.webp)
12.然后我们再进行拖入海边素材进行摆放,新建图层我们进行涂抹蓝色在底部。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224111171975847138888.webp)
13.接下来我们再进行复制水底光素材摆放在下方混合模式为【滤色】调整形状摆放。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224112171975847287562.webp)
14.我们新建图层在水的右侧进行涂抹蓝色效果如图所示。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224112171975847229029.webp)
15.然后我们拖入筷子素材进行摆放注意层次关系。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224112171975847291024.webp)
16.接下来新建图层涂抹筷子给海参的投影,然后我们再拖入光效素材混合模式为【滤色】。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224113171975847340918.webp)
17.接下来我们拖入光源素材,在海参底部进行涂抹暗色当做暗部。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224113171975847325442.webp)
18.然后我们拖入文案组进行对其摆放如图所示。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224113171975847332906.webp)
19.【Ctrl+shift+Alt+E】盖印图层,进行复制一层添加【高反差保留-1】混合模式为【线性光】降低不透明度。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224114171975847455668.webp)
20.结果如图所示。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224114171975847447188.webp)
案例二、-点我领取会员即可观看该案例视频教程-
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224115171975847574148.webp)
1.使用【PS】新建画布【790x1000】拖入核桃素材, 水平复制一层添加蒙版进行涂抹一半。
![](http://ldjg88.com/zb_users/upload/2024/06/20240630224115171975847582517.webp)
2.合并一下图层进行拖入核桃破碎的元素进行拖入,调整一层【曲线】效果如图所示。
3.我们背景填充棕色,进行绘制圆形黄色添加【高斯模糊】降低不透明度。
4.然后我们将人物采摘的素材拖入,背面核桃上进行涂抹投影,对人物添加【曲线】加强对比,然后进行调整【色相饱和度】参数如图所示。
5.然后我们拖入核桃树素材进行摆放在人物采摘的左侧进行调整【色相饱和度】参数如图所示。
6.接下来我们使用【钢笔工具】进行勾勒核桃轮廓的边,填充白色混合模式为【叠加】调整【高斯模糊】。
7.然后到核桃的内部轮廓也同样进行使用【钢笔工具】勾勒边缘线添加【高斯模糊】效果。
8.然后我们进行新建图层使用【画笔工具】涂抹遮挡的阴影。
9.接下来我们对周围破碎的核桃进行复制一层然后添加【动感模糊】效果。
10.然后进行复制多层小的碎屑摆放在核桃的运动轨迹上如图所示。
11.新建图层使用【画笔工具】进行涂抹白色在破碎核桃的边缘进行创建剪切蒙版混合模式为【叠加】。
12.我们将背景的黄色圆形进行复制一层添加蒙版拉出渐变效果。
13.我们直接使用【套索工具】勾勒投影选区,填充深色调整【高斯模糊】。
14.然后我们再新建图层涂抹投影多做几层效果如图所示。
15.然后我们拖入松鼠素材,再拖入光效素材进行摆放在核桃周围混合模式为【线性减淡】。
16.然后我们对光效素材组进行添加【色相饱和度】调整如图所示。
17.接下来我们拖入文案素材进行摆放如图所示。
18.然后我们【ctrl+shift+Alt+E】盖印图层,复制一层添加【高反差保留】。
19.混合模式改为【线性光】降低不透明度如图所示。
20.结果如图。
更多案例视频教程-点我领取会员即可观看案例视频教程-
-点我领会员免费学以上所有案例视频教程!-收藏不忘点赞,是一种优秀的品格!
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。