chongtow 发表于 2016-10-5 20:11:29

复古工业字体LOGO教程

这篇复古游戏字体教程跟大家讲解一下字体设计时素材的运用和字体的设计，效果十分漂亮，适合游戏宣传之用，一起来学习一下吧。
http://pic1.16xx8.com/allimg/160905/052U0CD-0.jpg
素材：
http://www.16xx8.com/photoshop/sucai/2016/692531.html
作者：买醉的仓鼠hope 出处：站酷

chongtow 发表于 2016-10-5 20:11:29

1、字体改造。首先，选一款合适进行变形的字体，根据要变得文字内容来选择，一般大家都爱用造字工坊系列，我这里用的是版黑，根据主题选用了比较刚硬一点的，大家也可以试试其他不同的字体改造也许有惊喜哟""
http://pic1.16xx8.com/allimg/160905/jc05695676_01.jpg

chongtow 发表于 2016-10-5 20:11:29

好了，接下来要找几款字体作为参考，也是根据主题风格和个人喜好来挑选，这款主题因为是超神感觉必须炫酷屌炸天啊，有没有""，可以参照一些史诗级别的LOGO或者战争类的。

http://pic1.16xx8.com/allimg/160905/jc05695676_02.jpg
www.16xx8.com
根据参考设计出来的字体稿，主题和副标题之间也做了一下对比的排版。给主标题拉了一个渐变色。
http://pic1.16xx8.com/allimg/160905/jc05695676_03.jpg

chongtow 发表于 2016-10-5 20:11:29

2、立体造型。想到要给自己设计的字体造型渲染华丽丽的效果，心情是不是很激动，我要屌炸天啊有木有，我要各种炫酷啊""然而现实总是残酷的，一个手残的我如何拯救一颗炫技的心""
http://pic1.16xx8.com/allimg/160905/jc05695676_04.jpg

chongtow 发表于 2016-10-5 20:11:29

这一步就要让字体变立体效果了，步骤如下图所示，先复制一层文字，然后按ALT选中文字选区，稍微往右上移动几像素，然后删掉多余部分，就得到文字的立体层，得到之后还需要添加一个渐变效果，建议渐变颜色和角度可根据具体实际文字结合效果来调。
http://pic1.16xx8.com/allimg/160905/jc05695676_05.jpg

http://pic1.16xx8.com/allimg/160905/jc05695676_06.jpg

http://pic1.16xx8.com/allimg/160905/jc05695676_07.jpg

chongtow 发表于 2016-10-5 20:11:29

OK，将刚刚做好的立体层和文字层相结合，是不是就有了立体效果，这个时候我们需要在对文字层深入刻画一下，添加暗部部分，方法和亮部的类似，用柔和的笔刷添加
蒙版
层在需要的部分画上暗部，可以用正片叠底效果。
http://pic1.16xx8.com/allimg/160905/jc05695676_08.jpg

chongtow 发表于 2016-10-5 20:11:29

再进一步的刻画，提高亮部，添加立体层的暗部（画圈部分），再给立体层也叠加一层材质。
http://pic1.16xx8.com/allimg/160905/jc05695676_09.jpg

chongtow 发表于 2016-10-5 20:11:29

为主标题添加阴影，副标题添加斜面浮雕、渐变、和投影样式效果，一步到位，真是省心省事。
http://pic1.16xx8.com/allimg/160905/jc05695676_10.jpg

chongtow 发表于 2016-10-5 20:11:29

3、底层制作到上一步，我们字体效果打造的差不多了，接下来感觉，咦？好像有点单薄啊，是不是应该给一个酷一点的底层，使LOGO更加完整，更加炫酷。于是脑海里浮现出一种硝烟弥漫蒸汽复古机械风格，于是想到就开始做，寻找自己想要的素材。
http://pic1.16xx8.com/allimg/160905/jc05695676_11.jpg

chongtow 发表于 2016-10-5 20:11:29

根据字体外形用钢笔工具勾出底层的外廓。
http://pic1.16xx8.com/allimg/160905/jc05695676_12.jpg

http://pic1.16xx8.com/allimg/160905/jc05695676_13.jpg

chongtow 发表于 2016-10-5 20:11:29

给底层轮廓添加斜面浮雕、描边、投影样式。
http://pic1.16xx8.com/allimg/160905/jc05695676_14.jpg

http://pic1.16xx8.com/allimg/160905/jc05695676_15.jpg

http://pic1.16xx8.com/allimg/160905/jc05695676_16.jpg

chongtow 发表于 2016-10-5 20:11:29

现在将我们刚制作好的底层和设计好的字体结合放在一起，然后底层叠加一层素材B，因为我找的原来素材并不是很高清，所以要想办法在不影响清晰的情况下多复制几层素材拼接，可以铺满底层，还是用叠加模式，之后注意用之前的方法来添加亮部。
http://pic1.16xx8.com/allimg/160905/jc05695676_17.jpg

chongtow 发表于 2016-10-5 20:11:29

为底层制作一层外轮廓，方法：复制一层底层，不要填充，描边大概6"7个像素，填充渐变色。
http://pic1.16xx8.com/allimg/160905/jc05695676_18.jpg

chongtow 发表于 2016-10-5 20:11:29

底层外轮廓叠加一层素材，让它看起来和元素中的边框很接近，再放上素材A，是不是看起来结合的很自然，为了结合的更自然，可以给素材A添加一个蒙版，用画笔将左右两边结合的部分稍微嚓一下，这样合成的时候更自然哦。
http://pic1.16xx8.com/allimg/160905/jc05695676_19.jpg

chongtow 发表于 2016-10-5 20:11:29

在一些拐角合适的地方加上素材C，注意素材C要加投影，这样看起来才比较真实，然后再加上英文和数字，数字要添加一个内阴影样式，这样看起来LOGO似乎比较完整了。
http://pic1.16xx8.com/allimg/160905/jc05695676_20.jpg
页: [1] 2
查看完整版本: 复古工业字体LOGO教程