当前位置:首页 > PS教程 > 网页设计

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

  • 2022-12-24 18:41:50
  • 来源/作者:互联网/佚名
  • 己被围观

今天我们来为一款电磁炉做一张详情图,这个属于淘宝详情页中的一部分,大家可以尝试去做一个完整的详情页 先来看看效果: 详细图文教程: 步骤一 首先创建一个750*1000像素分辨率72的文档 步骤二 因为产品的配色主

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

先来看看效果:

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

详细图文教程:

步骤一

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

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

步骤二

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

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

步骤三

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

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

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

步骤四

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

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

步骤五

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

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

步骤六

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

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

步骤七

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

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

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

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条