论坛 › 制作实例教程 › “渐变主题”海报制作

教程 发表于 2021-5-31 13:36:57

“渐变主题”海报制作

教程作者：极微设计
教程通过PS制作一款渐变主题的海报，整个海报制作步骤比较长，制作起来趣味性十足，可以通过海报来完成一些创意设计，教程难度中等，同学们可以根据教程来练习一下，海报也做过许多了，同学们有个大致制作方向，方法会了之后可以反复的用来设计其他类型的海报，有思路就会有一个大致框架，相信同学们可以制作的更好。

效果图：

http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x099455.thumb.png搜索公众号photoshop教程论坛，免费领取自学福利


操作步骤：


第一步：


打开PS，按Ctrl+N新建一个画布（宽度：750像素、高度：1000像素，背景内容：白色），确定后，就得到“背景”图层


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x1.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x299455.thumb.png


第二步：


按Shift+Ctrl+N新建一个图层，就得到“图层 1 ”图层；接着在“图层 1 ”图层，按Shift+F5填充颜色（#29135e），好了后点击‘确定’



http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x399455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x4.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x5.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x699455.thumb.png


第三步：


按U使用椭圆工具，设置（填充：无、描边：无），在图像中拖画出一个椭圆形状，就得到“椭圆 1 ”图层


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x799455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x899455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x999455.thumb.png


第四步：


在“椭圆 1 ”图层，点击选择：图层 >图层样式 >渐变叠加，修改（混合模式：正常，把‘仿色’打勾、不透明度：100%；点击一下‘渐变’栏框，在“渐变编辑器”内，按住Alt键同时把右边的‘白色标点’向左拖动出一个新的‘标点’，并且依次双击‘第一个标点’、‘第二个标点’、‘第三个标点’分别各填充颜色：#f79e63、#9b38ea、#48b2f6；样式：线性、把‘与图层对齐’打勾、角度：0度、缩放：100%），好了后点击‘确定’


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x10.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x11.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x12.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x13.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x14.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x15.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x16.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x1799455.thumb.png


第五步：


按U使用矩形工具，设置（填充：无、描边：无），在图像中拖画出一个矩形形状，就得到“矩形 1 ”图层


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x1899455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x1999455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x2099455.thumb.png


第六步：


在“矩形 1 ”图层，点击选择：图层 >图层样式 >内阴影，修改（混合模式：线性减淡、颜色：#ffffff、不透明度：20%、角度：0度、距离：4像素、大小：4像素、等高线：线性），好了后点击‘确定’


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x21.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x22.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x2399455.thumb.png


第七步：


在“矩形 1 ”图层，点击选择：图层 >图层样式 >渐变叠加，修改（混合模式：正常，不透明度：100%；点击一下‘渐变’栏框，在“渐变编辑器”内，按住Alt键同时把左边的‘黑色标点’向右拖动出一个新的‘标点’，按住Alt键同时把右边的‘白色标点’向左拖动出一个新的‘标点’，并且依次双击‘第一个标点’、‘第二个标点’、‘第三个标点’、‘第四个标点’分别各填充颜色：#f79e63、#f79e63、#9b38ea、#48b2f6；样式：线性、把‘与图层对齐’打勾、角度：0度、缩放：100%），好了后点击‘确定’


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x24.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x25.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x26.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x27.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x28.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x29.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x30.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x31.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x3299455.thumb.png


第八步：


在“椭圆 1 ”图层，鼠标右键单击“椭圆 1 ”图层选择‘栅格化图层样式’功能，就把椭圆 1 图层的图层样式栅格化


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x3399455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x34.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x3599455.thumb.png


第九步：


在“矩形 1 ”图层，按Ctrl+Alt+G创建剪贴蒙板；接着按几下Ctrl+J复制拷贝出几个图层，就得到“矩形 1 拷贝 ”图层、“矩形 1 拷贝 2 ”图层、“矩形 1 拷贝 3 ”图层、“矩形 1 拷贝 4 ”图层


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x3699455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x3799455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x3899455.thumb.png


第十步：


在“矩形 1”图层、“矩形 1 拷贝 ”图层、“矩形 1 拷贝 2 ”图层、“矩形 1 拷贝 3 ”图层、“矩形 1 拷贝 4 ”图层，分别按Ctrl+T调整好各个矩形形状的位置和形态（有些多余的地方可以按E使用橡皮擦），并且每个矩形图层都要Ctrl+Alt+G创建剪贴蒙板


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x3999455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x4099455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x4199455.thumb.png


