-
创建一个新文档,设置网格
打开Ai软件快捷键N创建一个新文档。从单位下拉菜单选择像素,输入600宽度和470高度,然后点击高级按钮。选择色系RGB ,分辨率(72 PPI) ,并确保选择使新建对象与像素网格对齐选项,然后单击确定。
-
创建主形状
选择文字工具(T) ,点击你的画板,并输入“CHEESE”一段文字。使用 Aldo the Apache font的字体,大小设置为 140像素字间距为 100,并确保文字颜色设定为 R = 255,G = 220 B = 72。
-
请重新复制这段文字,然后转到文字>创建轮廓(快捷键Ctrl+Shift+O )。确保选中这段文字,然后快捷键Ctrl+Shift+G来取消群组。选择所有取消了群组的对象然后快捷键Ctrl+8 (或转到 对象>复合路径>建立)把它们变成一个简单的复合路径。确保选定这个复合路径,效果>风格化>圆角。输入半径5px,然后单击确定。
-
请确保你的复合路径仍处于选中状态,去效果> 3D>凸出和斜角。点击更多选项按钮,输入所有如下图所示 ,然后单击确定
-
选中3D效果后的复合路径,对其进行 对象>扩展外观。确保选中扩展外观后的形状,重复Shift+Ctrl+G命令三次取消群组。现在,选中六个字母形状(立体型厚度部分除外),把它们变成一个新的复合路径(快捷键Ctrl+8),并替换现有的填充颜色为R = 255,G = 220 B = 72。
-
选择所有上步骤中未建立复合路径的形状,然后单击路径查找器面板中的联集按钮(窗口>路径查找器),并把产生的新形状进行复合路径(快捷键Ctrl+8)。进入图层面板,打开现有图层。首先,选中你的黄色复合路径的名称双击并重新命名为“front”。然后选中这个步骤中的复合路径,重命名为“3D”,并确保它位于你的“正面”复合路径的下面如下图所示。
-
请重新选择“front”复合路径,在原位置复制一个(Ctrl+C>Ctrl+F ),选中它并替换现有的填充颜色为R = 237,G = 170 B = 37。到图层面板,并重新命名这个新图层为“back”。同时选中“3D”和“back”两个图层,请确保选择工具(V)被激活,再点击你的“3D”图层(对齐以这个图层为主导),然后打开对齐面板(窗口>对齐),然后点击垂直底对齐按钮。然后将你的“back”图层置于“front”图层下面。如第四图像。
-
选择你的“back”图层元素,并复制(Ctrl+C>Ctrl+F )。到图层面板中,重命名新创建的形状图层为“shadow’”,然后将其拖动到最底图层。请确保你的“shadow”图层中的图形是选中状态同时进入外观面板。选择现有的描边,其颜色设置为 R = 228,G = 162 B = 75,只需点击带下划线的“描边”文字,打开飞出的描边面板。确保宽度设置为1px,并选中对齐描边中的使描边外侧对齐按钮。返回到外观面板,点击带下划线“不透明度”文字,以打开透明面板。进入透明度框,只需输入不透明度为 20%
-
请确保你的“shadow”的形状选定,并进入外观面板。选中现有的描边使用复制所选项目按钮复制一个新的描边。选择新的描边,降低其不透明度为10% ,并增加描边宽度到2像素。
-
请确保你的“shadow”的形状保持选定,并进入外观面板。选择现有的填充,fx>风格化>投影。请在窗口中输入如下1号属性(如下图),单击确定,然后添加其它三个阴影数据同下图所示。
-
添加投影和高亮到你的3D侧面
编辑>首选项>常规,设置键盘增量为1px。请确保选中你的“3D”形状,并在前面复制两个副本(Ctrl+C>Ctrl+F>Ctrl+F )。选择顶部的副本用键盘方向键向上移动1像素。
重新选种这两个副本,然后单击路径查找器面板中的减去顶层按钮。使减去顶层后产生的新形状变成一个复合路径(Ctrl+8 ),请确保选定这个复合路径,并到外观面板。设置填充颜色为 R = 237,G = 170 B = 37,同时改变其混合模式为柔光
-
请确保选中你的的“3D”图层形状,并在前面复制一个副本(Ctrl+C>Ctrl+F )。向上移动1像素了,然后复制它(Ctrl+C>Ctrl+F )。选择这个新的复制出的副本向上移动3 px。重新选择在这个步骤做出的两个副本,然后单击路径查找器面板中的减去顶层按钮。使减去顶层后产生的新形状变成一个复合路径(Ctrl+8 ),请确保选定这个复合路径,并到外观面板。设置填充颜色为 R = 255,G = 220 B = 72,并降低不透明度,为70%
-
选择“3D”图层,把它置于图层顶层(按住 Shift+Ctrl+] ),然后单击路径查找器面板中的分割按钮。确保分割后的形状保持选定状态,打开渐变面板(窗口>渐变),并只需点击渐变缩略图默认的黑色加上白色的线渐变。
继续在渐变面板,请确保角度设置为 0°,并移动渐变滑块。选择左渐变滑块,设置成黑色(R = 0,G = 0 B = 0),并降低其不透明度至0% 。然后选中右边的渐变滑块,并添加相同的属性。
点击渐变栏来添加一个新的渐变滑块。确保这一新的滑块被选中,其颜色设置为黑色,降低其不透明度为80% ,然后将滑块拖动定位到 10% 。
请记住,下图中蓝色数字代表位置的百分比,而黄色的代表不透明度百分比。添加第四渐变滑块,为白色(R = 255,G = 255 B = 255),并设置其位置为 90% 。
-
确保上一步中的图形仍处于选中状态,并在透明度面板(窗口>透明度)。降低不透明度为50% ,改变混合模式为柔光。
-
添加投影和高亮到你的”front“层图形
请重新选择“front”图层中的图形,并在其前面复制个副本(Ctrl+C>Ctrl+F ),并把它置于图层最顶层(按住 Shift+Ctrl+] )。确保这个副本在选定状态,按下面图片中所示的渐变填充它,改变它的混合模式为柔光。请记住在渐变框中黄色数字代表不透明度百分比。
-
在图层面板中,重新选择“front”中图形,并复制两个副本(Ctrl+C>Ctrl+F>Ctrl+F )。继续在图层面板中,选择其中的最上面的副本,并将其向上移动1px。同时选中移动过的和没移动的两个副本,然后单击路径查找器面板中的分割按钮。使分割后的图形变成复合路径(Ctrl+8 ),请确保选中它然后打开外观面板。
选择现有的填补色,设置颜色为白色,改变其混合模式为柔光,效果>模糊>高斯模糊。输入一个3px半径,单击确定 ,然后返回到外观面板,为你的造型添加第二个填充颜色(点击添加新填色按钮)。选择新的填充,确保颜色设置为白色,并降低其不透明度为60% ,改变混合模式为柔光。你做完这些后,到图层面板,重命名这一步产生的图层为”sleekHighlight“。
-
创建乳酪的孔
启用网格(视图>显示网格)和对齐网格(视图>对齐网格)。对于初学者,你需要创建每格为1px的网格,所以干脆去编辑>首选项>参考线和网格,输入网格线间隔为1px,次分割线也为1。请认真的创建网格,因为它会让你的工作更容易。请记住,你可以很容易地使用Ctrl+”快捷键启用或禁用它。
你还可以打开信息面板(窗口>信息)。不要忘了度量单位设置为像素编辑>首选项>单位 对象识别依据选择为对象名称。这里提到的所有这些选项功能将显著提高你的工作效率。
-
选中椭圆工具(L) ,创建14像素的圈,设置填充颜色为 R = 190,G = 39 B = 45,并确保它没有描边。使用相同的工具,创建另四个圆圈,并使它们大小颜色如下图所示。
-
随机在图形上分部你的彩色圆点可以根据下面的图片来排布。排布完成后你就可以关闭网格了(Ctrl+”)还有对齐到网格功能(Shift+Ctrl+” )。选择所有这些圆圈,快捷键Ctrl+G群组它们。请确保选中这个群组,效果>扭曲和变换>粗糙化。进入如下图所示的属性并设置,然后单击确定。
-
继续选择你的彩色圆圈群组,然后转到对象>扩展。确保结果群组的形状保持选中,然后单击路径查找器面板中的联集按钮,然后用快捷键Ctrl+8创建新复合路径并保持选中,填充颜色设置为 R = 57,G = 181 B = 74
-
请确保选中你的绿色复合路径,并在其上面复制两个副本(Ctrl+C>Ctrl+F>Ctrl+F )。选择顶部的副本向下移动1px。重新选择这两个副本,然后单击路径查找器面板中的减去顶层按钮。减去后的图形建立成复合路径,确保它被选定,并到外观面板。设置填充颜色为黑色,降低不透明度为20% ,改变混合模式为柔光。
-
选中20步骤中的绿色复合路径,并在其上面创建两个副本(Ctrl+C>Ctrl+F>Ctrl+F )。选中顶部的副本向下移动3px。选中在这两个副本,然后单击路径查找器面板中的减去顶层按钮。减去后的图形建立成复合路径,确保它保持选定,并到外观面板。设置填充颜色为黑色,降低不透明度为15% ,改变混合模式为柔光。
-
选中20步骤中的绿色复合路径,并在其上面创建两个副本(Ctrl+C>Ctrl+F>Ctrl+F )。在图层面板中,这个时候选择下面的副本向下移动1px。重新选中这两个副本,然后单击路径查找器面板中的减去顶层按钮。减去后的图形建立成复合路径,确保它保持选定,并到外观面板。设置填充颜色为白色,降低不透明度为80% ,改变混合模式为柔光。
-
选中20步骤中的绿色复合路径,并在其上面创建两个副本(Ctrl+C>Ctrl+F>Ctrl+F )。选中顶部的副本向上移动1px。重新选中这两个副本,然后单击路径查找器面板中的减去顶层按钮。减去后的图形建立成复合路径,确保它保持选定,并到外观面板。设置填充颜色为白色,降低不透明度为50% , 并改变混合模式为柔光。
-
选中20步骤中的绿色复合路径,并在其上面创建两个副本(Ctrl+C>Ctrl+F>Ctrl+F )。选中顶部的副本向上移动2px。重新选中这两个副本,然后单击路径查找器面板中的减去顶层按钮。减去后的图形建立成复合路径,确保它保持选定,并到外观面板。设置填充颜色为白色,降低不透明度为50% ,改变混合模式为柔光
-
请确保全选全部圆圈及上面步骤中做出的图形进入外观面板。选择填色,用黑色代替绿色,降低其不透明度为60% , 并改变填色的混合模式为柔光。继续在外观面板,选择描边。设为黑色,设置宽度为3px,使描边内侧对齐,降低其不透明度为10% , 并改变描边的混合模式为柔光。
确保它仍处于选中状态,并复制一个副本。选择这个副本,设置它的描边增加其不透明度为20% ,减少了宽度到1px。现在,重新选择这几个步骤中创建的圆圈复合路径或形状群组它们(Ctrl+G )。到图层面板,重命名这个新群组为“Holes”。
-
继续在图层面板,复制你的“front”和“back”图层图形(Ctrl+C>Ctrl+F )。选择这些副本,然后单击路径查找器面板中的联集按钮,然后用快捷键Ctrl+8创建新复合路径。把这个新的复合路径置于图层顶部(Shift+Ctrl+ ]),并设置它的颜色为白色。
-
选中与“Holes”和上一步骤中的白色复合路径,到透明度面板,并且只需点击制作蒙版按钮。如果你不是一个Illustrator CC的用户,你需要打开透明面板的弹出菜单,点击设为不透明蒙版
-
添加阴影和强调整体文本效果
重新选择你的“Holes”群组,并在其上面建立副本(Ctrl+C>Ctrl+F )。选择这个副本,然后单击路径查找器面板中的联集按钮,然后用快捷键Ctrl+8创建新复合路径。把这个新的复合路径置于图层顶部(Shift+Ctrl+ ]),并填充颜色为黑色。
-
重新选中“sleekHighlight”和上一步中所做的黑色复合路径,在透明度面板中,单击制作蒙版,然后取消选中
-
在图层面板中,重新选择“front”,并在其上面创建两个副本(Ctrl+C>Ctrl+F>Ctrl+F )。继续在图层面板中,选择最上面的副本,并将其向下移动3px。重新选中这两个副本,然后单击路径查找器面板中的联集按钮,然后用快捷键Ctrl+8创建新复合路径,请确保它保持选定状态,到外观面板,并设置填充颜色为白色。
-
确保在前面步骤中取得的白色符合路径仍然选中然后在外观面板。改变混合模式为颜色减淡,然后对象>路径>偏移路径。输入-1px偏移量,点击OK,效果>模糊>高斯模糊。输入2px半径,然后单击确定
-
在图层面板,复制你的“front”和“back”(Ctrl+C>Ctrl+F )。选择这些副本,然后单击路径查找器面板中的联集按钮,然后用快捷键Ctrl+8创建新复合路径。把这个新的复合路径置于图层顶部(Shift+Ctrl+ ]),请将它设置成白色,然后效果>风格化>内发光。设置如下图所示数值 ,然后单击确定。
-
请确保你的白色复合路径仍处于选中状态,然后转到对象>扩展外观。再在图层面板中,只需取消组合所产生的群组,你会得到两个新的群组,一个白色的和一个模糊的。删除白色的,选择模糊的,在透明面板。改变其混合模式为柔光,降低不透明度为70% 。
-
在工具栏双击混合工具打开混合选项窗口。从间距下拉菜单选择指定的步数,然后输入50。再到图层面板,重新选择你的“front”和“back”, Alt+Ctrl+B来创建一个新的立体图形。到此字体部分结束开始设计奶酪了。
-
创建一个有缺口的奶酪
启用网格(Ctrl+”),还有对齐网格(Shift+Ctrl+”)。在这里你将需要每格网格为5px,这意味着你需要去编辑>首选项>参考线和网格,输入5px网格线间隔。选取椭圆工具(L) ,创建一个100像素圆形,设置填充颜色为R = 255,G = 220 B = 72,并把它放置于大致如下图所示位置。
-
使用矩形工具(M) ,创建一个100×50像素的形状,挑一个简单的红色填充颜色,并把它置于上面步骤的圆形上面。用直接选择工具(A) 。选中右上角,将其拖动50像素到左边,然后切换到删除锚点工具( – ) 。只需在左侧锚点单击删除它,这样你的红色矩形会变成一个三角形
-
重新选择你的红色三角形和黄色圆圈,然后单击路径查找器面板中的减去顶层按钮。
-
禁用网格(Ctrl+”)和对齐网格(Shift+Ctrl+”)。继续在黄色图形上用上一步中提出的直接选择工具(A) 。选择突出的两个锚点如下第一幅图像,然后看软件顶部工具栏,只是设置一个5px半径的倒角,最终的图形应该像在第二图中显示的一样。
此功能仅适用于Adobe Illustrator CC用户。制作这种效果最好的解决办法是插件脚本,这个脚本就是Round Any Corner(我会在文章底部提供下载)。将它安装到Adobe Illustrator CC\Presets\zh_CN\脚本,然后Illustrator的直接选择工具(A) 。选择那些锚点,到文件>脚本>其他脚本。打开倒角脚本,输入5px的半径,然后单击确定。最终的结果可能看起来有所不同,可以随意尝试半径大小。在某些情况下,你将不得不增加/减少数值来达到这种效果。
-
请确保你的黄色形状仍处于选中状态,效果> 3D>凸出和斜角。不要忘记点击更多选项按钮,输入所有如下图所示设置 ,然后单击确定
-
重新选择你的3D黄色的形状然后对象>扩展外观。然后取消群组Shift+Ctrl+G,再重复使用上面文字形状的技术和效果。最后的图形应该像下方第三图所示。
-
大功告成!
下面是它的最终外观。我希望你喜欢这个教程,并能在你未来的项目中应用这些技术。
百度云下载 Round Any Corner一个做倒角的脚本
有空可以学学!