当前位置:首页>ps实例教程>ps网页设计>淘宝美工>教程内容

淘宝美工,电磁炉主题淘宝详情页设计教程

来源:www.16xx8.com 作者:米你教育 学习:11798人次

今天我们来为一款电磁炉做一张详情图,这个属于淘宝详情页中的一部分,大家可以尝试去做一个完整的详情页

先来看看效果:

淘宝美工,电磁炉主题淘宝详情页设计教程_www.16xx8.com

详细图文教程:

步骤一

首先创建一个750*1000像素分辨率72的文档

淘宝美工,电磁炉主题淘宝详情页设计教程_www.16xx8.com

步骤二

因为产品的配色主要是黑色和蓝青色,看起来科技感十足也很高端,配色上我就选择了产品本身的配色,将背景填充为黑色,调入产品。

淘宝美工,电磁炉主题淘宝详情页设计教程_www.16xx8.com

步骤三

像这种实用类的电器产品产品详情图更多的是对产品的功能介绍,因此我将产品摆放到最下方,上方重点突出其功能性。

因为产品是黑色的,在黑色背景上看起来并不突出,我使用柔角画笔工具,画笔颜色就采用产品上的蓝青色,在产品下方点击绘制一个光效,产品是长条形状,所以光效略微压扁了些。

淘宝美工,电磁炉主题淘宝详情页设计教程_www.16xx8.com

步骤四

在最上方输入主标题文案,标题文案较少,我添加了装饰性英文,这也是常用手法,看起来也很高端有逼格,配上外框的装饰看起来更加整体。

淘宝美工,电磁炉主题淘宝详情页设计教程_www.16xx8.com

步骤五

中间位置主要表现其功能性,在中间位置输入副标题,并且跟主标题采用了相同的风格设计,都是添加英文以及外框。然后在外围配以功能性的配图。

淘宝美工,电磁炉主题淘宝详情页设计教程_www.16xx8.com

步骤六

在相应的配图下方输入文字,让功能性更加突出,更易识别。

淘宝美工,电磁炉主题淘宝详情页设计教程_www.16xx8.com

步骤七

最后利用多边形工具为详情图添加装饰完成制作

淘宝美工,电磁炉主题淘宝详情页设计教程_www.16xx8.com

这个是按照淘宝详情页750像素宽度来做的,大家可以发挥下做出完整详情页

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
正能量实事求是2018-05-08 02:34
铅笔畫2018-05-08 10:19
一会交作业
林冬很赞2018-05-08 04:29
感谢您的分享~~~~~~
傲世天防2018-05-08 02:05
想仔细了解一下
江阴长江大桥2018-05-07 03:11
签到
淡淡疼的时代2018-05-07 03:08
打卡
树叶飘落2018-05-07 03:07
大神
落叶已成灰2018-05-07 03:06
勃起

关注大神微博加入>>

网友求助,请回答!