PS教你绘制酷炫的炫蓝科幻字体

2016-04-05 13:00 134 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的PS教你绘制酷炫的炫蓝科幻字体,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - PS文字特效 】

【PS文字特效】PS教你绘制酷炫的炫蓝科幻字体

   今天的字体,电影迷同学都很熟悉了,广泛存在各大科幻电影海报中,字体刚健有力,棱角分明,隐隐闪着蓝光,过程对图层样式的理解很有帮助,赶紧练手走起吧!

  好了,我们废话少说,直奔主题吧。首先,我们来介绍一下创建图形样式和效果时的一些技巧。

  不要受名称误导

  当你打开Photoshop的图层样式面板,你会发现阴影、内发光、内阴影等效果名称。不过,不要被这些名称误导了,并不像你眼睛所看到的那样,这些效果其实拥有更加强大的功能。你可以使用投影为一个扁平的形状创建出发光效果或3D立体效果。这仅仅是这些效果功能中很小的一部分。继续往下看,你将会学到这些效果的全部功能。

  所有效果100%可自定义

  你完全可以自由调整曲线、色调、混合模式、颜色、强度、饱和度、透明度等效果的任意数值,这些数值没有一项是随机显示的。你唯一需要的是耐心和对细节的关注。

  默认效果就像噩梦

  Photoshop提供的效果默认数值只是供你了解其作用的。千万不要把这些默认数值当成理所应当的。设计师们只需找到每种效果的设置方法,你的作品肯定会脱颖而出。以后每次打开效果面板,都尝试着寻找方法来改进你的设计。

  记住以上这三点,并应用到你的设计工作中,我相信这会是提高你Photoshop技能非常棒的方法。相信我,这种方法就像有一种魔力,我已经做到了。

  来看看我们今天要做的效果吧:

cool-sci-fi-text-effects-0

  看起来很复杂,对吗?就像我前面提到的,不要被这些效果所误导,看我下面的步骤,你就会了解其中的一切。开始吧~

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

  第一步:

  我们先从最简单的形状入手,一开始就添加细节是毫无意义的。首先,创建最基本的形状。如果在没有添加任何效果时,你创建的形状都很漂亮,那么这是一个非常好的开始。就像建筑一样,需要有一个好的地基,这样以后才不容易垮掉。

  打开Photoshop,Ctrl+N新建画布。选择你需要的大小和分辨率。尺寸不要太小,这样我们会看清细节。

cool-sci-fi-text-effects-1

  第2步:

  在这次设计中,我们想要创建一种星际争霸文字的效果。首先下载并安装StarCraft字体。我们将背景色填充为浅灰色来代替默认的白色,这样不至于白色背景与文字对比过于强烈。

cool-sci-fi-text-effects-2

  第3步:

  为文字添加斜面和浮雕效果。默认的数值效果肯定不是我们想要的,我们需要更加强烈的效果,那样会更有冲击力。增大大小的数值,注意观察字体的棱角是怎么变得清晰起来的。大小选择20px左右比较合适。(字体大小不同,需要设置的数字也会不同,具体情况自己掌握。)我们需要锐利的边缘和棱角,将方法设置为雕刻清晰即可。继续调整阴影的角度和高度,这项数值会决定棱角边缘的对比度。

cool-sci-fi-text-effects-3

  所有数值调整后的效果:

cool-sci-fi-text-effects-4

  第4步:

  接下来我们会用到一种生锈的纹理。下载纹理素材,将其在Photoshop中打开,我们只需要铁锈斑驳的纹理,而用不到颜色,因此执行菜单图像调整去色。我们继续调整素材图像的对比度。Ctrl+L打开色阶命令,调整亮部与暗部以增强对比。

cool-sci-fi-text-effects-5

  我们需要将纹理保存起来用在文字效果上。Ctrl+A全选,执行菜单编辑定义图案,重命名图案。

cool-sci-fi-text-effects-6

  第5步:

  是时候将纹理应用到我们的文字效果上了。双击图层样式,打开纹理叠加选项,选择我们上一步定义好的铁锈纹理。效果看上去过于强烈,将混合模式设置为点光,不透明度设置为20%。

cool-sci-fi-text-effects-7

  第6步:

  现在颜色只有黑色和白色,这一步我们来添加一些颜色。打开图层样式面板,进行颜色叠加。这里我们选择的颜色为#5288a4,将不透明度设置为70%。

cool-sci-fi-text-effects-8

  看一下整体效果。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)
cool-sci-fi-text-effects-9

  这样我们有了一个基本的色调。默认的斜面和浮雕中的阴影和高光仍然达不到我们想要的效果,我们来调整一下高光和阴影的颜色。将色值分别设置为#13fffc和#005780。

cool-sci-fi-text-effects-10

  第7步:

  现在整体看起来还是比较扁平,没有非常强烈的立体感。我们需要再创建一层斜面和浮雕效果来增强这种感觉。选中文字层,Ctrl+J复制一层,删掉复制层的图层样式效果。并将其填充度设置为0。

