复古文字效果

今天在UiiiUiii上学了制作复古文字效果,在博客上分享一下。

1、文件-新建

复古文字效果

2、画一个跟画板一样大的矩形,可以在视图里把智能参考线打开,方便对齐画板,颜色填充为#82cdff

复古文字效果

3、选中矩形,编辑-锁定-所选对象(快捷键Ctrl+2)

4、画一个正方形,填色#fffaeb,点击效果-风格化-圆角,100px(别在变换的窗口里调圆角,不然操作不了下一步)

复古文字效果

复古文字效果

5、用直接选择工具选择右上角的锚点,按住shift+方向键,往上往右移动,选择右下角的锚点,按住shift+方向键,往下往右移动,选择左下角的锚点,按住shift+方向键,往下往左移动

复古文字效果

6、用选择工具选中矩形,对象-路径-偏移路径,位移10px,描边和填充切换一下,描边宽度为8pt

复古文字效果

7、选中矩形,将圆角调整为108pt
8、框选两个图形,放大一点(根据自己需求),对象-锁定-所选对象

复古文字效果

9、输入文字,字体是Signpainter,放大放好位置(如果没有Signpainter字体的话可以从下面的百度云链接下载)

复古文字效果

10、选中文字,对象-变换-倾斜,倾斜角度为-10°,轴为垂直,并修改位置

复古文字效果

修改位置,效果如图:

复古文字效果

11、按住Alt键拖动文字复制一个出来,输入“1”,使用选择工具,右键创建轮廓

复古文字效果

12、旋转,放大,对象-变换-重置定界框,调整大小角度,作为强调文字的装饰

复古文字效果

13、输入文字we're,字体Cervo(因为网上这个自己下载需要收费,所以改用Stencil),按住Alt键拖动复制一个,输入文字open,调整好大小

复古文字效果

14、把上边的文字和装饰线编组(右击选择编组),清除默认填充

复古文字效果

15、在外观面板里,点击右上角更多,添加新填色,用吸管工具吸取外面的蓝色

复古文字效果

16、继续添加新填色,色值#28235a

复古文字效果

17、选中深色填充,fx-扭曲和变换-变换,移动水平-1px,垂直1px,副本10

复古文字效果

18、选描边,按住shift吸取里面的米白色,描边粗细为1.5pt

复古文字效果

19、现在描边不是整体,点击fx-路径查找器-相加,现在描边就是一个整体了

复古文字效果

20、选择we're,清除默认缓存(方法如第14步),在外观面板里添加新填色,色值#282350,继续添加新填色,吸取米白色

复古文字效果

21、选中米白色填色,fx-扭曲和变换-变换,移动水平-1px,垂直1px,副本2

复古文字效果

22、拖动米白色填色到新建的地方,复制一个同样颜色的填色,吸取外面的蓝色

复古文字效果

23、点击蓝色,单击变换效果,把副本改为4

复古文字效果

24、选择"OPEN",清除默认填充(方法如第14步),在在外观面板里添加新填色,色值#fa0050

复古文字效果

25、继续添加新填色,色值#282350,选中蓝色填色,fx-扭曲和变换-变换,移动水平-1px,垂直1px,副本20

复古文字效果

26、选中红色填色,fx-路径-位移路径,位移-1px

复古文字效果

27、添加新填色,色值#fffaff,放到红色填充层和蓝色填充层中间,fx-路径-位移路径,位移1px

复古文字效果

28、对象-全部解锁(快捷键Ctrl+Alt+2)

29、给这个复古的设计加纹理,可以在Ai里添加纹理,当然效果最好的还是PS,选中所有图形和文字,Ctrl+c复制

复古文字效果

30、打开纹理的源文件(在下面的链接里有,自行下载),双击智能对象的缩略图

复古文字效果

双击智能对象的缩略图,效果如图

复古文字效果

31、Ctrl+v粘贴刚才在Ai中复制的内容,调整大小,Ctrl+s保存

复古文字效果

32、关闭智能对象

复古文字效果

33、回到原来的PSD,关掉Logo colour图层的小眼睛

复古文字效果

34、选中背景层,添加一个黑白的调整图层

复古文字效果

35、完成咯!!!

复古文字效果


字体和纹理背景下载链接

链接:http://pan.baidu.com/s/1pK76pMN 密码:9oll