您现在的位置: 万盛学电脑网 >> 软件知识 >> 图文处理 >> Photoshop教程 >> ps入门教程 >> 正文

PhotoShop制作网页商品价格缩略图教程

作者:佚名    责任编辑:admin    更新时间:2022-06-22

  教程中我们将设置图层样式效果来制作一个网页中经常出现的广告板效果,制作中基本上使用了大部分的图层样式效果,以突出各个图层样式的功能。具体的方法读者可跟随教程同步制作并逐步了解。

  下期教程中我们将使用图层样式来制作出一个胶囊状的透明水晶按钮效果

PhotoShop制作网页商品价格缩略图教程 三联教程

  (1)运行Photoshop CS5,打开背景素材

按此在新窗口浏览图片

  2)使用“圆角矩形”工具在视图中绘制形状

按此在新窗口浏览图片

  3)为“形状 1”图像添加“渐变叠加”样式效果。

按此在新窗口浏览图片

  4)勾选“光泽”样式选项,继续为其添加“光泽”样式效果

按此在新窗口浏览图片

  5)依次为其添加“内发光”、“内阴影”、“描边”、“投影”样式效果

按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

  6)使用“自定义形状”工具在视图中填充像素

按此在新窗口浏览图片

按此在新窗口浏览图片

  7)为“图层 2”添加图层蒙版以屏蔽不需要的部分。

按此在新窗口浏览图片
按此在新窗口浏览图片

  8)调整“图层 2”的图层填充度,为其添加“渐变叠加”样式效果。

按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

  9)使用“矩形”工具绘制形状

按此在新窗口浏览图片
按此在新窗口浏览图片

  10)调整“形状 2”图层的填充度。

按此在新窗口浏览图片

  11)依次为其添加“渐变叠加”、“内阴影”和“外发光”样式效果

按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

  12)打开 抽丝素材

按此在新窗口浏览图片

  13)执行“编辑”→“定义图案”命令,定义完毕后关闭该文档

按此在新窗口浏览图片

  14)返回“背景”文档,为“形状 2”添加“图案叠加”样式效果

按此在新窗口浏览图片
按此在新窗口浏览图片

  15)最后添加文字和装饰,完成制作

按此在新窗口浏览图片
按此在新窗口浏览图片