分享

教你用PS做淘宝海报连体字banner

 IDecor 2014-05-25

天气越来越热随着季节的更迭,各位掌柜是不是纷纷的开始更换自己小店的广告牌啦。这时候如果能够有一款看着清凉的banner,嘿嘿,是不是能够激起买家的购买欲望,试想想,一副清凉图片在配上变形连体文字,那将是什么感觉,看着都爽high了。

第一幅:主要是“降”字的变形,很简单的

淘宝海报连体字banner

第二幅,主要讲字体变形—连体字的制作方法,这个现在很流行的,然后加了点特效,下面的教程会一一说明

淘宝海报连体字banner

教程一

1、新建一个图层,我这里建了一个950像素*400像素的文件。

2、选择合适的字体,以及字体的大小,颜色嘛,无所谓,怎么都行!

淘宝海报连体字banner

4、输入“夏降到底”四个字;千万记住了,每个字占用一个图层

5、选择“降”图层,然后右键选择“格式化文字:

淘宝海报连体字banner

6、点击框选工具,选中黑色的竖边,我们选择的时候可以适当的放大点,因为这个图层只有个”降“字,所以复制的时候也只能复制这一部分,复制的时候直接按住“ctrl+alt”键,然后拖动选区(拖动时在按住shift键,这一可以保证复制的垂直性)

淘宝海报连体字banner

7、添加向下的箭头就可以了。

8、第一步选择新建一图层 第二步 选择自定形状工具

9、在自定形状工具中选择如下图所示的箭头工具

淘宝海报连体字banner

10、在工作区拖动鼠标,画出如下图所示的箭头。

淘宝海报连体字banner

11、切换到路径面板,点击路径填充工具;

12、填充后的路径,按“ctrl+t”也就是自由变形工具,然后再上面的状态栏输入90°,进行旋转。

13、旋转

14、切换到路径面板,在途中蓝线范围内的任何位置,点击鼠标左键,隐藏路径,调整到如下图的位置。

淘宝海报连体字banner

15、选择处背景外的所有图层,然后合并图层

16、新建一图层,然后按住“ctrl”不放,然后鼠标左键点击图层1,得到文字选区。

淘宝海报连体字banner

17,选择渐变工具,进入渐变编辑器,调整渐变色,我这个颜色调浅了,所以合成后不太明显,掌柜的做的时候可以调深点。

淘宝海报连体字banner

18、添加自上而下的渐变色。

19、按“ctrl+d”键,取消选区,找一张清凉点的图片,调整好,加进去,ok,略显单调吧,其实如果图片中加入产品画册、广告语、宣传语等,就会丰满一点。

淘宝海报连体字banner

教程二

下面我们开始第二副图片的教程,这个就丰满多了,也是经常看到的,很实用滴 。

1、输入“清凉夏日”四个字,分布到四个图层上。

淘宝海报连体字banner

2、同时选中四个文字图层,右键选择栅格化文字。

3、选中“清”图层,然后选中套索工具,框选图中的一点,然后按del键删除选区中的内容。

淘宝海报连体字banner

4、在此图层上新建一层“图层一”;

5、切换到路径面板,然后利用钢笔工具、转换点工具,画出如图路径,然后填充路径。

淘宝海报连体字banner

6、利用“滤镜”面板中的“旋转扭曲”按钮,然后调整角度,得到图示结果。

淘宝海报连体字banner

7、移动图层四,配合变形工具调整大小及方向;然后选中“清”图层,利用矩形框选工具选中下图虚线中的内容。

淘宝海报连体字banner

8、同样添加 旋转扭曲 按钮,角度适当调整。

9、选中“凉”图层,操作如本教程第三步,删除选区内 内容。

淘宝海报连体字banner

10、复制图层四,然后移动、变形调整到如下图位置。

淘宝海报连体字banner

11、选中“凉”层和“图层四副本”进行变形缩小,如下图。

淘宝海报连体字banner

12、参照第一教程第6步完成“夏”上面一横的延长,利用套索工具或者矩形框选工具删除下图中多余的部分。

淘宝海报连体字banner

13、下面几步是连体文字的关键所在,既简单有重要;新建一图层,并拖到最顶部;然后利用钢笔工具,勾出如下图中所示的路径。

淘宝海报连体字banner

14、利用转换点工具 调整各个定点,使路径比较圆润。然后切换到路径面板。

淘宝海报连体字banner

15、点击填充路径,得到如下图

淘宝海报连体字banner

16、利用移动工具调整填充内容,然后用套索工具在“夏”的图层上,选出如下图多余的部分,按“del”键删除。

淘宝海报连体字banner

17、合并图层(见下图,不要合并这个蓝色背景层)

18、新建一图层,选择渐变工具,调整一个比较明亮的浅色系渐变。按住“ctrl”键取得文字选区。

淘宝海报连体字banner

19、添加自上而下后的渐变效果。

淘宝海报连体字banner

20、添加图层样式,添加 描边 样式和 斜面和浮雕 样式,按如下图设置

淘宝海报连体字banner
淘宝海报连体字banner

21、好了,在添加一些简单的星星画笔,大功告成,是不是有种夏日的清凉感。

淘宝海报连体字banner

总结:第一个教程比较简单,适合初始ps的掌柜练手用,第二个教程有点麻烦,适合有点ps基础的掌柜。文中的数据并不是固定的,掌柜在制作的时候要多多的试试每步数据变化后的效果,多多体会,这样就能举一反三,以后打造完美海报就轻而易举了

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多