设计发光的荧光灯字体教程 

2016-01-06 10:09 发布

1056 0 0
本帖最后由 2355521989 于 2016-1-6 10:15 编辑

今天我们为大家带来的是设计发光的荧光灯字体教程,整体的设计效果难度适中,正是适合大家练手,最后出来的效果绝对高大上,一起随我练习起来吧。

先看看效果:

5d094346d304ecb42dfe951ac4d36387.jpg

第一步新建画板 宽度(W):1000像素 高度(H):800像素分辨率(R):72像素/英寸 颜色模式:RGB颜色 8位 背景:白色

e74ba34248ca85dc4167755c01faef0a.jpg


第二步1.快捷键(T) 输入文字2.文字填充基础色 黄色 色值:fae4753.底色填充黑色渐变

85a017d0556ed545303bc485a8f1af10.jpg


第三步1.新建2个空心矩形,分别命名 (外框)(内框)2.不知道空心矩形如何设置?那一步一步说一下吧~3.把上面的参数调成下面的就可以得到 边为6点 的空心矩形(外框)同理制作一个小一些的 (内框)边为3点。

a031b97f32dadf4f1ed73e1d759c2eee.jpg


第四步1.基本图形已经弄出来了 下面准备开始弄效果,就是混合选项的设置。先看看效果先如下:

38daf145c7bba570061cd1ebb36e05fc.jpg


2.图层样式如下:用到描边,颜色叠加,外发光斜面和浮雕



3.(外框)混合图层 具体参数如下:

b72793c568197f1464242ef5770cb715.jpg

e137961dcfc8c3d149df27028ed24fb6.jpg



cd6943f72091a3805da779a4ae3632cb.jpg


到这里 (外框)基本设置完毕啦~~继续下一步。4.(内框)混合图层 具体参数如下:

8f056dabdacf6462923fa610b0b738c2.jpg

ba97363f64cf778d6c345412f60ea2c8.jpg



bd33be8e714207771509af62ada2238c.jpg


噔噔噔噔~!是不是已经完成了,有以下的画面呢?是的话成功一半啦,继续往下看。

669daae85a2811d746dd30d77ffe4aef.jpg


第五步在背景下面 增加一个铁丝网,让荧光字在铁丝网上面,增加一些质感,效果如下图:

27661e50c40fcdc489ab598508409a24.jpg

4c069de107b658c3bdd04657289fbb47.jpg


此时你的图层是不是这样的?好吧一定要有整理的习惯好好分类。哈哈~此时网格又不知道怎做嘛~我继续说说 制作网格的原理~~好吧 其实就是傻瓜式的~

3bdcd833fa3af5c95427412beb1ba36b.jpg


01.新建一个长方形矩形,然后快捷键 (CTRL+J) 复制一层,这时你的图层会多了一个 矩形拷贝的图层,对不对?

9bff9c0e8111a403dee91c1359741d70.jpg


02.点击图层 矩形拷贝 (CTRL+T)一下,然后按着SHIT键 再按一下方向键向右 移动(移动多少距离你们随意,我移动了两下)

ac86c094dbdcd43bc4e2394258d3a9c2.jpg


然后按下回车键!!!!最后,历史时刻!按下shit+ctrl+alt+t ,按一下你发现多一层,最后形成上边的样子,对不对?

613e91558fcee0e088a5717c9e01f9bf.jpg


03.最后通过上述方法 得到这个网 (看不懂的用笨方法自己排也行)最后 右键点击这个网的图层 – 混合选项,设置一些参数如上图。

8d10ca547c5f91dc9ad24a653cd30c1d.jpg


04.最后通过上述方法,你就会得到最后这个效果啦!已经有点儿效果的吧~然后下面开始 弄字体啦!第六步这时到做字体质感样式的时候啦~先看看下面的效果图。

404aef1cabe04161c838fda15760da9e.jpg

3f1fa964b95703ee5418e51df23d55ae.jpg


VELESBOX 调节参数

9314e7cb3fa53e6cc3b470962b98a6b6.jpg



