PHOTOSHOP设计出时尚的促销专题页

   PS是平面设计的神器,尤其是网络时代的图片处理,更是离不开PS。如果能得心应手地运用Photoshop,再加上一点小小的创意,经常会创造出令人惊叹的设计。 这个教程向你展示了制作一个宣传单的基本步骤,基本上设计完成就可以打印发送了。当然想学习宣传单风格设计的也不要错过!请不要把我的宣传单和小广告化为一谈哟,设计师的节操要抓牢! 大家注意观察就会发现,本次的教程虽然是设计宣传册的思路,其实整体格局还是适用于节假日的促销专题页的。

  先看效果图:


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

  原文的字体要钱,这里推荐 http://www.shejipai.cn/simple-but-outstanding-typography-design.html

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


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


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


  背景:

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


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


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


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


  你想设置的颜色。

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


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


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


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


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


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


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


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


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


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


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


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


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


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


  将渐变设置为从左向右。

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


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


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


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


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


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


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


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


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


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


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


  添加文字和LOGO

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


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


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


  按照上图调整投影的设定。

  用椭圆工具(U)再创建一个400 x 400 px的圆形,填充深蓝色(C=100 M=80 Y=45 K=50)。


  用同样的投影特效,应用在新建的深蓝色圆形上,在之前的图层上右键,选择复制图层样式,然后在蓝色圆圈图层上右键粘贴即可。调整图层顺序,将棕色的圈圈放在蓝色圈圈上。


  用文字工具(T)添加文字,教程里我们使用的是Proxima Nova字体,字号为17 pt。具体内容如下图,可以用移动工具(V)来进行调整。


  重复上述步骤,区别是字号,这里字号调整到31 pt。


  使用文字工具(T)新建文本,使用Proxima Nova Light字体,字号为18 pt。


  添加标题,还是文字工具(T),字号36 pt,字间距为-10。


  选择刚才建立的文字层,按住Alt拖动,复制文字层。


  还是文字工具(T),改写刚刚复制的图层,使用移动工具(V)调整文字的位置。


  在文件 > 置入,选择矢量LOGO素材acme-travel-logo.ai。


  调整LOGO的大小和位置,让LOGO停放在图片右上角。


  给LOGO添加一个投影。

  数据设置为透明度11%,距离3 px,尺寸16 px。


  添加二级图片

  建立一个新的矩形(U),尺寸为60 x 28 px。


  用直接选择工具(A)选中刚刚建立的矩形,对齐方式中选择中心对齐。


  文件 > 置入,置入素材people-11.jpg。


  根据刚刚建立的矩形调整图片尺寸。


  激活矩形工具(U),在选项面板中,点击蒙版,这些操作会建立一个矢量蒙版,并应用到打开的图片上。


  让刚刚置入的图片层保持选中状态,按住alt+Shift,拖拽图片复制。


  还是置入,这次我们置入city-5.jpg。


  还是调整图片尺寸,让图片尺寸跟刚刚置入的女孩的图片一致。


  将刚刚的蒙版拖拽到刚刚置入的图片上,然后删除people-11-copylayer。


  重复前面三步操作,置入右下角的地图。


  选中map-screenshot图层,添加描边。


  描边的设置面板中,尺寸为2 px,调整位置为内部,颜色设置成棕色(C=30 M=80 Y=100 K=30)。


  添加二级文字

  还是文字工具(T),创建新的文字,字号11 pt,颜色浅棕色(C=10 M=65 Y=100 K=0),


  后面的叙述文字字号调整为9 pt,字间距13,颜色调整为灰色(K=90)。


  重复上述步骤,建立更多的文字块儿,将它们分别对齐在三张图片下方。


  置入icons.ai,在跳出的对话框中,选择日历图标,然后点击OK。


  调整日历的大小,放在如下图所示位置。


  重复上面置入图标的步骤,将每一行前面的图标都置入并摆放好。


  使用文字工具(T),添加地址相关的信息,字号为13 pt,字间距11,颜色设置成浅棕色(C=10 M=65 Y=100 K=0)。


  继续添加更具体的信息,字号9 pt,颜色灰色(K=90)。


  还是刚才的icon.ai素材,这次我们置入那个小地球的矢量图标。


  调整好大小,放在如下图所示的网址前面。


  激活钢笔工具(P),在地图上创建一段矢量形状,具体形态如下图所示。


  在选项面板上,描边选择虚线,颜色还是之前的浅棕色(C=10 M=65 Y=100 K=0),调整描边的宽


  描边设置 > 更多选项,按下图所示数据设置。


  创建一个新的椭圆形,颜色是棕色(C=30 M=80 Y=100 K=30)。


  激活钢笔工具(P),按住Alt,调整底边的锚点。


  利用我们的老朋友直接选择工具(A),将下面的锚点向下拉,做出如下图所示的图形。


  为这个图案添加投影,调整下图圈出的几个数据。


  再做一个小圆形,填充白色,放在刚刚的图标之上。这也是我们这张传单的最后一步!


  总结


  能做完全套的同学为自己鼓鼓掌吧!希望能从这张简单的传单里学到一些设计传单的基本思路。记住,印刷品一定要记得颜色设置改为CMYK;画布的每个边缘留出3毫米的出血范围;如果你知道一些比较先进的技术参数,一定要跟印刷人员沟通好,避免可能造成的错误。

分类:

  • PS入门教程
