Photoshop制作紫色风格的立体字教程

2016-02-16 02:40 3 1 收藏

关注图老师电脑网络栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享Photoshop制作紫色风格的立体字教程教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - PS 】

先看看效果图

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

1、3D字建模,可以用PS自带的3D工具建模,也可以用其它软件,建模后简单把文字的各个面分出来。点这里下载分好层的文字源文件。

2、打开下载的PSD文件,选择渐变工具,颜色设置如图2,由中心向边角拉出图3所示的径向渐变作为背景。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

3、先来制作左侧的面,需要完成的效果如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

4、选择组1,新建一个图层填充暗紫色:#A202BA,作为底色。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

5、新建一个图层,用钢笔勾出中间暗部选区,羽化5个像素后填充较暗的紫色:#A202BA,混合模式改为正片叠底,不透明度改为:60%,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

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

6、新建一个图层,用钢笔勾出底部的暗部选区,羽化10个像素后填充暗紫色:#8605A2,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

7、新建一个图层,用钢笔勾出左上角高光选区,羽化3个像素后填充紫色:#CF15DB。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

8、新建一个图层,用钢笔勾出左侧边缘的高光选区,羽化1个像素后填充紫色:#FF9EFF。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

9、新建一个图层,用钢笔勾出左侧中间部分的高光选区,羽化1个像素后填充同上的紫色,取消选区后添加图层蒙版,用黑色画笔把两端的过渡涂抹自然。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

10、新建一个图层,用钢笔勾出底部高光选区,羽化15个像素后填充紫色:#BE31CF,混合模式改为颜色减淡,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

11、新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充紫色:#BE31CF,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

12、新建一个图层,用钢笔勾出右侧边缘的高光选区,羽化1个像素后填充淡紫色:#FF9FFF,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

13、按Ctrl + J 把当前图层复制一层,混合模式改为颜色减淡,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

14、再把当前图层复制一层,把高光移到中间位置,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

15、顶部再增加一些高光,左侧的面基本渲染完成。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

16、选择组2,把底色填充紫色:#D500F3,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

17、新建一个图层,用钢笔勾出中间暗部选区,羽化5个像素后填充暗紫色:#BF0AD9,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

18、新建一个图层,用钢笔勾出右侧的高光选区,羽化3个像素后填充紫色:#DE02F9,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

19、新建一个图层,用钢笔勾出右侧边缘的暗部选区,羽化3个像素后填充暗紫色:#AA00C3,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

20、新建一个图层,用钢笔勾出右侧边缘的高光选区,羽化3个像素后填充紫色:#D72FF0,局部可以用减淡工具稍微涂亮一点。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

21、新建一个图层,用钢笔勾出顶部的暗部选区,羽化10个像素后填充暗紫色:#3E0246,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

22、新建一个图层,用钢笔勾出右侧边缘的高光选区,羽化1个像素后拉上图24所示的线性渐变。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

23、再加强一下高光部分的亮度。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

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

24、新建一个图层,用钢笔勾出左侧高光选区,羽化6个像素后填充紫色:#FC48FD,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

25、新建一个图层,同上的方法增加一些高光,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

26、调出顶部面的选区,把选区往左上移2个像素,然后填充淡紫色:#F7D5F9,取消选区后按住Alt键添加图层蒙版,用白色画笔把需要变亮的部分擦出来,如图29。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

27、回到组3,开始渲染顶部面的颜色,把底色填充暗紫色:#B23BC9,如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

28、新建一个图层,把前景颜色设置为紫红色:#F33AE6,用画笔把下图选区部分涂上前景色。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

29、新建一个图层,把下图选区部分涂上淡紫色。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

30、新建一个图层,同上的方法制作其它部分的高光及暗部,过程如图33 - 37。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

31、在图层的最上面创建亮度/对比度调整图层,参数及效果如下图。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

最后适当锐化一下,完成最终效果。

Photoshop制作紫色风格的立体字教程,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1567038.html

延伸阅读
标签: PS PS基础
介绍用Photoshop制作简单的金属字效,主要用到图层样式,简单易学,喜欢的同学一起来学习一下吧。 最终效果: 首先输入文字,本教程以英文制作为参考,读者可以输入中文查看效果 如图所示,添加图层样式. 输入文字 与上图相同,添加图层样式.注意在渐变叠加时,使用与上图不同的样式.使其最终效果产生层次感.个人观点. 为文...
标签: PS PS基础
 本教程主要使用Photoshop设计岩石纹理的3D立体字教程,这种字体的风格在游戏中常用的效果,这个字体的效果制作过程不是很难,喜欢的朋友让我们一起来学习吧。 先看看效果图
标签: PS PS基础
本教程主要使用Photoshop制作在墙面上挂着的3D立体字,整体的3D效果非常的漂亮,类似于挂在墙上的效果,大家可以自己扩展制作出霓虹效果,喜欢的朋友让我们一起来学习吧,教程要求PS是CS6完全版,必须有3D功能的。 教程素材背景: 超酷的3D立体字PS教程素材 先看看效果图 下面是教程: ...
标签: PS PS基础
本教程是一个朋友提出的一个问题,问下面这图用PS怎么做,我查了一下结果这图是真实的剪纸艺术,拍出来的,虽说真正做起来用3D软件要方便的多,不过既然问的就是用Photoshop怎么做那就做一个好了,下面就一起来分享教程的制作过程吧。 下面先放参考用原图 然后下面是PS做出来的成品图 这次我放个素材出来给一些不喜欢用钢笔的同学,素...

经验教程

482

收藏

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