Photoshop制作粉色效果的立体字教程

2016-02-16 00:28 18 1 收藏

下面图老师小编跟大家分享Photoshop制作粉色效果的立体字教程,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - PS 】

最终效果图

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

首先我们从最基础的背景开始,此案例背景采用了从网上下载的素材,当然也可自己制作,创建一个尺寸为1200,x,720px的画布,颜色模式RGB模式

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

将背景素材拖入画布中并为其添加新组,按Ctrl+R显示标尺并将其锁定中部位置

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

将背景执行,滤镜-模糊-高斯模糊,数值如下图所示

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

背景就这么做好了,接下来要做的就是文字部分了

按图所示建立新组,并打上所要制作的文字,本教程以LOVE为例

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

将LOVE图层复制四层,并做好标记,一会儿会用到。先隐藏LOVE_2、LOVE_3、LOVE_4

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

对LOVE_1,图层做如下设置

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

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

对LOVE_2,图层做如下设置,图层填充不透明度为0%

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

对LOVE_3,图层做如下设置,图层填充不透明度为0%

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

对LOVE_4,图层做如下设置,图层填充不透明度为0%

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

此时的样子

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

复制LOVE,_1图层,将其放入LOVE,_1图层下部命名为LOVE,_阴影

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

修改此层的图层样式

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

将此图层转换为智能对象

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

执行,滤镜-模糊-高斯模糊

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

阴影层添加黑色蒙版,按住Alt+下方红色箭头处

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

设置画笔,柔边白色

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

用白色画笔将阴影涂出

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

高光处理-为文字效果增添质感

Ctrl+点击文字图层出现蚂蚁线,选择渐变工具

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

渐变设置如下

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

选择线性渐变,从图的右上角拉起

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

更改图层模式,柔光,不透明度,68%

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

拖入高光素材,更改图层模式为滤色

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

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

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

外层包装的制作

按F5设置画笔,如图所示

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

调出文字选区,在选区内刷画笔

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

对该图层加入图层样式

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

整体调色

这一步没有太多的要求,只是对整张图片的完善,调色方法有很多,数值也是不固定的,所以这一步大家自由发挥即可,下面这是我做的

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

全部图层

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

最终效果

Photoshop制作粉色效果的立体字教程,PS教程,图老师教程网

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

延伸阅读
编缉:poluoluo.com 本教程重点是介绍做立体字的思路,如果掌握了就可以灵活发挥,不仅是文字其他的图形都可以制作同样的效果! 最终效果 1、先写大字~~ 先大点好,~完成后再缩小 一些问题就看不出来了~ 2、然后给字的图层应用图层效果:颜色叠加-灰色; 斜面和浮雕:1-2像素宽的一般浮雕(就是让字稍微突起一点点)~~ 3、然后...
标签: PS效果 PS PS基础
3D字制作思路:先打上文字,用变形工具给文字加点透视效果,然后把文字复制一层,适当移动一些位置,这样就有点立体效果。后面就是增加纹理和完善立体效果。做这类效果字体最好选粗一点的,效果会明显一点。 最终效果 1、我们新建立一个文档,宽和高分别是550和300设置背景色为黑色。我这里选择的字体是Arial Black,大小为30效果如下:...
标签: PS PS基础
先看看效果图 首先找一个背景,地址在这里,如下图: 现在输入SugarPie字体,字体没有提供,只有自己找咯~ 现在给图层添加样式,按照下面的做: 复制文本层,去掉所有图层样式后添加阴影,使文字有种水的折射效果。看下图:(这块不想写的很详细,目的是想培养大家的独立思考及创新能力) OK 做完...
标签: PS PS基础
在本photoshop教程中,笔者将向大家展示如何创建一个强大和醒目的文字效果。笔者将使用渐变叠加,钢笔,投影、渐变叠加样式,和其他一些技术。教程不难,但最后的效果却很不错,在本教程中如有出错的地方请朋友们指出,希望大家喜欢! 先看效果 图0 1、打开Adobe Photoshop 软件,执行菜单:文件/新建(快捷键Ctrl+N),弹出的新建对话框,...
【PS文字特效】用photoshop制作立体字效果 立体字效果 上面这一步为什么我没让把所有的文字合并在一起呢?这是有道理的,到最后我们调色彩效果的时候文字的表面和侧面可以单独调整,全tuLaoShi.com部合并到一起就只能眉毛胡子一把抓整体来调了,这样效果不会太好。 剩下的修饰您就发挥自己的想象吧 &nb...

经验教程

687

收藏

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