photoshop文字教程:Photoshop设计一款云彩文字教程

  效果图:

Photoshop设计<img src='/icons/15312yi.gif' />款云彩文字教程

    图片看不清楚?请点击这里查看原图(大图) 

  步骤1

  在Photoshop中创建个新文件 我用是1920×1200像素然后使用图层样式在背景上应用渐变叠加使用正常混合模式 100 %不透明度径向风格和# 07090b和# 27160a颜色还要增加比例为115 %

Photoshop设计<img src='/icons/15312yi.gif' />款云彩文字教程

    图片看不清楚?请点击这里查看原图(大图)

  步骤2

  用工具(T)输入CLOUDS全部大写我用字体是Helevtica Neue Ultra Light重要是你要使用非常细字体我们将要把它创建为路径的后去图层>栅格化>文字然后在图层面板上按住命令键/控制键( PC机)点击图层略缩图这将创建了个文本选取框(译者注:为什么我机器不行?-_-)

Photoshop设计<img src='/icons/15312yi.gif' />款云彩文字教程

    图片看不清楚?请点击这里查看原图(大图)

  步骤3

  保持上步选取框选择进入路径面板点击图标选择创建工作路径(1)然后将路径保存稍后使用您可以通过点击右上角图标(3)保存路径

Photoshop设计<img src='/icons/15312yi.gif' />款云彩文字教程

    图片看不清楚?请点击这里查看原图(大图)

  步骤4

  用直接选择工具(A)编辑路径开始删除路径内部分(如下图)每个字母只保留条路径(如图2)

Photoshop设计<img src='/icons/15312yi.gif' />款云彩文字教程

    图片看不清楚?请点击这里查看原图(大图)

  步骤5

  让我们创建个将用于建立云彩笔刷但是你可以看到下图是需要建立画笔去窗口>笔刷选择个规则柔软笔刷选择形状功能纹理和其他功能纹理是非常重要你每次改变比例时都要改变笔刷笔尖大小(这步别着急 慢慢来)

Photoshop设计<img src='/icons/15312yi.gif' />款云彩文字教程

    图片看不清楚?请点击这里查看原图(大图)

  步骤6

  再次使用直接选择工具(A)在图像路径上按鼠标右键选择描边路径个对话框将会出现在描边路径窗口中你可以选择你想描边路径请确定你使用是我们刚才创建选定笔刷然后选择画笔还要确保你已经选定了白色为笔刷颜色(1)我们将重复这步2次但每次要在个新层上我们第次使用了白色第 2次让我们使用黑色第 3次还用白色这将能添加云彩面积使其更加真实

Photoshop设计<img src='/icons/15312yi.gif' />款云彩文字教程

    图片看不清楚?请点击这里查看原图(大图)

  步骤7

  让我们创建更多云彩(图片1)然后再添加并去滤镜>渲染>云确认使用颜色是黑色和白色然后改变这层混合模式为颜色加深使用橡皮擦工具(E)删除些区域只留下最接近云彩文字那些 再让我们添加些灯光效果在图层面板上添加个文件夹这个文件夹要放在云彩下方改变文件夹混合模式为颜色加深在这个文件夹中添加个新图层然后用白色笔刷工具(B)画些云彩这些云彩我们将使用灯光效果因此你可以按数字键(1-0)改变笔刷不透明度 参考下图(这步调整确实麻烦 需要耐心琢磨)

Photoshop设计<img src='/icons/15312yi.gif' />款云彩文字教程

    图片看不清楚?请点击这里查看原图(大图)

  步骤8

  现在只需添加些星星创建个新层用黑色填充然后去滤镜>杂色>添加杂色使用10 %数量和高斯类型的后去图像>调整>色阶增加黑色直到你有了些星星然后增加白色使它们更亮改变混合模式为颜色加深

Photoshop设计<img src='/icons/15312yi.gif' />款云彩文字教程



    图片看不清楚?请点击这里查看原图(大图)

  步骤9

  选择所有图层复制它们然后去图层>合并图层的后去滤镜>模糊>高斯模糊使用12数量改变混合模式为??(

  Blend Mode to Screen

  这句如何翻译?直接翻译成“改变混合模式为屏幕”不对 有朋友能告诉我吗?)这将创建个不错发光效果使云彩更真实

Photoshop设计<img src='/icons/15312yi.gif' />款云彩文字教程

    图片看不清楚?请点击这里查看原图(大图)

  结论

  你可以添加更多灯光效果如很大星星的类也可以变换些颜色可以尝试下区别效果~最终结果看下图:

Photoshop设计<img src='/icons/15312yi.gif' />款云彩文字教程

    图片看不清楚?请点击这里查看原图(大图)

  原文来自:abduzeedo.com



Tags:  photoshopcs3教程 photoshop教程 photoshop云彩 photoshop文字教程

延伸阅读

最新评论

发表评论