第十一步：


按U使用矩形工具，设置（填充：#ff89f1、描边：无），在图像中拖画出一个矩形形状，就得到“矩形 2 ”图层；接着在“矩形 2 ”图层，把混合更改模式改成‘滤色’、把不透明度改成‘75%’


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x42.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x4399455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x4499455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x4599455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x4699455.thumb.png


第十二步：


在“矩形 2 ”图层，按Ctrl+T，设置（角度：135度），再拖移到合适的位置


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x4799455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x4899455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x4999455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x5099455.thumb.png


第十三步：


在“矩形 2 ”图层，按几下Ctrl+J复制拷贝出几个图层，就得到“矩形 2 拷贝 ”图层、“矩形 2 拷贝 2 ”图层、“矩形 2 拷贝 3 ”图层、“矩形 2 拷贝 4 ”图层


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x5199455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x5299455.thumb.png


第十四步：


在“矩形 2 ”图层、“矩形 2 拷贝 ”图层、“矩形 2 拷贝 2 ”图层、“矩形 2 拷贝 3 ”图层、“矩形 2 拷贝 4 ”图层，分别按Ctrl+T调整好各个矩形形状的位置和形态（有些多余的地方可以按E使用橡皮擦），并且每个矩形图层都要Ctrl+Alt+G创建剪贴蒙板


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x5299455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x5499455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x5599455.thumb.png


第十五步：


按U使用矩形工具，设置（填充：#ffadff、描边：无），在图像中拖画出一个矩形形状，就得到“矩形 3 ”图层；接着在“矩形 3 ”图层，把混合更改模式改成‘滤色’、把不透明度改成‘75%’


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x56.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x5799455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x5899455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x5999455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x6099455.thumb.png


第十六步：


在“矩形 3 ”图层，按Ctrl+T，设置（角度：45度），再拖移到合适的位置


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x6199455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x6299455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x6399455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x6499455.thumb.png


第十七步：


在“矩形 3 ”图层，按几下Ctrl+J复制拷贝出几个图层，就得到“矩形 3 拷贝 ”图层、“矩形 3 拷贝 2 ”图层、“矩形 3 拷贝 3 ”图层、“矩形 3 拷贝 4 ”图层


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x6599455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x6699455.thumb.png


第十八步：


在“矩形 3 ”图层、“矩形 3 拷贝 ”图层、“矩形 3 拷贝 2 ”图层、“矩形 3 拷贝 3 ”图层、“矩形 3 拷贝 4 ”图层，分别按Ctrl+T调整好各个矩形形状的位置和形态（有些多余的地方可以按E使用橡皮擦），并且每个矩形图层都要Ctrl+Alt+G创建剪贴蒙板


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x6699455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x6899455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x6999455.thumb.png


第十九步：


按U使用矩形工具，设置（填充：#ffffff、描边：无），在图像中拖画出一个横向的矩形形状，就得到“矩形 4 ”图层


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x70.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x7199455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x7299455.thumb.png


第二十步：


在“矩形 4 ”图层，按几下Ctrl+J复制拷贝出几个图层，就得到“矩形 4 拷贝 ”图层、“矩形 4 拷贝 2 ”图层、“矩形 4 拷贝 3 ”图层


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x7399455.thumb.png


第二十一步：


在“矩形 4 ”图层、“矩形 4 拷贝 ”图层、“矩形 4 拷贝 2 ”图层、“矩形 4 拷贝 3 ”图层，分别按Ctrl+T调整好各个矩形形状的位置和形态（使四个横向白色矩形形状形成间隔对峙的效果），并且每个矩形图层都要Ctrl+Alt+G创建剪贴蒙板


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x7499455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x7599455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x7699455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x7799455.thumb.png


第二十二步：


按T使用文字工具，随意输入一些自己喜欢的文字，使海报效果更佳，即可完成。


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x7899455.thumb.png


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x7999455.thumb.png


完成：


http://pic1.16xx8.com/allimg/qsnp94/16xx899455a39x099455.thumb.png搜索公众号photoshop教程论坛，免费领取自学福利

有时看似简单的创作，却有很不同的效果，整体来说海报比较简单，属于极简风格，干净简洁但是很大方，一起来进行创作练习吧。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

大圆子123 发表于 2021-5-31 13:37:36

我的作业

153796579 发表于 2021-5-31 16:32:39

谢谢您的分享。

查看完整版本: “渐变主题”海报制作