效果图:
图片看不清楚？请点击这里查看原图(大图)
介绍和准备
本系列教程是教程Super Malleable Lines(就是这篇教程)
种延续这有些相似效果
但却是从区别角度体现在本教程第部分我们将集中讨论如何创建3D文字和飞溅效果 首先创建3D文字你需要下载Xara 3D6demo版也可以使用Adobe Illustrator来创建(Xara 3D6可以下下来研究研究 不过都是鸟文)但我强烈建议你用Xara这(这句话不代表活力盒子立场)还需要从cgtextures.com下载 stained metal texture图象(这个图片没找到 闷！)步骤1:如何开始
最好
开始方式是给字母找到合适颜色在这篇教程里背景颜色是很阳光给我们个很温暖感觉在这里我们将使用冷色调首先我们需要新建
个1350 * 1600px分辨率为 300px/inch新文档创建个新层并作简洁颜色匹配不要使用你选择第种颜色要尝试些区别色调难看背景颜色往往会毁掉大家辛苦工作 (简单来讲就是想让大家多尝试几种颜色)现在
我们找到了个很好匹配色使用油漆桶工具(G)用#166a91填充新图层命名此层为”background”(背景)
图片看不清楚？请点击这里查看原图(大图)
步骤2:背景
深度现在我们需要
是给这个背景些生命力!同样要花费些时间寻找合适颜色尝试使用些适当冷色调我说是找到些深或浅蓝色我使用颜色如下图所示如果你已经选择了些很好较暗颜色(或如果你在选择上有疑问那就使用下图颜色——我所使用特定颜色)使用画笔工具(B)设置流量5%硬度为 0%并使你画笔直径非常大如你在下图看到样创建个新层命名为“bg_color”用这个大笔刷在角落处涂抹使每个画笔新颜色涂抹在它自己新层上尝试涂抹区别
地方基本上就是边缘黑中间亮这样你会得到些不规则渐变效果这正是我们想要
图片看不清楚？请点击这里查看原图(大图)
步骤3:调整颜色
当你完成背景
着色后这个颜色对我来说似乎有点亮所以我决定去图层面板在所有图层的上添加个新色相/饱和度调整层然后我稍微减低饱和度消除些颜色
图片看不清楚？请点击这里查看原图(大图)
步骤4:准备飞溅
纹理现在打开stained metal texture(抱歉！ 目前活力盒子没办法提供该图片)
我不知道这为什么称为“金属”在我看来更像些污渍无论如何污渍就是要点你可以挑选个自己喜欢图片但它必须符合你需求现在点击Command + T键使用扭曲在这个画面上做透视效果然后点击Command + Sh
t + U减低饱和度在这层缩略图上点击Command-click建立选区 按Command + C复制它(Command=Ctrl 以下相同)
图片看不清楚？请点击这里查看原图(大图)
步骤5:创建泼溅
形状和阴影回到我们
主要项目文档使用钢笔工具(P)绘制个泼溅形状然后把它变成个选区首先在所有层的上创建个新层命名为“texture”(纹理)现在去编辑>粘贴到我们纹理现在应该是动态粘贴到选区上就意味着你可以改变选区内部位置现在改变该层混合模式为叠加并设置不透明度为70%得到效果应类似于下图2(就是第 2张图片)现在在所有层的上创建
个新图层其命名为“splatter shading”(飞溅阴影)使用画笔工具(B)改变颜色为#125361确保你画笔设置非常柔软硬度0%流量10%现在在纹理层上做个选区(Command-click图层缩略图)看看下图3涂抹在指定地点我们需要变暗这飞溅内边缘创建个凸面视觉效果这个飞溅需要突出点不能太平坦请参阅下图4和图5
图片看不清楚？请点击这里查看原图(大图)
步骤6:创建边缘高亮效果
OK
上步创建了些阴影现在开始做边缘高亮效果看看下面第副图像我做了个小小准备(这不是你必须要做)在你添加光亮的前需要想象做成什么样子它才会显得真实因此我创建了些简单线条显示出哪些地方是适合设置光亮如果你已经准备好了
那就在所有层的上创建个新层其命名为“splatter lighting”(飞溅光亮)在“texture”层上选择选区现在用同样画笔设置和个更亮颜色#99e9ea开始在指定地点描绘(要在飞溅边缘留下点小小空间)注意:记住你可以随时更改你觉得不正确
地方如果你涂抹了太多阴影或亮光那就用柔软橡皮擦工具(E)擦除不需要部分
图片看不清楚？请点击这里查看原图(大图)
步骤7:创建飞溅
笔刷设置在我们继续的前
去笔刷面板并按下图更改画笔设置这是为什么呢？用
个小柔软褪色笔刷你可以轻松地使用鼠标涂抹如果你在个地方涂抹画出了些失败线条但是它们几乎看不出来请参阅下图2看看光线是如何建立下图3上白色箭头会指示你如何涂抹在每个飞溅外边缘添加这些光线
图片看不清楚？请点击这里查看原图(大图)
步骤8:创建飞溅
添加光线现在
不要改变你画笔设置只是增加点直径改变颜色为白色然后在所有层的上创建个新层命名为“lighting overlay”(光线叠加)设置这个层混合模式为叠加开始在步骤6所示同样点上描绘创建些很少点而不是行(为是突出高光效果看下图就明白了)
图片看不清楚？请点击这里查看原图(大图)
步骤9:创建飞溅
再添加些光线继续对选定
飞溅部分增加光线记住你直径是动态你可以从大到小创建更好光线你也可以借助橡皮擦工具(E)
用个非常柔软橡皮擦0%硬度和8%流量添加细节(这步需要是耐心和细致！)
图片看不清楚？请点击这里查看原图(大图)
步骤10:创建飞溅
修饰接下来
首先在所有层的上创建个新层命名为“splatter touch ups”(飞溅修饰)并改变它混合模式为正片叠底重新设置你画笔设置画笔硬度为0%流量5%改变颜色为#125361现在看下图1并在指定地点修饰然后切换到白色创建个新层命名为“splatter light”(飞溅光亮)然后使用相同画笔设置添加些更多光线到飞溅上
图片看不清楚？请点击这里查看原图(大图)
步骤11:阴影过程解释
在我们进入创造飞溅阴影的前
这里有几件事情你需要了解:1:当你想在 3维空间里放置
个物体你需要注意你光源在哪2:记住物体自己投下
阴影(参阅下图“”the shadow between box and desk”(盒子和桌子的间阴影)这是很多设计师容易忘记(或不知道)事3:这意味着有时候
个物体阴影多少取决于光源以及它位置4:也要记住
“darkened area”(暗区)(参考下图)始终保持比其他地方暗5:它同样也有“lightened area”(亮区)
这亮于物体中其他部分活力盒子注:如果你学过美术或者素描
那么上面道理很容易就能明白
图片看不清楚？请点击这里查看原图(大图)
步骤12:创建飞溅
阴影过程我们没有规定光
来源因此我们将跳过光源所造成阴影我们只要关心以下这个飞溅图形阴影就好(参考上步骤解释2)
图片看不清楚？请点击这里查看原图(大图)
步骤13:飞溅阴影
现在飞溅
阴影和非阴影地方就有了个轻微区别在本教程第 2部分我们将使表面更脏这将提供个新更大阴影效果我们即将要完成了
但在我们继续的前我希望你再看看下图3也许你想知道为什么这些地方没有影子？这个飞溅就像个 3维物体因此如果你在3D
里旋转它能看到每个边是什么样子现在如果你可以看到飞溅右边阴影确实是存在但是从我们角度(前)看却是不可见所以我们不添加它这有点儿很难解释
有时你只需要想像在现实中它会是什么样子就OK
图片看不清楚？请点击这里查看原图(大图)
步骤14:文字准备
OK
我们已经做了飞溅效果我们可以创造文字了但在做的前让我们先看下面第幅图正如你所看到并不是整个飞溅都覆盖着光线和阴影粉红色表示区域看起来没有完成
我开始就计划在这个中间创建文本所以文本应覆盖住背后这点不完善地方下图2、3、4显示了我基本上是如何做文本
我做了个小准备我不知道它会是什么效果这不是你必须要做但有时多尝试下也不错所以现在这个平面文本激发了我很多灵感这使我看到了我想要实现目标
图片看不清楚？请点击这里查看原图(大图)
步骤15:3D环境下
文本为了将3D文字放在 3维空间
表面你需要设置地平线看看下图1我基线是我创建飞溅形状在这里地平线应略高于飞溅顶部边缘你不必像我在下图1这样画线只要在脑袋里想像下这条线应该放在哪就可以啦在
些抽象作品里这是没有必要例如:字母在空中飞行它们还可以旋转等等在我们继续创建3D文字的前
你也需要了解字母位置:看看下图2如果字母放在地平线的下那么请记住你是从高处看它们这就是我们将创建文本
图片看不清楚？请点击这里查看原图(大图)
步骤16:在Xara上准备文本
OK
现在打开Xara3D 6正如我以前说过保持字母顶部可见Xara是非常容易使用如果你花费约5分钟你就会知道切在下图我指出了些更重要被用来生成这个文本选项我建议你使用你自己设置但是如果你想达到目标和我类似那么颜色就用这个:光1:# FBDBFF 光2:# EF72D2 光3:# E35DB0在其余
颜色选项保持不变
图片看不清楚？请点击这里查看原图(大图)
步骤17:保存文本
人们有时会忘记有关Xara3D 6以下几点:
在你保存时
要去阴影选项关闭阴影(不希望保留Xara自带影子它看起来会非常糟糕)然后将文件保存到Photoshop
可读格式去文件>导出选择PNG格式并按下图2设置保存该图像
图片看不清楚？请点击这里查看原图(大图)
步骤18:调整文本
OK
我们以PNG格式保存了文本现在在Photoshop中打开文本并将其拖到我们项目中然后点击Command + T键(自由变换)选择弯曲设法使文字弯曲有些弧度这样能提供更好3D感觉下步参考下图3:使用加深工具(O)设置范围是中间色调曝光度为25%在每个字母底部涂抹点(后面这将有助于更好实现阴影效果)在此的后应用图层>调整>可选颜色更改文本些色调(下图4和图5)这取决于个人品味尝试调整大部分红色这个选项会主要影响你粉红色文本
图片看不清楚？请点击这里查看原图(大图)
步骤19:文字修饰
现在看看下图1
我曾指出图像些地方看起来很糟糕这个深色不完全适合我们图像另外红色箭头指示点是Xara破坏这看起来很脏我们将会把所有这些点修饰下因此首先使用钢笔工具(P)在文本上看不来不好点上描绘条路径(红色箭头指示地方)打开这个选区(点击右键>创建选区)然后选择仿制图章工具(S)参考下图3你设置要和我样(也设置为0%硬度)然后修饰这个看起来不好点这样它在新层上就完美了~
图片看不清楚？请点击这里查看原图(大图)
步骤20:文本修饰
加亮现在修饰其余糟糕
点在文本图层的上创建个新图层你可以命名它为“text correction”(文本更正)并改变其混合模式为叠加使用画笔工具(B)更改笔刷设置流量为10%硬度0%并使用个大直径现在选择颜色#ffbdf3下步按住命令键点击文本图层缩略图选择选区然后用软笔刷在看起来暗点上涂抹
最新评论