时间: 2024-11-03 09:42:21

PHOTOSHOP设计出时尚的促销专题页的相关文章

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

  PS是平面设计的神器,尤其是网络时代的图片处理,更是离不开PS.如果能得心应手地运用Photoshop,再加上一点小小的创意,经常会创造出令人惊叹的设计. 这个教程向你展示了制作一个宣传单的基本步骤,基本上设计完成就可以打印发送了.当然想学习宣传单风格设计的也不要错过!请不要把我的宣传单和小广告化为一谈哟,设计师的节操要抓牢! 大家注意观察就会发现,本次的教程虽然是设计宣传册的思路,其实整体格局还是适用于节假日的促销专题页的:) 版权声明 本教程中使用的图片来自Envato的免费图片,还有一

Photoshop设计网页游戏UI的专题页棕色系网页教程

  教程重点是网页头版的设计,需要根据客户的要求确定好页面要表现的内容;然后搜集相关的素材,根据自己的创意发挥,把画面做得绚丽,有视觉冲击效果即可. 最终效果     既然主题"全球争霸赛"很明确,那我们就可以围绕这个去进行专题的构思了.首先,还是在脑海里想象下所要打造的一个大概的场景. 各路英豪争夺全球第一,反映到游戏中自然也就是各门派的英雄去争夺武林盟主的感觉,可以把英雄围绕四周,中间放一个类似奖牌的物品,那么大致的场景及场面基调也就可以定下来了.我们还是先提炼一下关键词. 根据联

用photoshop设计缤纷时尚的炫丽抽象碎片人像效果

  小编给大家分享一个使用photoshop设计缤纷时尚的炫丽抽象碎片人像效果,教程简单粗暴,但需要注意的是:对于颜色的把控和碎屑位置的调整,当颜色相同的碎屑叠加到色块上要调节或深或浅,让其分出层次感,图层透明度也可进行适当调整来达到更好的视觉效果,学起来,转给需要的小伙伴们吧!                       注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:182958314欢迎你的加入 分类: PS入门教程

Photoshop设计性感时尚的女性派对主题海报制作教程

给各位Photoshop软件的使用者们来详细的说说设计性感时尚的女性派对主题海报的制作教程. 教程分享: 素材.参考     制作思路:           最终效果图!   好了,以上的信息就是小编给各位Photoshop的这一款软件的使用者们带来的详细的设计性感时尚的女性派对主题海报的制作教程分享的全部内容了,各位看到这里的Photoshop软件的使用者们,小编相信你们现在是非常的清楚了吧,希望对大家有所帮助.

如何设计出时尚大气的网页

  想学习做时尚网站吗?购物网站.时尚作品集.时尚部落格或者杂志都可以呦,这些网站的一个特点就是--都灰常受欢迎.怎么样,你也心痒痒了吧?我相信在你看这篇文章的同时,就已经下定决心做一个自己的时尚网站,所以话不多说,直奔主题.今天要跟大家分享的是关于设计时尚网页的一些知识,希望你能有所收获~ 1.选择一个平台 首先问你一个问题,你认为自己有足够的才华从头开始编写一个网站吗?如果答案是"yes",那么你能很好的运用设计软件诸如Dreamwaver, Photoshop, WebEasy,

Photoshop制作非常绚丽的游戏专题页

教程重点是网页头版的设计,需要根据客户的要求确定好页面要表现的内容:然后搜集相关的素材,根据自己的创意发挥,把画面做得绚丽,有视觉冲击效果即可. 最终效果 既然主题"全球争霸赛"很明确,那我们就可以围绕这个去进行专题的构思了.首先,还是在脑海里想象下所要打造的一个大概的场景. 各路英豪争夺全球第一,反映到游戏中自然也就是各门派的英雄去争夺武林盟主的感觉,可以把英雄围绕四周,中间放一个类似奖牌的物品,那么大致的场景及场面基调也就可以定下来了.我们还是先提炼一下关键词. 根据联想到的这些关

如何用photoshop画出时尚彩妆

原图 最终效果图 制作步骤: 完成效果         注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:182958314欢迎你的加入 分类: PS图片处理

快速搭建节日促销专题

一到节日前夕,各类电商开始摩拳擦掌,设计节日类大促专题也成了在电商网站当设计师的必备工作,往往时间给的仓促,最多二三天而已,那么怎样在有限的时间找到感觉设计出不出错的专题呢. 电商专题的特点:主题氛围强烈,文案.整体颜色吸引用户眼球,正确引导用户购买,商品摆放逻辑清晰,优惠信息明显 先从文案找灵感 往往我们应该是先知道文案在开始设计专题,先从文案找些小灵感吧 节日期间文案类型分三大类: 1.直接表明优惠型:用优惠信息直接当做专题主标题,以优惠信息.奖品等直接吸引用户.如:全场五折起惠.全场包邮,

快速搭建节日促销专题 先从文案找灵感

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 一到节日前夕,各类电商开始摩拳擦掌,设计节日类大促专题也成了在电商网站当设计师的必备工作,往往时间给的仓促,最多二三天而已,那么怎样在有限的时间找到感觉设计出不出错的专题呢. 电商专题的特点:主题氛围强烈,文案.整体颜色吸引用户眼球,正确引导用户购买,商品摆放逻辑清晰,优惠信息明显 先从文案找灵感 往往我们应该是先知道文案在开始设计专题,先从