图层 步骤 样式 原教程是由来自拥有超过15年经验的平面设计师Enrique Elicabe的分享!P大点S的笔碳之师翻译重制!在这个教程中,我们将向大家解释,如何使用 Photoshop 中的图层样式,快速创建一个金属文本效果。这是一个新手教程,大神可以绕路了!所用素材资源Strasua字体来自 dafont 的分享!CustomContoursMK.shc 等高线预设来自 Enrique Elicabe 的分享!Dark_Pattern.pat 自定义图案来自 Enrique Elicabe 的分享!(等高线预设和自定义图案是打包在一起的,两个链接是一样的,下载一个就可以了)点击下载PSD文档+素材包提取码:kih2下面,我们开始!一. 如何创建背景步骤1创建一个新文档(“ 文件”>“新建”)。• 宽度:850像素• 高度:500像素• 分辨率:72 PPI步骤2• 复制背景(转到图层>复制图层>确定)并将新图层重命名为“ 背景图案 ”。步骤3• 现在我们要为背景图层添加纹理。• 双击 “ 背景图案图层 ”以打开图层样式窗口。转到图案叠加,然后单击在图案框中 ,选择新增暗花纹。按确定。步骤4• 为了使背景看起来更好,我们将添加一个内阴影。您必须双击背景图案图层,并在出现图层样式窗口后,设置以下值。二. 如何创建文本并对齐它步骤1• 使用Strasua字体键入单词“Metalkid” 。• 字体大小设置在100px。步骤2• 使用“ 移动工具”,选择文本图层和背景图层,然后单击 顶部菜单上的对齐命令以使文本居中。• 水平对齐:中心• 垂直对齐:中心三. 如何创建文本效果步骤1在文本中添加图层样式 – 你必须在“ 图层”菜单中右键单击图层,然后选择“ 混合选项”。确保使用以下值并按“ 确定”。步骤2让我们从文字效果开始吧!首先,我们将添加一些阴影来将文本与背景分开。转到图层样式>投影并使用下图中显示的值。步骤3现在我们将创建一个渐变叠加层,它将为金属效果提供基础。再次打开“图层样式”并将“ 渐变叠加” 设置修改为以下值。单击渐变条并使用以下设置创建渐变提示:要在渐变中创建新点,必须在渐变条下单击。单击每个色标可以修改 位置和颜色。• 第一个颜色:#0d1117 • 位置:0%• 第二个颜色:#a0a0a0 • 位置:25%• 第三个颜色:#161a20 • 位置:50%• 第四个颜色:#a0a0a0 • 位置:75%• 第五个颜色:#0d1117 • 位置:110%效果如下:步骤4转到图层样式>内发光,并使用下面显示的设置使边缘变亮。步骤5要开始创建3D外观,请转到图层样式>斜角和浮雕,然后使用以下值。现在,我们安装我们所提供的等高线预设。点击光泽等高线的下拉图标,然后选择名为“ CustomContourMK01 ” 的等高线。效果如下:步骤6现在我们将强调高光和阴影,以使金属效果更真实。转到图层样式>光泽,并使用下面显示的设置。单击等高线的下拉图标,然后选择名为“ CustomContourMK02 ” 的轮廓并按OK。步骤7它差不多完成了。在最后一步中,我们将强调边缘和角落,使文本具有最终的3D外观。转到图层样式>描边,并使用下图中显示的值。单击 渐变条 并使用以下设置创建渐变:• 第一个颜色:#1a1b1e • 位置:0%• 第二个颜色:#7f7f7f • 位置:50%• 第三个颜色:#1a1b1e • 位置:100%最终效果如下:
明度 颜色 步骤 在本教程中,我们创建了一个简单的背景。然后我们创建一个文本层,之后,我们用几层的影响,随着新的图层样式功能,创建一个复古的文字效果。最后,我们要完成的效果添加了一个简单的纹理。先看看效果图1、创建背景步骤1创建1000 x 1000像素,并复制背景层,并命名为:学UI【底色】。改变学UI【底色】的填充为0。步骤2双击学UI【底色】层的渐变叠加使用以下设置:风格:径向的规模:150%颜色渐变# ede6cf向左# e1c194向右一点。2、创建文本步骤1使用字体创建文本,文字大小这个根据你画布实际情况和任何你喜欢的颜色,3、添加多个图层样式步骤1双击文本层添加以下图层样式,添加一个描边使用设置:大小:3位置:内部不透明度:48%颜色# fffaf3点击描边后面的加号,就可以新建一个新的描边模式,并使用以下设置它:位置:外部不透明度:100%颜色# ffffff步骤2添加一个内阴影使用设置:颜色# 040000不透明度:35%距离:1大小:2添加一个内阴影使用设置:颜色# ab6b18不透明度:80%距离:8大小:5步骤3添加的另一个实例内阴影这些设置的影响:颜色# d9953d取消使用全局光角:63距离:11
步骤 明度 矩形 1.创建背景今天给大家带来一个有些老的教程,但是练习技法什么的还是不会老哈!步骤1我们可以创立两个文件图层,一个叫背景,一个叫游戏机,然后我们确保位于正确的图层上,然后使用矩形工具 (M) 创建一个800 x 600px的形状,我们将使用#F96969进行着色,然后使用”对齐”面板的”水平和垂直对齐中心”来对齐画板的中心位置。步骤2完成后,锁定当前图层,然后我们到下一个继续图层绘制,这个时候我们就将开始绘制我们的游戏机了。2.创建游戏的正面底部有了背景,我们现在可以专注于我们的小游戏机了,我们将使用Illustrator 的一些基本形状创建该游戏机。我们将首先绘制设备的正面部分,完成后将会绘制侧面的厚度部分。步骤1开始绘制设备的主体,创建一个144 x 232px矩形的圆角为 8px,我们将使用#EDE4E4来着色。步骤2使用直接选择工具 (A),选择形状的右下角,并通过在变换面板的矩形属性将其半径设置为 32 px 来调整其圆度。步骤3创建游戏机的侧面部分,选中我们现在绘制好的形状的副本(ctrl-C + ctrl-B),并将其向左移动 24 px,确保将其颜色更改为较暗一些的颜色(#DDCCCC)。步骤4创建一个游戏机主形状的副本 (Ctrl-C), 并将其粘贴到原位 (Ctrl-F),然后通过进入对象 > 路径 >偏移路径,并将偏移的值设置为-4px。步骤5我们将使用此偏移来创建外部的高光,通过选择它的副本,然后使用路径查找器的减去顶层形状模式来切掉不要的部分。然后,选择生成的形状并将其颜色更改为白色(#FFFFFF),将其混合模式设置为”变亮”,并将其不透明度降低到 40%。步骤6此时,最好使用 Ctrl-G 键盘快捷键把做好的元素打组,从而将游戏机的正面与其侧面部分分开。这样,我们只需双击分组对象就可以进入隔离模式,然后就可以向其添加新的东西。使用矩形工具 (M), 创建一个 144 x 4 px 水平分隔线 (#D8C5C5), 我们将会设置一个距离游戏机的顶部16px的间隙.步骤7在它上方添加另一个更暗的144 x 2 px 矩形(#C1A8A8),当添加完第二条水平分隔线后,选择它和较粗的线,并使用 Ctrl-G 键盘快捷键将它们组合在一起。步骤8接下来,我们将在我们刚才创建的两条水平分隔线上添加两个 6 x16px 的矩形 (#D8C5C5),将每个矩形放置在正面边缘距离中心12 px的地方。步骤9将刚才绘制的矩形放在其顶部,然后将它们 (Ctrl-G) 打组,这样就不会因意外而让他们错位。步骤10使用矩形工具 (M), 再创建两个 2 x 10 px 形状,我们将使用白色(#FFFFFF)着色,然后定位到每个垂直分隔器的左侧,确保将其混合模式调整为”变亮”,并将其不透明度降低到 40%。步骤11接下来,我们将开始绘制关闭/打开开关,创建一个10 x 4px 矩形(#D8C5C5),将其对齐正面的顶部部分,并将其定位到第一个垂直分隔器的右侧。步骤12使用圆角矩形工具,创建具有4px 圆角的28 x8px的形状(#D8C5C5),然后添加一个较小的20 x 4px圆角矩形(#EDE4E4),其顶部圆角半径为2px。步骤13创建两个2 x 4px的矩形 (#EDE4E4),然进行圆角处理,然后放到图片中对应的位置。步骤14使用三个2 x 2px的矩形(#C1A8A8)作为阴影,从而赋予此部分更多立体感。步骤15通过添加一些细节(如垂直线下方的阴影)来完成开关,重复使用我们已有的形状,通过将其颜色设置为#C1A8A8来调整它们。添加阴影后,不要忘记将细微的高光绘制到开关的按钮上半部分,使用白色(#FFFFFF),为混合模式提供”变亮”,为”不透明度”设置为 40%。步骤16在较宽的水平分隔线下方添加一个 136 x 2px(#FFFFFF)矩形,通过将混合模式设置为”变亮”并将其不透明度降低到 40%,我们将其作为高光。到现在,我们几乎完成了游戏机的上半部分,这意味着我们现在可以专注于创建显示器了,这是所有的乐趣发生的地方。步骤17选择圆角矩形工具,创建一个 88 x 120px 的形状,具有 4 px 的圆角半径,我们将使用#7E7E89进行着色,然后将其定位在水平高光下方具有4 px 的距离的位置。步骤18显示屏就位后,我们必须稍微调整一下,将其右下角半径设置为 20 px,而不是用默认的4px。步骤19使用前面创建正面的方法创建显示器的厚度感,然后选择形状并将其颜色更改为黑色#000000,将其不透明度降低到 20%。步骤20在使用类似的过程,添加一个2 px宽的内部高光,使用白色(#FFFFFF),为混合模式为”变亮”,不透明度为 20%。步骤21在矩形工具 (M) 的帮助下,创建一个 80 x 64px 的形状,我们将使用#82874D进行着色,因为它将充当显示器的活动区域,并将其放置在灰色图形上,确保将其与其中心对齐。步骤22通过使用偏移路径工具绘制4 px 厚的内阴影(颜色:黑色)为屏幕提供一些厚度感然后不透明度设置为20%。步骤23添加阴影后,选择笔工具 (P) 并跟随几个对角线绘制高光,使用白色(#FFFFFF)作为填充颜色,将混合模式设置为柔光,并将不透明度降至40%。步骤24此时,屏幕已接近完成。我们现在需要做的是添加一些小点缀在游戏机上面,然而你可以使用#6B6B75来着色。步骤25通过添加两对白色垂直矩形来作为高光,将其混合模式改为:变亮;不透明度:20%,然后选择其所有组合元素,并使用 Ctrl-G 键盘快捷键将它们打组在一起。步骤26使用椭圆工具 (L) 创建一个 44 x 44 px 的圆圈(#DDCCCC),他将距离屏幕底部大约 24 px。步骤27创建一个垂直的14 x 36 px 圆角矩形(#6B6B75),其圆角半径为2px ,我们将添加副本并旋转他,确保将它们居中到基础圆的中心。步骤28通过添加一个 12 x 12px 的圆圈(#5E5E68),为按钮提供一些厚度感。我们将圆放置在中心位置。步骤29通过添加几个白色矩形来作为高光,然后混合模式:变亮,不透明度: 20%,和阴影(颜色:#BAA0A0),然后将它们组合在一起(Ctrl-G)。步骤30由于我们将再添加几个按钮,因此现在最好添加垂直高光,这样我们就不必在创建后将它们调整到后面。因此,使用矩形工具 (M) 创建四对高光,对填充颜色使用白色 (#FFFFFF),将混合模式设置为”变亮”,并将不透明度降低到 40%,并将它们定位到游戏机的右侧。步骤31添加高光后,您可以选择椭圆工具 (L), 并用它来创建两个16 x 16px的按钮(#A86578),我们会将他放置在距离游戏机的右侧36px与距离底部62px的位置。(其中一个按钮)步骤32通过创建一个白色的半圆来作为高光,然后混合模式为:变亮,不透明度为: 20%,并使用形状的副本来作为小阴影,我们将使用#DDCCCC进行着色,然后使用 Ctrl-G 键盘快捷键将所有按钮元素组合在一起。步骤33把我们刚才的按钮复制一份放到下图差不多的位置即可步骤34选择钢笔工具 (P),并使用8px带圆角的描边(#7E7E89),绘制一条将用作选择按钮的斜线。步骤35给按钮绘制一个的高光,使用白色大小为2px的线,记得线要用圆角的哦,底层阴影(颜色:#DDCCCC,大小为8px。将它们打组(ctrl-G),并在大约相距4px的位置处创建副本。步骤36在游戏机的右下角添加小扬声器格栅,绘制六条 4px 粗细的描边线(#AD9C9C),带有圆角的哦。步骤37做好了之后我们可以吧之前做的那个开关放置到底部这里来,如图的位置!这样我们的游戏机就差不多做完了。然后我们需要绘制一个圆角矩形!放置到方向键的上面。如图所示!3. 将添加一些细节到游戏机的侧面此时,我们几乎完成了在游戏机正面的工作,这意味着我们现在可以专注于它的侧部。步骤1选择正面部分的主高光的副本,并将其粘贴到侧面,确保将其与左侧对齐,其不透明度设置为60%,然后打组 (Ctrl-G) 并将它们同时放到到背面(右键单击>排列>发送到底部。步骤2创建游戏机正面部分的副本(Ctrl-C + Ctrl-F),然后对其应用 4px 的偏移,我们将在副本的帮助下来创建新的图形。然后,将生成的形状的颜色更改为#BAA0A0,并将其放到其左侧,使其与游戏机侧面可见区域的中心对齐。步骤3现在我们需要把多余的部分用剪切蒙版去掉!对于剪切蒙版的用法不清楚的小伙伴可以看看我以前的教程哦!步骤4使用矩形工具 (M) 创建一个 10 x 4px 的形状,我们将使用#BAA0A0进行着色。步骤 5接下来,在我们刚刚创建的水平分隔线上方添加一个10 x 2px的矩形作为阴影(#A58888),并在下面绘制10 x 2 px的白色矩形作为高光,混合模式:变亮,不透明度: 60%。步骤6选择矩形工具 (M) 并创建10 个8 x 2 px形状,我们将使用#A58888进行着色,并彼此垂直分布6px,确保将它们到游戏机的底部有48px。步骤7使用我们刚刚创建的矩形组,并将它们下移2px,将其颜色更改为#BAA0A0,这些图像更有厚度感!步骤8通过在我们刚刚创建的线条下面添加第三个副本来完成侧格栅的高光,我们需要通过将宽度从8px 更改为4px 来调整这些矩形。然后,将其颜色更改为白色(#FFFFFF),并将混合模式设置为”变亮”,同时将其不透明度降至 60%。步骤9如果你已经到达了最后一步,这意味着你已经成功地完成了我们的小游戏机。现在我们要创建一个阴影,只需选择椭圆工具 (L) 并绘制一个 148 x 16 px 的椭圆,我们将使用较深的红色(#DD5252)着色,然后放在游戏机下方,距离它 12 px的位置就好了。原文地址:ENVATO TUTS+译文地址:UI中国作者:Andrei Stefan译者:米夏小雨
图层 步骤 样式 1.从创建图层样式开始吧步骤1首先, 我们将会为此文本的效果创建五个图层样式。然后我们将会把这些图层样式保存起来然后在一起的使用。首先, 下载素材文件, 并将其解压缩到任何文件夹中。之后, 打开背景素材。请注意, 我将此图像设置为300dpi, 这非常适合本教程。(喜欢多少分辨率就设置多少)步骤3我使用本教程素材中的 energy patterns的预设(预设要在图案叠加里面才看的见)。要安装它, 你可以直接打开PS的时候往里面拖。如果没有用的话那你百度一下如何安装预设吧!你可以很容易地在网上找到取代它的预设。我建议添加高斯模糊和紫色映射渐变的图像, 如果你想它看起来和我的图像一样。双击 “FLASH” 图层以打开 “图层样式” 面板。然后使用以下设置来添加图案叠加:混合模式: 正常不透明度: 100%模式: 图案叠加 (在 zip 文件中的预设可用)缩放: 25%与图层的链接: 打开之后, 单击 “紧贴原点” 以重置纹理位置。步骤5使用以下设置添加描边:大小: 1像素位置: 外部混合模式: 正常不透明度: 100%叠印: 关闭填充类型: 颜色色值: #9cbfff步骤7使用以下设置添加外发光:混合模式: 正常不透明度: 26%杂色: 0%颜色: #0066ff方法: 柔和扩展: 3%大小:49 像素等高线: 线性消除锯齿: 关闭范围: 100%抖动: 0%步骤9转到 “图层” 面板, 右键单击 “FLASH” 图层, 然后选择 “清除图层” 样式。然后双击它再次打开图层样式面板。然后, 使用以下设置添加 “颜色叠加”:混合模式: 正常颜色: #ffffff不透明度: 100%步骤11使用以下设置添加外发光:混合模式: 正常不透明度: 100%杂色: 0%颜色: #0078ff方法: 柔和扩展: 3%大小: 9 像素等高线: 线性消除锯齿: 关闭范围: 95%抖动: 0%然后, 点击新建样式, 并将其命名为闪电样式 b。步骤3现在选择文本工具 (t), 并将文本大小设置为 69 pt。然后将文本的对齐方式设置为 “居中对齐”。步骤4按ctrl+ a 选择整个图像。然后选择移动工具 (v) 并将文本与文档的中心对齐。之后, 按 ctrl-d 取消选择所有内容。步骤5现在, 将文本图层重命名为 e. text, 然后转到 “窗口” > “样式” 以打开 “样式” 面板。然后, 查找之前创建的闪电样式 a, 然后单击它将样式应用于文本。步骤6按住 “ctrl” 并单击文本图层的缩略图, 在其周围创建一个选区。然后转到 “窗口” > “路径” 以打开 “路径” 面板。之后, 单击 “路径” 面板右上角的小图标, 然后以1.0 px 的容差 “创建工作路径”。步骤7现在我们要使用之前安装的画笔。然后你可以通过改变画笔大小,方向啊啥的来进行使用!(作者说了一大堆我觉得没啥用所以)现在选择画笔工具 (b), 右键单击图像上的任意位置以打开画笔选项。然后选择闪电高清画笔刷1, 并将其大小更改为300像素。步骤8按ctrl- shift-n 创建一个新图层。将其命名为 “闪电画笔图层”, 然后单击 “确定”。之后, 按 d 重置前景和背景色, 然后按 x 切换它们。步骤9再次转到 “路径” 面板, 然后右键单击 “工作路径”。选择 “描边路径”, 然后在 “工具” 选项上选择 “画笔”。然后取消选中 “模拟压力”, 然后单击 “确定”。步骤10将闪电图层移动到文本的下面。然后, 右键单击 “闪电画笔层”, 然后选择 “转换为智能对象”。然后将闪电风格 b 应用到它。步骤11现在选择 e. text 图层并将其转换为智能对象。然后将闪电样式 c 应用到它。步骤12创建一个新图层并将其命名为 e. 文本背景。然后选择硬圆画笔, 并将其大小更改为 4 px。之后, 转到 “路径” 面板, 右键单击 “工作路径”, 像以前一样对其进行描边。(这一步是为了给文本创建轮廓,如何给他一个运动模糊的效果来模拟水平运动)步骤13双击 e. 文本背景图层以打开 “图层样式” 面板。然后使用以下设置添加外发光:混合模式: 正常不透明度: 100%杂色: 0%颜色: #ffffff方法: 柔和扩展: 3%大小:13 像素等高线: 线性消除锯齿: 关闭范围: 100%抖动: 0%然后, 单击 “确定” 关闭 “图层样式” 面板。步骤14现在, 将 e. text 背景转换为智能对象。然后转到 “滤镜” > “运动模糊”, 添加具有0º角度和 281 px 距离的运动模糊。步骤15添加另一个运动模糊的角度为 0º, 距离为 120 px。步骤16现在将闪电样式 b 应用于 e. 文本背景图层。然后再次将其转换为智能对象。之后, 将闪电样式 d 应用于新的智能对象。步骤17现在, 我们将使用 zip 文件中的第二个画笔。与第一个画笔不同的是, 此画笔在应用时不会更改方向, 但它的大小会稍有变化。你可以在网上找到任何光束笔刷来取代它。就像第一个一样, 然后您可以自由地打开 “画笔设置” 面板, 查看我所做的所有调整。现在再次选择 e. text 图层。然后按ctrl-shift-n 并命名新的图层 e. 光束层。然后, 选择画笔工具 (b) 并选择 “闪电刷 2″。步骤18转到 “路径” 面板, 然后再次对 “工作路径”描边。然后将 e. 耀斑层转换为智能对象, 并对其应用闪电样式 e。然后, 再次将 e. 耀斑层转换为智能对象。步骤19选择 e. text 图层, 然后转到 “风格化” > “油画”。然后使用以下设置设置 “油画” 参数描边样式: 0.7清洁度: 0.0缩放: 0.1硬毛刷细节:0.0光照:关步骤20选择 e. 光束图层, 然后转到 “滤镜” > “运动模糊”, 以添加角度为0º、距离为 23 px 的运动模糊。之后, 选择除 “背景” 以外的所有图层, 并将其转换为一个智能对象。步骤21将智能对象重命名为 “源文本效果”。然后转到 “窗口” > “调整”, 然后单击 “渐变映射” 图标。之后, 右键单击 “渐变映射” 图层, 然后选择 “创建剪裁蒙版”。如果图像上的颜色看起来不一样, 请不要担心。步骤22双击 “渐变映射” 图层的缩略图以打开 “属性” 面板。然后单击渐变栏编辑颜色。我们将添加五个颜色到渐变栏。使用以下设置创建渐变:第一个颜色: #0d0105 位置: 0%第二个颜色: #4e0009 位置: 13%第三个颜色: #ff0000 位置: 52%第四个颜色: #ffd738 位置: 78%第五个颜色: #ffffff 位置: 100%步骤23选择 “源文本效果”, 然后按 ctrll-t 进行变换。然后让它小5%。步骤24转到 “滤镜” > “锐化” > 智能锐化, 并使用以下设置:数量: 110%半径: 0.4 像素降低杂色: 0%移去: 镜头模糊步骤25转到 “路径” 面板并删除 “工作路径”。然后返回到 “操作” 面板, 然后单击 “停止录制” 图标以完成操作。原文地址:envatotuts+原文作者:Anderson Luiz译文地址:UI中国译文作者:米夏小雨
步骤 形状 将其 用AI绘制质插画(笔刷制作)在开始绘制前,我们还是老规矩,创建四个图层文件夹来管理我们的图层!1. 如何创建背景一旦我们完成了文档的分层,就可以开始绘制实际的插画了,我们将通过创建背景来执行此操作。因此,请确保您已定位在第一个图层文件夹了,让我们直接进入它把!步骤 1.1使用钢笔工具 (P),在将填充颜色设置为#7AC6F4后,使用参考图像作为主参考,仔细绘制底部背景的主形状。步骤 1.2再选择笔工具 (P),快速绘制较小的背景图形,而位置大小等可以参考下图。步骤 1.3绘制完背景后,我们可以开始处理前景的云,我们将使用一些大小不同的圆创建前景的云。将它们放置在底部形状的两侧,使用#F0FBFF着色前面的云,使用#D4F7FF着色后面的云。步骤 1.4由于我们希望云是藏在背景里面的,所以我们要对云(Ctrl-G) 进行打组,然后使用要粘贴在前面(Ctrl-F)快捷方式把背景复制一份。然后,选择复制的背景和打组的云后,只需右键单击”创建剪切蒙版”即可。完成后,不要忘记使用 Ctrl-G 键盘快捷键来把所有的形状打组。步骤 1.5移动到较小的背景上,然后使用 112 x 112 px 的圆 (#FFCF83) 创建发光光晕,然后再创建两个较小的圆 (#FFCF83),每个比上次小 12 px,从而开始处理太阳。将它们堆叠在一起,确保将其不透明度降低到 16%。完成后,使用 40 x 40 px 的圆圈(#FFCF83)添加实际太阳,确保使用 Ctrl-G 键盘快捷键选择所有四个形状并将其打组在一起。步骤 1.6完成创建太阳后,用上面云一样的处理方式处理太阳即可。步骤 1.7通过创建三个不同形状的椭圆(#FFFFFF)来绘制较小的浮动云。使它们重叠 ,然后首先使用锚点工具 (Shift-C)挤压其侧锚点来调整它们。若想继续调整其形状,使用直接选择工具 (A) 单独选择其较低的锚点就行,然后把不要的部分删除,但是记得要封闭路劲哦,锚点不好使,请用路径查找器来绘制把!最后请记得打组哦!步骤 1.8位置的话可以参考下图,然后我们就做好了本次插画的背景了。2. 如何创建热气球现在,我们已经完成了背景工作,我们可以锁定它的图层,然后移动到下一个图层文件夹,我们将花一些时间来创建我们的热气球。步骤 2.1首先,使用 48 x 12px 的矩形为吊舱创建主形状,我们将使用#664240进行着色,然后在较大的背景上放置它,距离其左边缘 288 px,距顶部 208 px。步骤 2.2通过打开”变换”面板,调整我们刚刚创建的形状,然后将其底部的角的半径从矩形属性内设置为8px。步骤 2.3使用8个 2 x 2 px的矩形(#F7C263) 水平间隔 2 px 来作为窗户,我们将对窗户进行打组(Ctrl-G),然后放置的位置可以参考图像中所示。步骤 2.4通过创建 400 x 112 px 椭圆我们开始处理气球部分,我们将使用#F99178进行着色,然后放置在吊厢顶部,使其最终重叠。步骤 2.5使用移动工具(右键单击 – 变换- 移动 -水平- -32 px),调整我们刚刚创建的形状,将其中心锚点向左推 32 px(右键单击 – 变换-移动 – 水平- -32 px),然后将右锚点的控点缩短 15 px,以便将其尾巴变薄变尖。步骤 2.6通过复制结果形状(Ctrl-C + Ctrl-F),添加气球底部较暗的部分,我们将通过选择并删除其顶部锚点来调整该部分。使用#C15142为新形状着色。步骤 2.7使用较大气球作为第二个副本(Ctrl-C)来作为高光部分,我们将将其粘贴在前面(Ctrl-F)。将其颜色更改为#EA7B65,然后单独选择并将其顶部和底部锚点推到内部,大约16 px左右(右键单击 变换里面可以用数值控制,具体取决于您从哪个锚点开始,反方向就用负数)。步骤 2.8使用得到结果形状复制(Ctrl-C + Ctrl-F)出来创建较暗的下半部分,我们将通过首先将其颜色更改为#D86552,然后移除其顶部锚点,然后使用 Ctrl-J 键盘快捷键关闭路径来进行调整。完成后,请确保在继续执行下一步之前,选择它并打组(Ctrl-G)气球的所有合成形状。步骤 2.9使用 8 x 112 px 的矩形来添加气球的嘴巴,我们将使用#664240进行着色,然后居中对齐到气球的左边缘,随后使用较大的基础形状的副本(Ctrl-C + Ctrl-F)将其屏蔽(右键单击 + 制作剪切蒙版)。步骤 2.10使用 12 x 4px 矩形 (#664240) 创建鼻锥,我们将通过使用方向键单独选择它然后将左锚点推到内侧大约1px 来进行调整,然后让它与较大的气球重叠 2Px。步骤 2.11使用 40 x 32 px 矩形 (#D86552) 添加机翼的主形状,我们将通过调整左上角的半径为32px来改变形状。具体数值看图把!步骤 2.12使用 8 x 32 px 矩形 (#664240)来作为较暗的部分,我们将使用基础形状的副本进行剪切蒙版,然后使用8 x 8px的圆圈(#664240)装饰它,我们将其放置再如图所示的位置。完成后,请确保在继续执行下一步之前,选择并打组(Ctrl-G) 所有形状。步骤 2.13使用我们刚刚完成的图形然后创建副本(Ctrl-C + Ctrl-F)添加到底部,我们将水平翻转它,然后放置于气球的底部。完成后,请确保将它们发送到所有其他形状下方。步骤 2.14使用40 x 8px 椭圆 (#664240)创建面对我们的机翼,我们将通过选择并将其锚点向左推 4 px 来进行调整,将得到形状从气球的末端前挪动16px。步骤 2.15使用四组每组3个 4 x 2 px 的椭圆(#664240)添加细节,请参考下图来放置这些圆把!步骤 2.16使用12 x 8px 椭圆 (#664240)添加侧引擎盖,我们将通过选择内部锚点向左推 2 px 来调整。按参考图像所示放置生成的形状。完成后,你就把这些东西打组。步骤 2.17一旦我们完成了对热气球的绘制工作,我们可以使用三个1 px 圆角矩形 (#FFFFFF) 来表现热气球速度感或者是尾气把,我们将在飞船周围以 8 px 的距离放置这些矩形。步骤 2.18通过添加几个浮动的云(#FFFFFF)来完成最终的插画,遵循用于创建背景云相同方法。完成后,不要忘记使用 Ctrl-G 键盘快捷键选择和打组所有形状。3. 如何创建渐变叠加在我们锁定当前图层并移动到下一个图层之前(这将是第三个图层),我们需要将背景的两个组和热气球的主体创建新的副本 (Ctrl-C) 并且添加到剪贴板中,因为我们将使用它们来创建叠加。步骤 3.1首先,我们希望使用 Ctrl-F 键盘快捷方式将刚刚添加到剪贴板的副本粘贴到当前图层上。步骤 3.2接下来,我们需要通过将形状转换为复合形状来使形状是单个较大的形状。首先选择它们,然后打开路径查找器面板,然后在高级菜单里面找到并点击”制作复合形状”。步骤 3.3创建复合形状后,我们可以打开渐变面板,并使用左#662D91右#FBB03B来创建线性渐变。步骤 3.4我们现在打开不透明度面板,并将渐变的混合模式设置为”颜色加深”,确保将其不透明度降低到仅为30%。4. 如何添加纹理添加渐变叠加后,我们可以锁定当前图层,然后向上移动到最后一个图层(这将是第四个图层),我们将通过添加漂亮的杂质来完成我们的小插画。步骤 4.1我们首先需要复制 (Ctrl-C),然后粘贴 (Ctrl-V) 自定义纹理到当前图层,确保调整其大小,使其最终覆盖整个画板。步骤 4.2一旦我们的纹理到位,我们要做的就是剪切它(右键点击 + 使剪切蒙版)怎么操作前面也讲了很多此,不再重复了,然后确保将其不透明度降低到 60% 。原文地址:youku作者:Andrew Stefan译文地址:UI中国译者:米夏小雨
步骤 工具 形状 欢迎来到如何在 Adobe Illustrator 中绘制等距人物插画教程!在本教程中, 您将学习如何在不使用等距网格的情况下绘制等距矢量插画的分步过程。什么是等距艺术?这一技术非常受欢迎,因为它允许插图在全尺寸范围内传达所有三个维度,而不是将它们缩短。 等距透视是指将30度角应用于对象的侧面。使用等轴测立方体(如下图所示)可以最好地说明这一点。您可以在Illustrator中使用等距网格创建等距图形(如下图所示)。这将帮助您根据网格创建等距形状。这是今天要绘制的人物插画(如下图所示)。1. 创建人物的头部步骤1选择椭圆工具 (L) 并创建一个圆。按住键盘上的 Shift 键, 同时用鼠标单击和拖动, 以创建一个完美的正圆。对于肤色, 我们将使用下面的设置, 但您可以自由地为您的项目选择自己喜欢的颜色。R:194G:119B:112步骤2选择直接选择工具 (A) 并选择圆。这样你就能看见形状的定位点, 并且您能够使用该工具对其进行调整。步骤3使用直接选择工具 (A) 选择底部锚点, 并将其移动到一侧, 以创建角色的下巴。步骤4使用椭圆工具创建另一个完美的圆, 这次为你的角色的头发选择一种颜色。R: 45 G: 42 B: 69步骤5要创建耳朵, 请使用圆角矩形工具。使用与头部相同的肤色绘制一个小胶囊形状, 并将其移动到位。步骤6使用圆角矩形工具创建一个更大的胶囊。使用与头发相同的颜色, 并以一定角度稍微旋转头发。步骤7使用选择工具 (V) 将形状放在头部前面。步骤8复制胶囊形状, 方法是复制它 (Ctrl-C) 并粘贴它 (Ctrl-V)。将新胶囊放在头部上方, 让人物的额头有一些额外的头发体积面。步骤9右键单击耳朵的矢量形状, 然后选择 “排列” > “置于顶层”。步骤10这样就能让耳朵露出来啦步骤11创建两个很小的胶囊, 并使用选择工具 (V) 旋转它们, 并将它们移动到位步骤12创建一个胶囊来作为颈部, 并将其移动到头部下方。对皮肤使用稍微深一点的颜色。R: 165 G: 89 B: 89步骤13为背景创建新图层。步骤14在新图层上, 使用矩形工具创建新背景并选择合适的颜色:R: 186 G: 227B: 2542.创建人物的身体步骤1使用矩形工具, 并大致绘制出一个很长的白色矩形。使用直接选择工具 (A) 将顶部的两个锚点相互移动, 以创建一个梯形。确保所有四个实时圆角小部件都可见 (如果没有, 你可以换AIcc以上版本或者在效果里面使用圆角效果)。选择小部件并将所有四个角拖动到中心以使四个角是圆的。步骤2确保已选择身体(长白圆角矩形),转到 “效果” > 3D > “旋转”。步骤3在弹出框中, 请确保选择以下内容:位置: 等角-右方表面: 无底纹步骤4这将使身体出现等距形状。请注意, 您仍然是可以编辑形状, 因为它是2D的, 这将会实时调整。(所以你的电脑配置得高点,不然东西做多了会卡)步骤5确保已选择主体。转到效果 > 3D > 凸出与斜角。步骤6在弹出框中, 请确保选择以下内容:位置: 离轴-前方凹凸厚度:50斜面: 圆角高度: 4表面: 无底纹步骤7这将创建一个等距3D对象, 我们可以将其用于人物的主体。步骤8使用选择工具 (V) 将头部移动到身体顶部的位置。3.创建人物的腿步骤1使用圆角矩形工具创建人物的臀部。选择要用于腿部的新颜色:R: 100 G: 118B: 202步骤2确保已选择臀部。转到 “效果” > 3D > “旋转”。在弹出框中, 请确保选择以下内容:位置: 等角-右方表面: 无底纹步骤3确保髋关节仍处于选中状态。转到效果 > 3D > 拉伸和斜面。在弹出框中, 请确保选择以下内容:位置: 离轴-前方凹凸厚度:50斜面: 圆角高度: 4表面: 无底纹步骤4将形状放置在身体下方和后面。您可以通过右键单击形状并选择 “排列-置于底层” 来执行此操作。步骤5选择钢笔工具 (P) 并把粗细设置为21pt。步骤6使用钢笔工具 (P) 通过按住键盘上的 Shift 键绘制一条直线。复制或绘制两条腿, 并将它们放在臀部下方。4.创建人物的手臂步骤1使用圆角矩形工具创建一个白色胶囊来作为衬衫的袖子。使用选择工具 (V) 以轻微角度旋转。步骤2将胶囊放在角色的肩膀上。步骤3复制形状并将其放到左边的肩膀位置。接下来, 您需要翻转形状 (右键单击 > 变换 > 对称 > 垂直), 然后将其缩短并放置在肩膀上。步骤4选择钢笔工具 (P) 并调整描边设置, 使颜色与角色的肤色相匹配:粗细:11 pt端点: 圆角步骤5使用钢笔工具 (P) 绘制一个稍微弯曲的手臂, 并将其放置在白色胶囊下方。步骤6复制手臂复制 (Ctrl-C) 并粘贴它 (Ctrl-V)。步骤7右键单击手臂并选择 “变换” >”对称”> “垂直”。步骤8使用选择工具 (V) 将手臂放到背部, 并将其放置在第二个白色胶囊下方。步骤9使用选择工具 (V) 移动形状, 并对等距的人物各部分进行最终的微调整。(细心的朋友应该早发现脖子的地方有个椭圆的小细节了把,如果你看教程到这里还没有发现我就只能emmmm)5.创建人物的裙子步骤1现在我们已经创建了第一个人物, 现在可以进行一些轻微的调整来创建第二个人物。使用选择工具 (V) 选择整个人物并对其进行复制。在第二个人物上, 使用直接选择工具 (A) 删除头发。步骤2选择两条腿并更改笔画属性, 以使颜色与人物的肤色相匹配。稍微减轻腿部的粗细:粗细:15 pt圆角: 圆角步骤3要创建裙子, 请选择构成人物臀部的等距形状。然后使用选择工具 (V) 并向下拉形状以达到调整长度的作用。步骤4使用直接选择工具 (A) 调整实时圆角的小部件, 使边角再次变得锐利。这将使你更容易调整裙子的形状, 通过互相的移动底部锚点。一旦你对裙子的一般形状感到满意, 你可以再次使用直接选择工具 (A) 来使用实时圆角小工具来再次进行圆角。6. 创建女人的头发步骤1要创建第二个人物的头发, 请使用椭圆工具 (L) 并创建一个完美的圆。使用选择工具 (V) 将其放置在正确的位置, 并将其放到头部的后面 (右键单击 > “排列” 置于底层 “)。接下来, 创建一个较小的圆, 并将其放置在耳朵后面。步骤2创建另一个圆, 并将其放置在角色的前额前面。使用直接选择工具 (V) 来降低圆的高度。7. 创建女人的胸部步骤1使用椭圆工具 (L) 创建一个小的白色圆形形状, 并将其放置在人物的胸部区域的顶部。步骤2复制形状, 并将其放置在胸部的另一侧。步骤3将这两个形状组合在一起 (Ctrl-G), 并复制他得到一个新的组。如何按住ctrl-shift-v,这将在上一个组的顶部粘贴复制的新组。我们将把这个新的小组称为 “影子小组”。然后选择一个稍暗的颜色填充他。步骤4将阴影组移动到两个白色圆形形状的后面, 并使用键盘上的箭头键以增量方式向下移动, 以便出现一个小的、有厚度的阴影。步骤5通过用形状覆盖来删除任何多余的阴影区域(这可以用钢笔工具完成)。选择阴影形状和新形状 (以红色显示), 然后使用 “减去顶层” 模式删除多余的阴影。步骤6将阴影放置在白色椭圆下方。恭喜你,完成了今天的教程!原文地址:tutsplus译文地址:UI中国作者:Jonathan Lam译者:米夏小雨
图层 步骤 画笔 首先, 我们需要先构想一下有哪些场景, 其次是加入一些主体元素。最后, 我们将添加月球, 绘制气泡, 制造水的飞溅效果。为了实现最后的效果,我们将会使用很多的调整图层来调整!1.建立基础场景步骤1.1新建一个2000×1289像素的画布,其他数值使用默认值。背景颜色是 #1a2635。步骤1.2打开天空素材。使用矩形选框工具 (M) 只选中天空部分, 并用移动工具 (V) 拖入主画布,放在上半部分。步骤1.3转到图层 > 新建调整图层 > 色彩平衡,并更改中间调的值, 使天空变为蓝色。步骤1.4新建曲线调整图层,使天空变暗。步骤1.5在 “天空” 图层上, 单击图层面板底部的第二个图标, 添加图层蒙版。使用画笔工具 (B),选择柔边画笔,颜色为黑色。画笔的不透明度降低到 10-15%, 来减少天空上半部分的云层纹理。步骤1.6新建颜色填充图层,填充颜色 #20374c 。在这个图层的蒙版上, 使用矩形选框工具选中画布的上半部分,把前景色变成白色, 然后按 delete 键。步骤1.7为了把水面变暗, 我们在颜色填充图层上方新建一个曲线调整图层。为了在水面靠上的部分增加一些光泽,我们在曲线图层的蒙版上,用不透明度约20-25%的黑色的柔边画笔,来降低黑色对蒙版的作用。2.制作水的表层步骤2.1打开海洋图片素材, 选择一部分放在主画布的中央、水表皮面的上方。用自由变换工具 (Control- T) 来稍微做一些改变。给图层添加蒙版,使用柔边黑色画笔清除背景的硬边, 用中硬度的黑色画笔在曲面的下方涂抹。步骤2.2新建一个色相/饱和度调整图层,在全图模式下进行调整。步骤2.3新建曲线调整图层,把水面变暗。在曲线图层的蒙版上, 用不透明度约 10-15%的柔边黑色画笔来减少曲线图层对海面两侧的作用。步骤2.4相同的,新建另一个曲线调整层,在背景层上涂抹出一些亮度。步骤2.5在所有图层的上方新建一个图层, 画笔笔尖调小,颜色为#d5deee ,在水面下方绘制轮廓。3.对鱼进行修整步骤3.1把鱼抠出来,添加到画布中。ctrl-T ,把它的头朝上,尾巴朝下。给图层添加蒙版, 中硬度的柔边画笔,颜色为黑色,在鱼需要被海水覆盖的位置涂抹。 步骤3.2新建一个色相/饱和度图层来给鱼去色步骤3.3添加颜色填充图层,填充颜色 #0861a4。用这个层覆盖鱼露出水面的靠上部分,使鱼的下半部分与水的那一层更好地融合。步骤3.4新建一个照片滤镜图层, 并选择颜色 #167fb6。在这层的蒙版上,用黑色画笔减少滤镜对鱼头的上方和下方的作用。步骤3.5新建曲线图层,把鱼调暗。此图层可以减少对鱼头、鱼嘴和鱼鳍的暗化效果。步骤3.6同样的,新建另一条曲线调整层,调暗鱼的下半身。用黑色画笔在图层蒙版上涂抹圈出来的位置。步骤3.7新建图层, 将模式更改为100%叠加, 然后用50% 灰色填充。点击减淡和加深工具 (O), 选择中间调,曝光度约15-30%。在鱼的头, 鳍, 和它的身体的细节上画出高光/阴影。你可以在下图看到,我在正常模式和叠加模式下是怎样做到这一点的,效果是怎样的。 步骤3.8新建一个图层, 用柔边画笔,选择颜色 #d5deee 来加强鱼头上的高光。将图层模式更改为100%叠加。4.添加月亮步骤4.1把月亮抠出来, 放在鱼嘴上面。Control-T,把月亮调整至比鱼嘴小。给这个图层上添加蒙版, 用硬边黑色画笔在鱼嘴应该遮住月亮的部分涂抹。步骤4.2新建色彩平衡调整图层, 把月亮的颜色变成蓝色。步骤4.3新建曲线调整层,调高月亮的亮度,降低对比度。用不透明度约 30%的黑色柔边画笔来减少月亮右侧的亮度。步骤4.4在所有图层的最上层新建一个图层, 用颜色为 #acafb1 的柔边画笔为月亮绘制一些光,图层混合模式改为100%柔光。5.添加气泡步骤5.1在最上层新建一个图层, 然后画笔选择气泡画笔,将前景色改为 #d7e7e7, 然后选择一个你喜欢的气泡画笔 (我选择了编号为93的那一个)。按 F5可以更改此画笔的设置。 使用此画笔在鱼下半身、海水表面下方绘制气泡。绘制时记得变化大小。 步骤5.2给当前图层添加蒙版, 并用黑色柔边画笔来减少气泡的能见度, 使气泡更好地与深色的海水融合。步骤5.3新建图层, 绘制更大的气泡, 用相同的方法降低能见度。步骤5.4点击滤镜 >> 模糊 >> 高斯模糊, 并设置半径为4像素,增加水的景深效果。6.水的飞溅效果步骤6.1移动飞溅素材1,找到你想要的角度。通过下面的截图, 你可以知道我选择的角度。把图层“飞溅的水”放在水面图层下方。为了使飞溅的水更加清晰,我们复制这个图层,并且把复制的图层移动到更高的位置,如下图所示:步骤6.2给飞溅的水的效果的每个图层都添加蒙版, 去除我们不需要的细节, 让飞溅的效果显得非常精细, 如下图所示:步骤6.3选中所有飞溅层,ctrl-G,把它们新建为一个组,混合模式更改为100%正常, 并新建色彩平衡调整层把飞溅的颜色变得更蓝。步骤6.4打开飞溅2, 用套索工具 (L) 选中飞溅,把它添加到鱼的位置。复制此图层并水平翻转 (编辑 > 变换 > 水平翻转)。将这些图层的混合模式改为70%滤色。用图层蒙版擦除大部分硬边。一会儿,我们会使用几个调整层来删除其余的部分。步骤6.5把这些所有图层新建一个组,混合模式为100%滤色。新建色相/饱和度图层来去色。步骤6.6用两个色阶图层去除不需要的飞溅效果的边。步骤6.7新建一个色彩平衡层, 为制作的效果加一点蓝色来与其余的场景融合。步骤6.8打开素材飞溅3,用套索工具选中要添加到鱼上的部分。把图层混合模式更改为100%滤色 , 并用蒙版擦除周围的硬边。步骤6.9分别选中飞溅3的不同部分,添加到鱼的周围。把这些图层的混合模式改为100%滤色 ,并用蒙版去掉不需要的边缘。步骤6.10用色阶去除所有剩余的边缘。步骤6.11新建色彩平衡层,把飞溅效果的颜色改为蓝色。7.进行最后调整步骤7.1返回海洋表面图层,新建一个图层,混合模式为100%叠加 ,填充50% 的灰色。因为在月亮照亮了下方的海洋表面,所以我们使用加深和减淡工具, 在月亮下的水面绘制更多的高光/阴影。步骤7.2新建曲线图层, 把边缘,尤其是水的底部变暗。打开蒙版,用黑色画笔涂抹在图片靠上面的部分, 这样上方就不会被曲线调暗了。步骤7.3新建两个照片滤镜, 选择 #00d9ec 和 #5f86f5 两个颜色。步骤7.4新建曲线调整层, 在月亮和鱼的位置添加更多高光。在蒙版里,其余的位置用柔边黑色画笔擦除,以保持黑暗对比。恭喜你,完成了!提示:素材会有碍使用但是你可根据样本素材找到替换的素材译文地址:UI中国译者:米夏小雨
图层 步骤 明度 1. 如何创建渐变背景和文本图层步骤1创建一个新的1000 x 800px文档, 然后单击 "图层" 面板底部的 "创建新填充或调整图层" 图标以添加渐变图层。使用 "颜色" #e8d2d6 在左侧创建渐变填充, 将 #ddbcc0 向右, 然后将 "角度" 更改为107。步骤2锁定大写,使用Sniglet字体创建文本, 并将 "大小" 设置为250pt。您可以一次创建整个单词,如果您想要更多变换的结果, 可以在单独的图层上创建字母。然后进行变换处理。如果要单独创建字母, 请确保将每个字母的图层放在具有字母名称的组中。(就是的打个组,不要搞的乱七八糟)2. 如何创建和保存画笔预设步骤1选择 "画笔" 工具, 然后打开 "画笔" 面板。选择一个硬的圆形提示, 并使用这些设置:画笔笔尖形状:形状动态(控制:钢笔压力)步骤2单击面板右下角的 "创建新画笔" 图标, 将 "名称" 更改为 "Cookie 描边", 然后单击 "确定"。3. 如何创建和描边工作路径步骤1右键单击文本图层, 然后选择 "创建工作路径"。步骤2在文本图层的顶部创建一个新图层, 将其命名为 "描边", 确保画笔工具仍处于活动状态, 然后点击回车键就可以应用描边路径了。(一点是要选你改成制作的那个画笔)选择直接选择工具 (A), 然后再次点击回车键以退出工作路径。步骤3将文本和描边图层放在一个组中, 并将其命名为 "文本" 和 "描边"。4. 如何设置图层组的样式步骤1双击 "文本和描边" 组以添加斜面和浮雕添效果并应用以下设置:大小: 7勾选 "消除锯齿"高光模式:颜色: #b08965阴影模式:颜色: #d3a35e不透明度: 35%(没有写的都是默认值,如果做出来效果不对请查看是否是在默认值情况下设置)步骤2添加具有以下设置的等高线:等高线: 半圆选中 "消除锯齿" 。步骤3使用以下设置添加投影:颜色: #762b3d不透明度: 38%距离: 3大小: 5步骤4使用以下设置添加另一个投影效果:颜色: #7d3848不透明度: 50%距离:15大小:25这就是主cookie的形状样式了。5. 如何添加纹理图像步骤1打开饼干图像, 然后选择椭圆选框工具以选择图像中的一个饼干面。您也可以随意的选择!开心就好!转到 "编辑" > "复制" 以复制所选部分。(你也可以ctrl+j快速复制一份出来然后在复制过去!)步骤2返回到原始文档, 然后转到 "编辑" > "粘贴" 以粘贴复制的饼干纹理。将粘贴的图层放在 "文本和描边" 组顶部的字母组中。然后, 右键单击饼干纹理图层, 然后选择 "创建剪贴蒙版"。按命令 t 进入自由变换模式, 并调整纹理的大小和旋转纹理, 直到您喜欢的外观出现为止,然后回车确认。6. 如何设置选区大小步骤1单击文本图层的缩略图以创建选区。转到 "选择" > 修改 > 收缩, 并然后把值更改为5。这样选区就会变小了!步骤3在字母组的顶部创建一个新图层, 并将其命名为 "Glaze 01"。用白色填充所选内容, 然后按命令D取消选择。步骤4复制Glaze 01图层并命名位Glaze 02, 并将Glaze 02的 "填充" 值更改为0。步骤5将两个Glaze层放在一个组中, 并将其命名为Glaze(釉料的意思哈不想翻译)。7. 如何创建平滑的釉料样式步骤1双击 "Glaze01" 图层以应用斜面和浮雕大小: 9软化: 9勾选"消除锯齿" 框高光模式: 柔光颜色: #b08965阴影模式:颜色: #b69c5e不透明度: 35%步骤2添加具有以下设置的等高线:等高线: 半圆选中 "消除锯齿" 。步骤3添加具有以下设置的纹理:图案: 云(找图案时候用大图预览找)深度: 25%步骤4添加具有以下设置的内部阴影:颜色: #d3d1c8不透明度: 35%距离: 3大小: 7步骤5添加具有以下设置的"颜色叠加":颜色: #f1efde步骤6添加具有以下设置的投影:混合模式: 线性加深颜色: #2c1c0b不透明度: 15%距离: 3大小: 3这将创建一个风格柔软的釉料。8. 如何创建釉面的纹理样式步骤1双击 "Glaze 02" 图层以应用斜面和浮雕图层样式:大小: 7软化: 7取消勾选 "使用全局光源"角度:85高度:26勾选 "消除锯齿"高光模式: 亮光颜色: #ffffff阴影模式: 线性加深颜色: #b1997c不透明度: 28%步骤2添加具有以下设置的等高线:等高线: 半圆选中 "消除锯齿" 。步骤3添加具有以下设置的纹理:图案: 光泽(没有就在菜单里面追加添加就会找到了)深度: 26%这将创建一个更有纹理细节的釉料。9. 如何创建更多字母重复相同的步骤, 以创建所需的任何其他字母。使用 "自由变换模式" 旋转或随意放置字母。您不需要为每个图层重新应用所有图层样式。你只需复制拷贝图层样式就好了,最后记得整理到一个组里!10. 如何创建随机点缀笔刷选择 "画笔" 工具, 然后打开 "画笔" 面板。选择一个硬的圆形画笔, 并使用以下设置:画笔笔尖形状形状动态散布11. 如何创建随机的点缀样式步骤1在 "文本" 组的顶部创建一个新图层, 并将其放置在名为 "点缀" 的组中。双击新图层以应用以下图层样式:步骤2使用以下设置添加斜面和浮雕:大小: 6取消选中 "使用全局光源"角度:98高度:53勾选 "消除锯齿"高光模式:亮光不透明度: 5%阴影模式: 颜色加深步骤3添加具有以下设置的等高线:等高线: 画圆步骤选中 "消除锯齿" 。范围: 60%步骤4使用以下设置添加 "颜色叠加":颜色: #f88dc7在这里, 您可以选择您喜欢的任何颜色。步骤5使用以下设置添加投影:颜色: #2a2826不透明度: 20%距离: 2大小: 312. 如何添加点缀步骤1将已设置样式的图层重命名为您为颜色覆盖效果选择的颜色,并复制其图层样式。单击鼠标轻轻拖动以添加点缀。可以根据需要更改画笔笔尖的间距和散射值,以创建您喜欢的效果。步骤2创建新图层, 使用所需的颜色命名每个图层, 并将图层样式粘贴到其中。要更改点缀的颜色, 只需双击点缀层, 并为 "颜色叠加" 效果选择新的 "颜色" 值即可。步骤3您可以添加任意数量的点缀图层和颜色。13. 如何进行全局调整步骤1一旦你完成添加点缀, 把文本和点缀组放到另一个新的组中, 并命名为 Cookie。步骤2添加 "色阶调整图层" 并将其剪贴到 "Cookie" 组中。然后, 将 "高光显示" 值更改为 6, 将 "伽玛" 更改为 0.90, 将 "阴影" 更改为248。步骤3添加 "自然饱和度调整图层" 并将其剪贴到 "Cookie" 组中, 并将 "自然饱和度" 值更改为20。步骤4添加 "亮度/对比度" 调整图层, 并将其剪贴到 "Cookie" 组中, 并将 "对比度" 值更改为15。步骤5将水泥纹理图像放在渐变填充图层的顶部, 调整其大小以适合文档, 并将其图层重命名为 "纹理叠加"。将纹理叠加图层的混合模式更改为线性加深, 并将其不透明度更改为50%。祝贺!你成功的完成了好看饼干字体!
形状 步骤 效果 先看一下整体效果分析一下:能看出3D效果主要是因为有立体面的展示。上图我们能看到3个面,和一层阴影,分解一下就如下图所示,我们姑且把黄色层叫做"上面",青色层叫做"侧面",红色层叫做"正面"。1、创建文本文档步骤1首先打开AI创建一个800*600px的画布,设置分辨率为72!步骤2选择文字工具(T)然后输入"PIXAR"。我这边用的字体是Silkscreen Expanded(因为字体做完3D效果扩展后立面是规则形状),设置文字大小160px,色值#f7931e。2、添加3D效果步骤1选中文字,开始添加3D效果。效果>3D>突出和斜角,输入下面显示的参考数值,然后点击确定,效果应该看起来如下图所示。步骤2保证文本仍然被选中,对象>扩展外观。然后多次操作:右键>取消编组,已取消所有的编组。这样字体就会以一系列简单形状表现。3、着色和整理文本步骤1选择选择工具(V)并选择组成3D文本"上面"的所有形状(这里有快速选择的方式:先选中其中一个形状,然后选择>相同>外观),CTRL+G编个组,然后调整形状的填充色(#ffc800)和描边色(#2e3a3a),将描边粗细设置为2px,描边属性中的边角设置成圆角连接。步骤2选择组成3D文本"侧面"的所有形状,同样的操作方式,调整形状的填充色(#00d0ab)和描边色(#2e3a3a),描边粗细和属性也保证和上次一样。步骤3选择组成3D文本"正面"的所有形状,同样调整填充色为#fb827a,最终得到图形如下图所示。4、添加背景和简单的阴影步骤1使用矩形工具(M),创建一个800*600px的形状。设置色值为#00d0be,覆盖画布置于最底层。步骤2之前已经将"上面"一层形状进行过编组,现在CTRL+C,CTRL+F复制一层出来,改变形状的填充色为#2e3a3a。然后转到效果>扭曲和交换>变换,设置参数如下,点击确定后就能得到一个阴影层。步骤3将阴影层调整至底部,改变图层混合模式为柔光。完成!!!
步骤 图案 图层 本篇教程是要制作一个沙发的字母靠枕,整体来说是有一定难度的,加上又是翻译教程,制作起来还是有一定的挑战性,不过教程中说的很清晰,相信同学可以通过教程制作的很好,教程只是参考,具体做成什么,还是要看同学们对教程的理解,在素材上同学们可以自由搭配一下,不是局限某一种,具体通过教程来学习一下吧。操作步骤:1.修改和保存图案图像步骤1转到文件>打开免费EPS文件,矢量集花卉无缝模式01文件。这将显示栅格化EPS格式的窗口,我们将将模式更改为RGB颜色,并取消选中消除齿框,取消勾选反锯齿框将给我们带来清晰的结果,这样我们可以轻松地选择图案,而不必处理模糊的边缘。步骤2文件打开后, 稍微放大左上角, 您可以看到第一个图案的边缘具有一些透明的部分, 如果按这样使用, 将产生不连续性的问题。因此, 接下来的几个步骤将只是解决此图案的问题。对于其他图案, 您只需选择它们并将其保存为图像就好。步骤3选择矩形选框工具, 并围绕第一个图案的图像创建一个选区。选择不必精确, 因为我们将在下一步中修复它。步骤4右键单击所选内容, 然后选择 "自由变换"。然后将所选内容拖到其顶部, 以便您可以准确的选择图案。完成后, 点击回车键确认更改。步骤5创建一个新图层或者是图形, 然后复制一份图案。选择 "移动工具", 按下 shift 键, 然后将复制的图像向下拖动到文档的中心。步骤6在复制一个图案图层, 并将复制的图层向上拖动到文档的中心, 以便其底部边缘与下面的能完美结合。步骤7使用矩形选框工具在空白区域上创建一个选区, 并使用油漆桶工具将其填充为周围的粉红色。步骤8选择这两个图层, 然后合并它们。转到文件 > 保存, 并将模式另存为图像 (jpg) 文件。最好给每个图案一个数字(名字)), 以便以后更容易使用它们。步骤9对于其余的图案, 方法是一样的!2. 创建文本形状图层步骤1创建一个新的1000 x 626px文档与白色背景。然后, 使用HWT Artz 字体锁定大写以创建文本。将 "大小" 设置为350pt, 将 "间距" 设置为50。步骤2将文本图层重命名为 "文本", 右键单击它, 然后选择 "转换为形状"。3. 创建描边形状图层步骤1复制文本图层, 并将复制的重命名为 "后管道"。步骤2选择直接选择工具 (A)。在 "选项" 栏中, 将 "填充" 更改为 "无", 将 "描边颜色" 更改为 #e9e7e2, 将其 "大小" 更改为5。单击 "设置形状笔画类型" 图标, 将 "对齐" 更改为 "外部"。步骤3将后管道层复制两次。将第一个副本重命名为 "边缘", 将第二个副本重命名为 "前管道"。然后, 将边缘的描边大小更改为2.5。4. 创建一个简单的曲线形状步骤1选择矩形工具, 单击文档中的任意位置, 然后键入"宽度" 为 5, "高度" 为600。
图层 步骤 样式 在开始制作之前呢,首先确定好自己要做的内容有哪些,大致的一个风格。然后去寻找参考,看看其他作者如何在作品中将自己的想法展现出来。这里我选择相机、天气、日历、相册、设置、信息、视频和地图。内容和风格确定了,参考也找的的差不多了,对于自己要做的东西有一个比较清晰的思路之后,先在草图上将自己大致的想法画出来,然后才用软件将想法构建完善。这里做的几个图标都是比较简单的,基本上可以用图层样式来实现所有的效果。因为是拟物风格,所以在图标制作的过程当中,要注意体积和光影的表达。通过颜色的选择、相似的装饰元素使整体风格看起来更加统一和谐。先看看效果图教程步骤草图一、相机图标步骤 01 建立文档并制作背景新建文档,大小2000x800px,分辨率72;新建图层,命名背景,填充前景色#d6d6dd步骤 02 制作底座新建300x300px的圆角矩形,圆角半径60px,命名底座,添加图层样式制造体积感步骤 03 制作镜头外圆新建228x228px的圆形,命名【外圆1】,添加图层样式复制外圆1,修改大小190x19px,命名【外圆2】,添加图层样式将外圆1,外圆2编组命名【外圆】步骤 04 镜头内部新建大小162×162 px的圆形,命名【内圆1】复制3个,大小分别修改为130x130px、90x90px、56x56px分别命名为【内圆2】、【内圆3】、【内圆4】再按顺序添加以下图层样式步骤 05 制作玻璃球新建大小24x24px的圆形,颜色#000000,复制一个备用添加蒙版,擦去上半部分,添加图层样式将复制的圆形颜色改为#ffffff,调整不透明度10%,添加蒙版,擦出一个月牙形状步骤 06 制作镜头高光按住CTRL+左键点击【外圆1】图层缩略图得到圆形选区新建一个图层,用柔边圆笔刷(大概400px)在圆形选区的上半部分轻轻拍一下,颜色#ffffff,不透明度20%用布尔运算做出图中图形(三个图层),颜色#ffffff,不透明度30%添加蒙版将边缘擦的模糊一点,让边缘过渡看起来自然一些在较大的两个图像上添加图层样式步骤 07 添加装饰性元素新建100×300 px的矩形,颜色#d43131,调整图层顺序使它在底座上方,做剪贴蒙版选个字体打一些装饰性的文字啥的至此,相机就做完啦~(做完记得将相机的都编成一个组)二、日历图标步骤 01 制作底座和日历基本形状将相机底座复制一个,新建228x 224 px大小的圆角矩形,圆角半径24,命名【底页1】,添加图层样式复制底页1,命名【底页2】,修改投影大小,相对底页1上移2px复制底页2,命名底页3,相对底页2上移2px。