0d13955d3898e16bf263063d1f86c8ff.jpg



4f885b680e9c642e7ce0109f80d60cf8.jpg



bbebfd45794ae96d2d80dbfbe1a5302f.jpg


2015 D&G 调节参数

0248dc6abe02491f58b0f08a7f7cfb9a.jpg



f1423beabb00c3e7d798c40cdc4052bb.jpg



de8896f0ac3c2e241b49066864239c83.jpg


copyright 调节参数

59a19c8dc6fc369ecda4c871b489a321.jpg



7ee2f8dbd9e94021d3614124425ec48c.jpg


第七步基本大体已经完成,开始刻画细节,填充下字体一些闪光元素。

9788713c51941251155fde8ca0eb90f9.jpg


闪光用圆形工具做出,然后添加投影+发光,参数如下

03ec5ebfc01de97ea2d59fc46b8c2f68.jpg



d9564b479e1a81f598b784325bf678fe.jpg

aaeb15e6be0db5b6b3b0e1de8907a4ac.jpg


在上面补多了一个框框,然后增加了一下边缘的细节,荧光灯通常是一节一节的,所以要增加一些间隔如上图。间隔做法就是一个矩形,放在上面颜色如下:

bf36653b3f9210ea4aa5ae2df99b5682.jpg


第八步深入刻画细节,一些小夹子,电线之类的感觉,还有通常荧光灯应该不是闭合的,所以中间要断开下加点感觉:

d1b141078d12db1dc7426f7db078ea77.jpg


这里先把 (外框)(内框)变成智能图层然后添加蒙版,把中间一些用黑色擦一擦,去掉后继续下一步

a16965a38bfb1a0ec60b7ec9d1b1cbd5.jpg

50776293a1b481e7ceb6bc453bcd0509.jpg



886db36ca3c29133c2243997409a7129.jpg


再来看看图,最后三个细节,小铁架+电线+螺丝钉这里就分解来说,应该会比较容易懂:

bb58a9587b1f7f19f21a13f41f33f69f.jpg


螺丝钉的做法如上图所展示,大概就两个图层,加上一些样式就可以达到效果啦~ 样式参数如下:

a00f28889178bf663972fc6fc2d244ee.jpg



765d11bdac09e3671778be6b2b956769.jpg


然后继续分解下小铁夹是如何组成的呢~基本就是3层,加上渐变叠加 弄出一些金属质感出来~

772da15ad8807650ad094180c2174d66.jpg



571a30b94a35f73eaa9314fbb750bcb6.jpg


最后就是装饰电线的做法了~电线就是比较随意穿插的线条~具体怎么做呢?继续往下看~

f4ba3fd7d8d369b9f8b6bb88c713af97.jpg



f1f6e379a14e14572dc2ffa7cf04d08e.jpg


电线的做法很多,看你想快,还是想要矢量的。01.矢量的,直接用钢笔画,没什么技巧可言多运用就可以啦~02.也是用钢笔画一个路径,画完之后,对着路径右键,有一个描边路径选择,会根据你的画笔。大小来沿着你的路径画出一条线。画完线记得把路径删除喔~

77a12131f73d337659a7639ce89c87db.jpg


画完了线,右键添加样式-鞋面和浮雕看看是不是马上有立体效果了,一些穿插效果,可以用蒙版遮罩一下~基本技巧就到这里了!

75fc6ebd6458e110572f6a7a3ef41aa6.jpg






984d30d1dd7397add419eef3745d019f.jpg


最后在画好的电线下面 记得加一些投影,在一些地方可以适当加上一些光晕柔和下画面~让整体更加通透一些~菜鸟写一下设计心得,写得不太好,希望对你们有点儿帮助。



                    






B Color Smilies

你可能喜欢

制作彩带logo

LOGO作业本

2020 0 0

402620087 2015-10-20

制作彩虹logo

LOGO作业本

1819 0 1

402620087 2015-10-18

制作雨伞logo

LOGO作业本

1920 0 1

402620087 2015-10-17
联系
我们
快速回复 返回顶部 返回列表