Illustrator制作超酷长阴影效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作超酷长阴影效果的教程。

教程分享:

我们将向你演示用AI制作长阴影的两种方法:一种使用路径寻找器 ,另一种使用混合选项。

方法一:混合工具

第一步,绘制形状

 


 


在开始前,我们需要准备好以下元素:图标元素和背景图形。此外,我们需要选择扁平化设计风格的调色。后面有些样例供你参考。

第二步,复制和移动

 


首先我们为图标元素制作长阴影。为此,我们需要先复制图标元素后进行原位粘贴(Ctrl+f)。然后将复制的元素沿X正轴或负轴方向(取决于我们想把阴影放在哪个位置)和Y的负轴方向移动相同数量的像素。(例如:x0=0 y0=0 > x1=+100 y1=-100)

这就是我们获得长阴影那特征性的水平斜向下45度角或135度角的方法了。

第三步,混合选项

 


接下来我们将使用混合工具来制作阴影。选择混合选项后单击这两个图标元素,我们将得到从头到尾连成一串的图标元素。

混合工具里有一个选项叫做<指定步数>,你可以设置一个大点的值来缩短元素间的距离制造一种裸眼无法识别的平滑过渡效果。

第四步 改变颜色 渐变

 


混合后结果将是一道长长的阴影。如果我们对其进行颜色,透明度或者混合模式的设置,就会得到不同的效果。应用渐变也会得到比较生动有趣的结果。

第五步 裁剪阴影

 


最后,由于我们希望图标看起来是连续的,所以要对超出的阴影进行剪裁。这个步骤非常简单,将背景图形复制后原位粘贴,并置于所有其他元素的最上方,全选后应用下<剪切蒙版>(Ctrl+7)。

最终效果

 


对图标的背景图形做同样的操作后,就会得到我们要的效果啦。

方法二:路径寻找器

 


使用路径寻找器也可以制作出长阴影。这个方法可能会慢些但能做出更逼真的效果。

第一步

 


我们创建一个矩形,高度跟图标元素的直径一致。

第二步

(原文这里作者并未写,以下是小编的方法,仅供参考)利用钢笔工具勾勒出需要去除部分的形状结合路径寻找器将其去掉。然后对阴影部分进行颜色,透明度,混合模式跟渐变等的设置。

 


对背景图形应用相同的方法就能得到最终的效果啦。

 


好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的制作超酷长阴影效果的教程解析分享的全部内容了,各位使用者们看到这里现在是非常的清楚了制作方法了吧,那么大家就快去按照小编的教程自己去制作下长阴影效果吧。

时间: 2024-10-22 11:45:51

Illustrator制作超酷长阴影效果教程的相关文章

Photoshop结合AI和C4D制作超酷的艺术字教程

本教程主要使用Photoshop结合C4D和AI制作超酷的立体字教程,字体的效果图非常的酷,主要结合三个软件的长处一起来学习吧,喜欢的朋友让我们一起来学习吧. 最终效果:   具体步骤: 具体步骤:         分类: PS文字教程

Photoshop制作超酷悬浮效果教程

给各位Photoshop软件的使用者们来详细的说一说制作超酷悬浮效果教程. 教程分享: 1.拍一张空场景图. 2.把人物放进去 3.在 Photoshop 里重叠图片. 把有人物的图放在空场景图上.为了更好的看到「重叠」效果,我把上面的图层调成了半透明.大家也看到了,重叠效果不太好,有错位的地方.所以,切记切记,请使用三脚架.整个过程里都要保证所有图片的角度是一模一样的.本次拍摄没使用三脚架. 4.把桌子去掉 去掉桌子的方法很多,我使用的是「橡皮擦」功能.注意,可以将橡皮擦的硬度调低些,这样擦起

Illustrator制作超酷的3D符号效果图教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下制作超酷的3D符号效果图的教程. 方法分享: 1.现在我们开始第一步创建一个你想要的图形   2.选择:效果-3D-凸出和斜角,把预览勾选后调整正方体可以预览图形将要变成什么样子的(我相信这样的透视应该比我们自己抓透视要准一些吧),调整到自己想要的角度,确定好后我们要使各个图层可以编辑(对象-扩展外观),再取消编组这样我们可以直接选取每一个面来进行操作(一般我会根据图形的特点来调整透视的数值)   3.这里我选择了稍微带点透明的效果,

Illustrator制作超酷炫的七夕海报教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作超酷炫的七夕海报的教程. 教程分享: 创作思路,从大整体往小细节展开联想,然而这个大整体就是自己对于浪漫的理解或憧憬,例如撸主想去一个空旷的高地像西藏类似的地方,和女朋友呆在一起看星星,慢慢的走,安静温暖,风雨同舟.   接下来到排版,竖排混合横排中间对齐.主标竖排有文化底蕴,显文艺,文字信息横排,为了破局,显灵活.   好了,讲到重点字体设计.两种选择立体或者平面,我选择立体,因为视觉上会更加吸引眼球,然而立体就要结合背景考虑光

Illustrator绘制超酷立体字效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下绘制超酷立体字效果的教程. 教程分享: 方法一:AI的效果菜单里有3D效果,可以将文字或者路径转为3D模式.效果不错,只是复杂的就比较慢了,毕竟不是3D软件. 先打字,我打的是3D两个字,颜色改为绿色,因为黑色或者白色效果不明显 选择 菜单 - 3D - 凸出和斜角   勾选预览,可以直接预览到文字的3D效果   还有贴图功能,可以对3D体的各个面贴图. 贴图是以符号的方式,即把你想要的图拖进符号面板,作为符号.   方法二:使用混合

Photoshop结合C4D和AI制作超酷的立体字

  本教程主要使用Photoshop结合C4D和AI制作超酷的立体字教程,字体的效果图非常的酷,主要结合三个软件的长处一起来学习吧,喜欢的朋友让我们一起来学习吧. 最终效果: 具体步骤:   分类: PS文字教程

Illustrator简单制作超酷3D字体效果教程分享

给各位Illustrator软件的使用者们来详细的分享一下简单制作超酷的3D字体效果的教程. 教程分享:   好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的简单制作超酷的3D字体效果的教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家先在是非常的清楚了制作方法了吧,那么大家就快去按照小编上面给大家带来的教程,自己去试着制作一下吧.

PS教程:制作超酷的3D文字效果

Photoshop教程:制作超酷的3D文字效果,学好本教程以后大家可以尝试着做中文字哦-很炫的效果哟- 学好本教程以后大家可以尝试着做中文字哦-很炫的效果哟- 步骤1 首先,我们需要写3D文本.我们可以在illustrator中制作,或者点击下面的缩略图下载样本(如何制作3D效果文字在这里就不累述了): 步骤2 放置3D文字,并重命名为"3D text ".然后,用魔术棒工具选择字母的表面,剪切出这部分,你会看到下面的效果. 步骤3 现在到了有趣的部分了.把这层复制两份,一份用于备份(

Photoshop制作超酷的夏季3D立体字教程

  本教程主要使用Photoshop制作超酷的夏季3D立体字教程,整体的效果图非常的漂亮,立体效果和创意风格非常的独特,喜欢的朋友一起来学习吧. 教程素材:合成夏日3D艺术字PS教程素材 最终效果 具体步骤:             分类: PS文字教程