|
在这个Photoshop教程中，我们将一起制作一个折叠纸条的字体效果。需要掌握的PS知识：图层、图层样式、几种选择的方法、填充颜色等。
作者：Tyler Denis 来源：photoshoplady.com 效果图 教程资源第 1 步 - 熟悉折纸效果在使用 Photoshop 创建一个折纸文档之前，我们先来看一下现实生活中是如何制作折叠纸条的。 观察事物可以为我们制作效果提供参考。 首先，将纸用剪刀裁成长条状。  然后将长条折成我们想要的字母。 大部分字母可以折叠90度，只要 N 和 M 这类字母除外。  看到实物效果之后，我们开始创建文档。 第 2 步 - 新建文档运行 Photoshop，创建一个新的文档，大小为 1200 px × 600 px。 在 Photoshop 的工具栏中选择 “横排文字工具（T）”，字体选择“Futura Bold ”。 使用这个字体是因为他比较复古，当然你也可以选择自己喜欢的字体，但字体要比较粗才行 输入文字并调整字体大小，这里以“DESIGN”为例。  第 3 步 - 添加颜色下面我们来为文字添加颜色，将 “DESIGN”的每一个字母都设置为不同的颜色。 D：#00AEB7（蓝色） E：#FF9900（橙色） S：#BA0000（红色） I：#01AD4E（绿色） G：#FEDE58（浅黄色） N：#FF99AB（粉红） 图层 -> 栅格化 -> 文字，将文字“DESIGN”图层栅格化。 将底部的 “INSTRUCT”填充棕色（#3B2601）。  第 4 步 - 添加折纸效果 - 字母D - 建立参考线现在我们开始添加参考系，先从字母D 开始。 新建一个Photoshop图层组（图层 -> 新建 -> 组），将图层组命名为 D。 新建一个图层（按Ctrl + SHIFT + N），放到图层组“D”内。 下面开始建立参考线，以帮助我们塑造我们的字母D。 在字母D的顶部，底部，左，右，内左侧都建立参考线。  由于所有的纸条是相同的宽度，我们需要确保字母D的左右两端宽度相同。 在 Photoshop 的工具栏中选择矩形工具。 按住 Shift 键在字母D的左上角的两条参考线之间会址一个正方形。 新建一个图层（按Ctrl + SHIFT + N）， 并将选区填充黑色（#000000）（编辑 -> 填充）。 这个图层是做参考用的，以确保字母D的左右两端宽度相同。  按 Ctrl + D 快捷键取消选择，以正方形的底部为参考，建立一条参考线。 使用工具，将黑色的正方形移动到字母D的右下角，以左侧和顶部为参考建立参考线。  第 5 步 - 添加折纸效果- 字母D - 填充颜色现在，字母D的参考线已经建立，下面就开始编辑。 单击我们在 第4步 建立的，位于图层组“D”内的图层， 并根据参考线，使用矩形选框工具，填充与文字相同的颜色，#00AEB7。 为了让效果更加直观，我们利用矩形工具选中将下方“DESIGN”图层D的部分，按Delete键删除。 这时你得到的应该是下图效果。  第 6 步 - 添加折纸效果 - 字母D - 制作折角首先我们看一下事物图，注意字母D折角的效果。 在 Photoshop 的工具栏中选择多边形套索工具，然后将字母D右上角删除， 得到一个类似折角的效果。  右下方的操作也是一样。 第 7 步 - 添加折纸效果 - 字母D - 添加纸条的两端为了让折纸效果更加突出，我们在字母D的左上角和左下角添加两个突出的矩形， 作为纸条的两端。 使用矩形选框工具，先在左上角画出一个矩形，并填充相同的蓝色#00AEB7。 然后左下角的操作相同。 第 8 步 - 添加折纸效果 - 字母E - 建立参考线填充颜色下面开始制作字母E。 新建一个Photoshop图层组（图层 -> 新建 -> 组），将图层组命名为 E。 先来添加参考线，之前在制作字母D的时候，我们创建了一个黑色的正方形，用来测量宽度。 现在利用Photoshop的移动工具，将黑色的正方形移动到字母E处。 我们发现字母E的横线部分偏窄，在E图层组中新建一个图层， 利用矩形选框工具选出相应的区域，填充橙色（#FF9900）。 第 9 步 - 添加折纸效果 - 字母E - 制作折角和突出仿照字母D，制作折角和左端突出的矩形。 第 10 步 - 添加折纸效果 - 字母S - 建立参考线接着制作字母S，首先新建一个图层组，并命名为S。 在字母S的左右两端各建立一条参考线。 第 11 步 - 添加折纸效果 - 字母S - 填充颜色在图层组S中新建一个图层，并利用矩形选框工具绘制字母S的3条横线并填充红色（#BA0000）。 3调横线之间的间隔也要填充红色。 然后删除字母图层S所在的位置。 第 12 步 - 添加折纸效果 - 字母S - 制作折角仿照字母D和E，制作折角。 第 13 步 - 添加折纸效果 - 字母I字母I不需要变化。 第 14 步 - 添加折纸效果 - 字母G - 建立参考线填充颜色新建一个G图层组，并在字母G的两端建立参考线。 新建一个图层，并填充黄色（#FEDE58）。 利用之前做测量用的黑色正方形，建立两条参考线， 然后用矩形工具选出并删除，使其看起来像个O形。 删除字母图层G所在的位置。 利用矩形工具，将右边偏上的部分删除，使其变成G。 第 15 步 - 添加折纸效果 - 字母G - 制作折角仿照之前的步骤，用Photoshop的套索工具制作折角。 第 16 步 - 添加折纸效果 - 字母G - 减少宽度显然，字母G有点宽了，与其他字母放在一起显得很不协调。 利用矩形工具选中字母G右侧的部分。 选择Photoshop的移动工具，按住Shift键，将选定的区域向左移动一定距离。 第 17 步 - 添加折纸效果 - 字母N - 建立参考线填充颜色新建一个图层组，命名为N；新建一个图层，命名为N。 在字母N的两条竖线两端建立4条参考线， 用Photoshop的填充工具填充粉色（#FF99AB）， 方法与制作字母G类似（第 14 步）。 用矩形工具选出中间的部分，删除，得到两条竖线。 利用矩形选框工具选中一条竖线，并按Ctrl+J复制选区到新的图层。 使用自由变换命令（Ctrl + T）旋转一定的角度。 多余的部分用矩形选框工具删除。 第 18 步 - 添加折纸效果 - 字母N - 制作折角利用Photoshop的套索工具制作字母N的折角。 第 19 步 - 整理图层整理图层，清理不需要的部分，让图层更整齐。 第 20 步 - 添加阴影效果 - 字母D现在我们开始为字母添加阴影效果。 要添加阴影效果，需要利用Photoshop的渐变工具，制作一个由黑色到透明的渐变。 可以观察实物图，让阴影效果更加自然。 用矩形工具选中字母D的竖直部分，利用渐变工具添加4个由黑色到透明的渐变。 可以多尝试几次，如果对效果不满意，就在历史记录里撤销。 第 21 步 - 添加阴影效果 - 字母E字母E需要添加4个渐变。 第 22 步 - 添加阴影效果 - 字母S同样的方法为字母S添加阴影效果。 第 23 步 - 添加阴影效果 - 字母I字母I没有折叠的地方，不需要添加阴影效果。 第 24 步 - 添加阴影效果 - 字母G字母G有3个水平方向的渐变。 第 25 步 - 添加阴影效果 - 字母N字母N的渐变需要一定的角度。 第 26 步 - 编辑阴影效果将除了字母N以外的阴影效果的图层混合模式改为“叠加”， 字母N颜色有点浅，将他阴影效果的图层混合模式改为“柔光”比较好。 第 27 步 - 添加折纸背面效果现在我们开始为折纸的背面添加反光颜色效果。 首先利用Photoshop的矩形选框工具将折纸的背面部分选出。 然后打开色相/饱和度的调整命令（Ctrl + U），更改饱和度为-40，明度为+20。 目前的效果图如下。 第 28 步 - 添加光泽效果单击图层D，然后在Photoshop的菜单栏里选择 图层 -> 图层样式 -> 光泽。 为字母D添加光泽： 混合模式 柔光，白色； 不透明度 20%； 角度 19度； 距离 31px； 大小 43px； 等高线 高斯； 选中 反相。 同样的方法为其他字母添加光泽效果。 第 29 步 - 添加渐变映射在Photoshop的菜单栏里选择 图层 -> 新建调整图层 -> 渐变映射。 点击黄色到红色渐变预设，也可以选择反向。 如果没有此预设就自己建立一个（由#FFFF00到#FF0000）。 将渐变映射调整图层移动到最上层，将其不透明度降低到15%。 第 30 步 - 降低饱和度在Photoshop的菜单栏里选择 图层 -> 新建调整图层 -> 色相/饱和度。 将饱和度调整为-20。 第 31 步 - 添加不均匀外观在两个调整图层下方添加一个新的图层，设置前景色为黑色，背景色为白色。 执行 滤镜 -> 渲染 -> 云彩，添加云彩效果。 将混合模式改为叠加，降低不透明度为50%。 第 32 步 - 添加纹理在 Photoshop 中打开素材文件中的纸质纹理图片， 依次执行图像 -> 旋转画布 -> 90度（顺时针）； 图像 -> 图像大小，保持长宽比，将宽度设置为1200px，与我们的字母文档相同。 将纹理图层复制并粘贴到字母所在的文档。 更改图层混合模式为叠加。 打开色阶影像调整对话框（Ctrl + L），调整色阶 输入色阶 72 1.00 220，让纹理效果更突出。 调整纹理图层的色相/饱和度，将饱和度调整为 -40，并降低纹理图层的不透明度为50%。 第 33 步 - 添加第二个纹理按Ctrl + J 复制的纹理图层并将其移动到所以字母图层的下方。 更改图层混合模式为 正片叠底 ，调整不透明度为 20%。 第 34 步 - 添加 LOMO 效果为了让字母更吸引眼球，我们为他添加一个 LOMO 效果。 新建一个图层，Ctrl + A 全选，然后执行 选择 -> 修改 -> 羽化 50像素。 然后执行 选择 -> 反选，填充黑色（#000000），这样四个角都填充了黑色。 更改图层混合模式为叠加。 注：备选放方案 教程的开始部分提供了两个纹理素材，我们是以第一个素材Paper Texture by Zen Textures为例讲解的。 使用第二个素材Grunge Texture by Zen Textures也可以得到类似的效果，只要将第34步中选择好相应的素材即可。 下图是 选用第二个素材制作的效果图。 第 35 步 - 最后的调整利用Photoshop的标尺工具调整字母的间距，让字母更加整齐。 完成，希望你喜欢。 |
|
|
来自： LE的私家图书馆 > 《PS（Photoshop）》
