首页 > 学院 > 软件教程 > 正文

PS手把手教你设计出时尚的促销专题页

2020-02-07 20:21:21
字体:
来源:转载
供稿:网友

   PS是平面设计的神器,尤其是网络时代的图片处理,更是离不开PS。如果能得心应手地运用Photoshop,再加上一点小小的创意,经常会创造出令人惊叹的设计。

  这个教程向你展示了制作一个宣传单的基本步骤,基本上设计完成就可以打印发送了。当然想学习宣传单风格设计的也不要错过!请不要把我的宣传单和小广告化为一谈哟,设计师的节操要抓牢!

  大家注意观察就会发现,本次的教程虽然是设计宣传册的思路,其实整体格局还是适用于节假日的促销专题页的:)

  版权声明

  本教程中使用的图片来自Envato的免费图片,还有一些我用AI做的矢量图标,还有可以下载完整的PSD文件,做完以后可以对比看看。

PS手把手教你设计出时尚的促销专题页 武林网

  教程里使用的字体为Proxima Nova Font Family,来自Typekit。或者用其他类似字体也可以。

  原文的字体要钱,这里推荐《平面设计师最爱!20款高质量的非衬线字体免费下载》,风格相近,随便你挑!

  让我们开始行动吧!

  首先,我们新建一个216 x 154 mm的文档,这是标准A5大小的纸张+3毫米的出血距离。因为我们最终是要做一个印刷品,所以色彩模式选用CMYK,分辨率为300 dpi。

PS教程!手把手教你设计出时尚的促销专题页

  创建新的参考线,标出出血的区域。Illustrator和InDesign内置了这个功能,但是在PS里,我们只能自己做这个参考线。使用移动工具(V)和Shift来创建和挪动参考线。确保参考线停放在标尺3毫米的位置。

PS教程!手把手教你设计出时尚的促销专题页

  重复上述工作,为四个边都创建出参考线,确保每条参考线距离文档边缘的距离都是3毫米。

PS教程!手把手教你设计出时尚的促销专题页

  背景:

  创建一个新的图层(Shift+Cmd/Ctrl+N),填充白色的前景色(Alt+Backspace),确保色彩模式为CMYK。

PS教程!手把手教你设计出时尚的促销专题页

  用图层样式面板建立一个新的渐变叠加,打开渐变叠加的设置面板,将白色滑块推到30%的位置,黑色滑块设置颜色——浅浅的黄色(C=9 M=6 Y=14 K=0)

PS教程!手把手教你设计出时尚的促销专题页

  在图层面版的下边找到“fx”,添加渐变叠加。(如上图)

PS教程!手把手教你设计出时尚的促销专题页

  渐变叠加相关的数据设置。

PS教程!手把手教你设计出时尚的促销专题页

  你想设置的颜色。

  使用矩形工具(U)创建一个矩形,尺寸为216 x 56毫米。

PS教程!手把手教你设计出时尚的促销专题页

  将矩形对齐到文档的左上角,用深棕色填充(C=49 M=74 Y=80 K=70)。

PS教程!手把手教你设计出时尚的促销专题页

  使用钢笔工具(P)在矩形的底边添加一个新的锚点。

PS教程!手把手教你设计出时尚的促销专题页

  使用直接选择工具(A),利用创建的锚点将矩形的底边变成一段漂亮的曲线。

PS教程!手把手教你设计出时尚的促销专题页

  重复上述工作,直到将矩形调整为下面图中的样子。

PS教程!手把手教你设计出时尚的促销专题页

  文件 > 置入,选择People-1.jpg。

PS教程!手把手教你设计出时尚的促销专题页

  使用移动工具(V),将照片靠齐在文档的左上方,像下图中所示那样。

PS教程!手把手教你设计出时尚的促销专题页

  再创建一个矩形,尺寸为216 x 100毫米。

PS教程!手把手教你设计出时尚的促销专题页

  使用直接选择工具(A),将图片放置在文档的左上角。

PS教程!手把手教你设计出时尚的促销专题页

  在矩形工具面板上,选择蒙版,给图片添加一个矢量蒙版。

PS教程!手把手教你设计出时尚的促销专题页

  用钢笔工具(P)在蒙版上添加一个新的锚点,用直接选择工具(A)做出一条漂亮的曲线。

PS教程!手把手教你设计出时尚的促销专题页

  还是一样,用钢笔工具和直接选择工具,调整蒙版的形状,让图片和背景形状更好地融合在一起。注意锚点的位置,尽量不要用太多的锚点,锚点越少,曲线的最终效果会看起来越平滑。

PS教程!手把手教你设计出时尚的促销专题页

  滤镜 > 模糊 > 高斯模糊,将半径调整为6。

PS教程!手把手教你设计出时尚的促销专题页

  选择智能滤镜蒙版,使用渐变工具(G)让蒙版有渐隐的效果。

PS教程!手把手教你设计出时尚的促销专题页 PS教程!手把手教你设计出时尚的促销专题页

  将渐变设置为从左向右。

  建立图层蒙版,使用画笔工具(B)进行调整,这里可以自由发挥一下,按你喜欢的方式去折腾吧!

PS教程!手把手教你设计出时尚的促销专题页 PS教程!手把手教你设计出时尚的促销专题页

  建立一个新的亮度/对比度调整层,可以从调整面板中快速选取,那个一半黑一半白的小太阳图标就是亮度/对比度啦!将亮度调整为40,对比度调整为10。

PS教程!手把手教你设计出时尚的促销专题页

  右键点击调整层,选择创建剪切蒙版。这会将亮度/对比度的设置只应用到图片上。

PS教程!手把手教你设计出时尚的促销专题页

  创建一个固态颜色层,使用棕色填充(C=30 M=80 Y=100 K=30)。

PS教程!手把手教你设计出时尚的促销专题页

  选中照片层的矢量蒙版,按住Alt键,将蒙版拖动到颜色层上。这样会复制选中的蒙版。

PS教程!手把手教你设计出时尚的促销专题页

  使用直接选择工具(A)将右上角的锚点拖动到右下角。

PS教程!手把手教你设计出时尚的促销专题页

  使用画笔工具(B)调整棕色图层,透明度为75%

PS教程!手把手教你设计出时尚的促销专题页

  用矩形工具(U)绘制一个矩形。

PS教程!手把手教你设计出时尚的促销专题页

  将矩形填充浅棕色(C=10 M=65 Y=100 K=0)。

PS教程!手把手教你设计出时尚的促销专题页

  将浅棕色的矩形放在深棕色的图层下面。

PS教程!手把手教你设计出时尚的促销专题页

  使用钢笔工具(P)和直接选择工具(A),调整矩形的曲线,像下图中那样即可。

PS教程!手把手教你设计出时尚的促销专题页

  添加文字和LOGO

  用椭圆工具(U)新建一个椭圆,尺寸为248 x 248 px,填充棕色(C=30 M=80 Y=100 K=30)。

PS教程!手把手教你设计出时尚的促销专题页

  添加投影,透明度设置为14%,距离5 px,尺寸15 px。

PS教程!手把手教你设计出时尚的促销专题页

  从图层面板下方的fx按钮快速添加投影特效。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选