cool-sci-fi-text-effects-11

  由于我们下一步要将颜色叠加的不透明度修改为100%,因此要将下面一层的图案叠加效果拖动到复制的层上,不然颜色会遮盖图案的效果。

cool-sci-fi-text-effects-12

  调整图层样式后的效果:

cool-sci-fi-text-effects-13

  第8步:

  将下面图层的颜色叠加不透明度修改为100%。

cool-sci-fi-text-effects-14

  第9步:

  为上面的文字图层添加斜面和浮雕的纹理。这样会使纹理有略微凸起的效果。

cool-sci-fi-text-effects-15

  然后调整斜面和浮雕。这样使得文字的立体感更加突出。

cool-sci-fi-text-effects-16

  第10步:

  为了增加文字上下部分的明暗对比,我们为其添加渐变叠加,将混合模式设置为正片叠底。

cool-sci-fi-text-effects-17

  此时的文字效果。

cool-sci-fi-text-effects-18

  第11步:

  选中最下面的文字图层,为其添加投影效果。

cool-sci-fi-text-effects-19

  这里我们使用等高线,使投影内部暗一些,外部更加虚化,符合真实投影的样式。

cool-sci-fi-text-effects-20

  添加投影后的文字效果。

cool-sci-fi-text-effects-21

  第12步:

  到目前为止,我们只为文字添加了暗部,这一步来添加高光部分。

  Ctrl+J将文字复制一层,去掉图层样式,并将填充度设置为0。

cool-sci-fi-text-effects-22

  为文字添加渐变样式。其中白色部分就是我们需要调亮的区域,注意此时的混合模式为颜色减淡。

cool-sci-fi-text-effects-23

  添加高光后的效果。

cool-sci-fi-text-effects-24

  第13步:

  下面我们创建描边,是文字的轮廓更加清晰。比较亮的轮廓可以区分文字与阴影,从而更加凸显文字。我们选择的颜色为#32c3ff。

cool-sci-fi-text-effects-25

  第14步:

  不要满足与上一步的样式,我们的文字还可以继续优化。来为文字添加一些内部的发光效果试试,此处我们使用内阴影来实现这种效果。记住,内阴影并不是只能做阴影效果,我们还可以使用这个功能来模拟发光的效果。看看下图是不是漂亮了很多。

cool-sci-fi-text-effects-26

  第15步:

  再稍微调整一下背景,我们的效果就做好了。Cheers!

cool-sci-fi-text-effects-0

     &图老师nbsp;  :更多精彩教程请关注图老师photoshop教程栏目,图老师PS群:339853166欢迎你的加入

来源:http://www.tulaoshi.com/n/20160405/2122257.html

延伸阅读
有同学看到这类字体效果后想知道绘制方法,刘远航给出了一个简单高效,上手即用的操作方法,通过巧用路径混合工具轻松搞定,特别涨姿势的一个教程。 效果图: 示例: 这个你会画吧?(还是好多童鞋不会,最后有补充这个饼图的画法) 画一个S形路径,然后首尾各一个 然后选中两个圆形 上面菜单。对象混合建立。调整一下混合选项 我这...
标签: PhotoShop PS
Photoshop制作非常酷的烈焰字效果   Photoshop制作非常酷的烈焰字效果。 手工制作火焰字的过程要稍微复杂一点,大致分为三个部分:首先用滤镜做出初步的火丝;然后用液化滤镜和涂抹工具加强成想要的火焰;后期上色,再加上一些火星等即可。 最终效果 1、在图1上面右键,选择图片另存为保存到本机,然后用PS打开保存的文...
标签: PS PS教程
编者按:科蜜朋友来收教程咯!今天来一个科比飞身投篮的海报教程,效果酷炫难挡,过程细致入微,操作界面全中文,保证新手也可以轻松学会,周末来一发吧。 下面开始我的绘制过程,先建一个符合自己显示器大小的新画布。 新建一层,填充渐变。 我从百度右键了一张云层的图片。 放大铺满整个画面,将透明度调...
标签: Illustrator
有同学看到这类字体效果后想知道绘制方法,刘远航给出了一个简单高效,上手即用的操作方法,通过巧用路径混合工具轻松搞定,特别涨姿势的一个教程。 效果图: 示例: 这个你会画吧?(还是好多童鞋不会,最后有补充这个饼图的画法) 画一个S形路径,然后首尾各一个 然后选中两个圆形 上面菜单。对象——混合——建立。调整一下混合...
PS教你快速打造酷炫抢眼的逆光场景   需求方说:要有光!于是,便有了光 平时浏览一些优秀作品的时候,经常会看到一些光效处理非常棒的作品。有时我们看后会反问自己:这些使页面看起来高大的光是怎么打上去的呢?今天搜狐同学通过一个案例来教大家快速打造逆光场景。来找属于你的光吧! 当然,这只是本人自己常用的方法,方法是活...

经验教程

914

收藏

92
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部