illustrator制作图标

2022-12-28 版权声明 我要投稿

第1篇:illustrator制作图标

Illustrator平面设计与制作课程的理实一体化教学探究

【摘 要】本文以 Illustrator 平面设计与制作课程为例,通过实施“卡通人物绘制”任务,从教学设计、企业观摩、情景模拟、任务驱动教学、教学评价等方面探究理实一体化教学模式在平面媒体印制技术专业教学中的应用及在教学实践中需要注意的问题。

【关键词】理实一体化 Illustrator 教学探究

目前,中职学校平面媒体印制技术专业技能实践中存在诸多问题,如可选实践教材数量较少,且有的实践教材编写者侧重于理论知识的传授,忽略了当前中职学生的特点,没有突出实践技能训练的重要性,造成中职学生在企业顶岗实习阶段,往往需要企业重新进行职业技能的培训才能上岗。如何对教学模式进行创新,将理论和实践有效地结合,加强专业技能教学,培养企业所需人才的专业技能,是专业实践教学中迫切需要解决的问题。而理实一体化教学模式的构建,为解决上述问题提供了方向。

一、Illustrator平面设计与制作课程理实一体化教学应用与探究

开展理实一体化教学,在教学内容的选择上,有三类课程适合开展理实一体化教学:a.理论内容晦涩抽象,不进行实践操作示范,学生较难理解的课程内容;b.专业性强,只在课堂上讲授,学生难以明白的课程内容;c.实践性强,必须在实训室实践操作的课程内容。以Illustrator平面设计与制作课程中“卡通人物绘制”为例,探索理实一体化教学模式在平面媒体印制技术专业中的应用。

(一)教学过程设计。在实施理实一体化教学之前,笔者根据教学大纲,结合专业技术特点,精选出课程中“卡通人物绘制”章节进行理实一体化教学设计。明确教学目的,教学重难点处理,教学设备、环境准备,教学过程组织安排,教学方法的应用都是理实一体化教学设计的核心内容。以实现在教学中将理论与实践穿插进行,将两者有机融合,在教学过程中采用任务驱动法,有理论讲解,有操作示范,还有操作训练,充分激发学生的实践操作兴趣。

(二)理实一体化教学过程。具体如下:

1.企业观摩。Illustrator 平面设计与制作课程是平面媒体印制技术专业的核心课程,是一门实践性较强的专业课。Illustrator 软件在广告公司及专业印刷出版企业被广泛应用,主要用于矢量图、标志的绘制及印刷制品的设计与编排。而对于初次接触“卡通人物绘制”的学生,在制作的步骤和工序上是陌生的,甚至可以说是一无所知的。所以在开展理实一体化教学前,作者组织学生赴校外实训基地——桂林澳群彩印公司广告设计部进行企业观摩,让学生在企业设计部实地了解广告设计、版式编排的工艺制作流程,并邀请一线操作人员讲解卡通人物设计及制作的步骤和技巧,增加学生对广告卡通人物绘制的感性认识,为今后进行理实一体化教学打下坚实的实践基础。

2.情境模拟。理实一体化的教学场所要求能够实现理论讲解、演示、实际操作等功能,并与学生毕业后所从事的专业工作环境相契合。为营造更贴近现实的企业工作环境,让学生更好地融入将来的工作中,笔者按照专业印刷出版企业生产工作环境来布置教学场地,例如:在理实一体化实训室墙面上粘贴制作精美、广为人知的卡通人物画板,以及设计部门的规章制度、工艺流程图;对实训室学生的课桌椅的摆放则完全对照企业生产部门的要求來设置;仿照生产企业的生产工艺单,将其发放给学生,要求学生按照生产工艺单上的要求进行卡通人物绘制,让学生能够在模拟的企业生产环境中进行实践操作。

3.任务驱动教学。首先,组建任务小组。专业印刷出版企业的设计部如果需要完成某项生产任务,通常是部门负责人将生产任务进行分解,再由部门内的人员分工合作完成。在理实一体化教学实践中,笔者根据企业的生产流程,采用任务驱动教学法,将学生分成若干组,每组确定1名组长,统筹管理任务完成工作。根据以往分组教学经验,采用的办法是组员可以自由搭配,但组长由笔者选择有一定组织能力和实践操作能力的学生担任的形式,这样才能更好地完成教学任务。

其次,任务导入。在模拟的企业生产环境中,宣布各小组接到客户发来的设计并制作宣传册卡通人物的生产项目,以及为完成该项目应掌握的专业技能要求。然后,让各组根据任务内容,经过组员充分讨论交流,提出各组完成任务的相关步骤及方案。在此过程中,笔者利用信息化教学手段将 Illustrator 软件中运用贝赛尔曲线工具绘制各种卡通人物的理论和实践操作,制作成微课视频,发送到学生手机中,让学生可随时随地观看,并及时处理在卡通人物绘制中出现的各种问题。

最后,任务实施。要求各个小组作为一个整体,互相协作完成“卡通人物绘制”的任务。针对不同卡通人物的分类,有科幻、虚构事件、动画角色、传说人物及吉祥物等,可以让学生根据自己的喜好及完成的难易度,选择卡通人物进行绘制。在绘制过程中,作者对于小组遇到的各种困难,结合教学的重点和难点,给予技术指导,使各小组都能顺利完成宣传册卡通人物绘制任务,达到预期的教学效果。

(三)教学评价总结。每个小组完成“卡通人物绘制”任务后,由各小组组长抽签决定所评价的其他小组完成任务情况。评价的依据可以为:是否按照客户的要求进行制作;是否按照小组所制订的实施方案进行设计及制作;是否掌握了制作卡通人物的专业技能;小组内的各成员是否全程参与任务的完成等。各小组间的互评可以使学生间更好地进行互动学习,互相发现彼此间的问题,更好地掌握课程的重点和难点,达到熟练使用专业技能的目的。在小组互评后,由教师对各小组在任务完成过程中存在的问题以及小组互评中未被发现的问题进行总结点评,可以更好地巩固和拓展学生所需掌握的专业技能。

二、理实一体化在教学实践中需要注意的问题

笔者在开展理实一体化教学实践中,取得了较好的教学效果。但是如果教师在理实一体化教学前没有进行精心准备,或者只是简单地进行理实一体化教学,就会难以取得预期的教学效果。在“卡通人物绘制”的理实一体化教学过程中,笔者体会到以下几个方面需要引起注意:

(一)教学内容的整合。教材是教学的指导,但有些教材常常理论内容与实训内容分开编排,即使是所谓的理实一体化教材,也由于不符合学校的师资和实训设备而不适合理实一体化教学。为了实现理实一体化教学的目的,可以考虑将理论和实训结合在一起,贴近企业生产实际将教学内容分解成若干个实训项目,每个实训项目包含一个或几个理论知识点,让所有实训项目涵盖所要讲授的全部理论。教材的重新整合实际就是对教材的再开发,也就是要开发一种符合学校特点的校本教材,这对教师来说有一定难度,需要教师有较高的驾驭教材的能力,需要教师不断地自我学习和提高。

(二)教学的组织形式。理实一体化教学在组织形式上,要考虑理和实的充分结合,应该以项目(工作)任务为教学单元组织教学,要根据任务安排好理论和实践的教学比例,要安排好理论课与实践课的教学时间,不能像传统教学那样讲完全部理论后再去实践,而应根据项目(工作)的需要进行安排,或先讲本项目所需的基本理论,然后进入实践操作;或先进行项目(工作)所需的试生产(实践)观察学生的表现,再进行有针对性的理论讲解。也可以采取教师讲一部分理论后马上就进行相应的实践,用实践检验理论的正确性,一次课反复“理论—实践”地进行,确保学生有效地学习。

(三)注重动手能力培养。理实一体化教学过程应成为教师与学生、学生与学生之间相互促进、相互提高的训练过程。实训时教师在旁指导,针对学生在实践过程中容易发生的错误进行强调和演示操作,必要时对还未理解的学生作单独辅导。教师应督促学生人人动手、个个参与,使每个学生都能全身心地投入到理实一体化教学中。

(四)加强课堂管理。在理实一体化课堂教学中,学生并不需要坐在固定的位置上进行操作演练。这就需要授课教师严抓课堂纪律,督促学生认真进行实践操作。课堂纪律好,学生才能学得好;否则教学秩序混乱,还有可能出现安全事故,严重影响教学效果。

理实一体化教学颠覆了传统的教学模式,它从教学的组织到管理都与过去不同,对如何实施好“理实一体化”教学模式的探索,还需要在教学实践中不断总结经验,结合各自专业、课程的实际情况综合应用,让理论与实践有机结合在一起,从而提高教师的专业教学实践能力,培养出更多企业所需的技能型人才。

(责编 罗汝君)

作者:周轶

第2篇:Illustrator设计制作LOGO实例教程

在Illustrator中有相当多设计漂亮LOGO的方法,本教程能教会大家用分割工具做一些简单但是非常漂亮时尚的LOGO,大家来学习一下吧,通过这个实例,你能制作出更好的logo

最终效果图:

第一步:

打开Adobe Illustrator,创造一个新的文件。用椭圆工具(L),创建一个圆。

第二步:

复制圆,然后调整园的宽度,对齐到左边。使用青色混合图层。(这几步都很简单的~)

第三步:

重复上一步的过程,这一次却要降低新圆的高度。使用绿色。见下图。

第四步:

重复第二步,这次对齐到右边,用黄色。

第五步:

重复第三步只调整新的椭圆的上部,用红色。

第六步:

选择所有的椭圆,去修整面板(窗口>修整)。点击分离,这个命令将分离所有的元素,让我们可以独立使用不同的颜色.

第七步:

你可以试着用渐变工具(G)来创建一个漂亮的立体效果啦。

第八步:

如果你需要把标志放在白色和黑色或者其他单一色彩的背景中, 最好的办法是增加一个稍微厚点的描边就OK鸟。

类似logo作品 :

结论

虽然有些LOGO看起来很复杂,其实技术是相当简单的。就看你是否有创新的想法了。在本

教程的基础上大家可以尝试一下三角形?椭圆形?多边形?甚至不规则 图形?以拓展自己的思路 . 展现自己的风格 . 完了 就这样吧

第3篇:Illustrator把照片制作成矢量线条插画教程

学游戏就上我学院woxueyuan.com

Illustrator把照片制作成矢量线条插画教程

本AI教程主要使用Illustrator把照片制作成矢量线条插画,教程难度一般,但是挺有创意的,也算是一个技巧的分享吧。喜欢的朋友让我们一起来学习吧。 我们先来看一下效果图:

具体的制作步骤如下:

1、新建文档,点文件菜单>置入。选择图像/照片文件,点“置入”,导入图片(如果你想导入的图片文件至始至终都保存在新建的文档里,那么请不要勾选链接选项)。下一步,选择图片,并且使用Ctrl+2锁定它。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

2、依据图片的复杂程度,来确定图片上使用的阴影数。这里,我定义了3种不同类别的阴影,即最亮的区域(明调)为空,中间调用单线表示,最暗的阴影(暗调)用交叉线表示。你也可以尝试使用不同的线条来表示不同的阴影。

3、使用直线段工具(),绘制一条水平线,宽度比图片(描摹区)宽一点。把它移到描摹区的顶部,描边颜色:使用对比度高的颜色。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

4、选择线条,点对象菜单>变换>分别变换(Alt+Shift+Ctrl+D)。垂直移动:输入-10px,点“复制”。下一步,按Ctrl+D直到线条到达图片(描摹区)底部。

(注:垂直移动框内,你输入的数值,结果要能清晰地看见复制的线条。这里我使用的是-15px。)

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

5、选择所有的线条,按Alt+鼠标拖拽,制作线条的副本。下一步,副本旋转90度,把它暂时放在画板的一边,之后我们会用到它。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

6、纵向描摹

从最上面的线条开始调整,用相同的方法调整每一根水平线的大小,每一根水平线的2个端点终止于描摹区的边缘处。你可以使用选择工具(V)来调整水平线的大小。我们的目标是用水平线来覆盖描摹区。

7、调整每一根线条的大小,调整不包括明亮区(明调)。 译者注:因为第2步明调定义为空。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

每一段的水平线,你会发现它们都是处于同一水平路径上的。因为这个原因,所以你可以在要显示暗调的位置复制和放置一些线条。

8、选择所有的水平线,按Ctrl+2锁定。下一步,使用之前第5步制作的线条副本,把它移到描摹区的最左边。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

9、横向描摹

从最左边的线条开始调整,方法同第

6、第7步。调整每一根垂直线条的大小,目标是覆盖住整个暗调区。调整不包括最亮的区域,中间调和交叉线表示的暗调如图所示。 图中:intersect the darkest parts:交叉线表示的暗调 Exclude the brightest parts:调整不包括最亮的区域 Leave medium shades without intersecting:中间调不交叉

如果需要的话,可以复制线条。按此操作,直到调整到图片的最右边。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

10、描摹完成后,全部解锁(Ctrl+Alt+2),并且删除背景图片。选择所有的线条,群组(Ctrl+G)。你可以尝试更改线条描边的颜色和宽度,以求得到最佳的效果。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

尾声和应用范围

本教程所描述的技巧是一种双向描摹技巧,即横向和纵向。你还可以定义斜线描摹。最终的成品可用于店铺设计、大型海报和其它设计。希望思缘的朋友们喜欢这篇AI教程。 更多Illustrator教程,请上我学院网:http://

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

第4篇:Illustrator立体效果质感艺术字制作教程

学IT技能上我学院网woxueyuan.com

Illustrator立体效果质感艺术字制作教程

利用Illustrator制作质感艺术字教程,让我们先来看一下最终效果图:

步骤01 255px的文件,创建255个。首先,打开网格(“视图”>“”网格“),并对齐到网格(视图>对齐到网格)。接下来,你需要一个网格每5px。转到编辑>首选项>指南>电网,在网格线进入细分中的每一个方块和1。您还可以打开“信息”面板(“窗口”>“信息)与形状的大小和位置的实时预览。不要忘记,以取代的计量单位从编辑>首选项>单位>总像素。铝这些选项将大大增加您的工作效率。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

步骤02 让我们开始用矩形工具(M)。创建一个190 220px【来电形状,用任何颜色填充和删除中风。选择这个新鲜的形状和去影响>风格化>圆角。输入一个110px半径,单击OK,然后去影响>经>鱼眼镜头。在20%以上的折弯滑块拖动,单击“确定”,然后转到对象>展开外观。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

步骤03 继续用椭圆工具(L),创建一个70 180px形状,并去影响>经>鱼眼镜头。折弯滑块拖动30%,点击OK,然后去到对象>展开外观。

步骤04 Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

选择两个创建至今的形状和添加在后面(控制+控制+ B)的副本。关闭了这些新鲜副本的知名度,你会需要它们。选择剩下的,可见的形状,然后单击“从”路径查找器“面板上的”负接待按钮。resdulting形状填充R = 224,G = 20 B = 72。

步骤05 选择在上一步中创建的形状和去效果> 3D>凸出和斜角。输入如下图所示的数据,单击OK,然后去到对象>展开外观。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

步骤06 让我们把重点放在“图层”面板。你应该找到一个简单的组。点击小箭头图标,直到找到剪贴路径(在下面的图片箭头所指),它们全部删除。现在,选择的第一个图所示的形状,单击“携手探路者面板按钮,并填写生成的路径与R = 131,G = 5 = 42。remainging形状填充R = 224,G = 20 B = 72。最后,你应该有四个形状,在图层面板,两个可见的和无形的两个。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

步骤07 选择大的,可见的形状和外观面板。打开弹出菜单,并点击“添加新的填充。这将添加一个第二填补你的形状。选择它,并使用线性渐变,如下图所示。从梯度图像的黄色零表示Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

不透明度百分比。这意味着你需要选择渐变滑块,降低其不透明度为0%。接下来,添加一个简单的形状中风,并从它的外观面板选择。它5pt宽,对齐内,设置它的颜色,在R = 255 G = 255 B = 255,并降低其不透明度为5%。最后,重新选择整个路径和TOT的影响>风格化>内发光。进入下图所示的数据,并单击“确定”。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

步骤08 Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

选择矩形工具(M),创建两个广场(50像素50),将它们放置在第一幅图像显示。顶部的形状和填充黑色与白色的底部形状。抓住直接选择工具(A)和专注于黑色的形状。选择两个,底部的锚点,去对象>路径>平均。检查然后单击“确定”。这会变成一个三角形的广场,在第二幅图像所示。移至底部平方米。同样,使用直接选择工具(A)选择上方的锚点,对象>路径>平均。检查然后单击“确定”。

步骤09 选择在上一步中的两个三角形,并去影响>模糊>高斯模糊。输入7px半径,单击OK,然后组这两个形状。选择小,“O”型,并在前面的一个副本(控制+控制+ F)。把这个复制到前面(按Shift +控制+]),并用白色填充它。选择与本集团一起去“透明度”面板(“窗口”>“透明度”)。打开弹出菜单,然后单击“设为不透明蒙版。最终您的插图应该像在第四图像。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

第10步

转动大,呈椭圆形(第四步)回可见。与没有填充和添加0.75pt,黑色中风。对齐外,然后去对象>展开外观。在第二幅图像所示的线性渐变填充形状。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

第11步

重新选择大的“O”形,并在前面的副本(控器+控制+ F),然后抢椭圆工具(L),创建125px的形状为190,并把它作为第二个图像显示。选择这个新的形状alonw和用新鲜的副本从探路者“面板相交”按钮上单击。在第四图像所示的线性渐变填充的形状和其不透明度降低到80%。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

第12步

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

转小,椭圆形(第四步)回可见。与没有填充和添加1PT,黑色中风。对齐外,然后去对象>展开外观。在第二幅图像所示的线性渐变填充形状,降低其透明度为50%,并把它前面(SHIFT +控制+])。

第13步

禁用对齐网格“(视图>对齐到网格)。选择大“O”型,并在前面的两个副本(SHIFT +控制+])。选择顶部的副本,并击中一次向下箭头。重新选择的两个副本,并减去从探路者“面板前端按钮的点击。您将有两个薄形GRET一组。卸下底部的形状(由箭头指出的第三Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

个图像),然后选择其余的形状。转到外观,删除中风,效果只保留一个填充。白色和降低其不透明度为50%。

第14步

重新选择大的“O”形,并在前面两个新副本(按Shift +控制+])。选择顶部的副本,并击中了一次向上箭头。重新选择的两个副本,并减去从探路者“面板前端按钮的点击。同样,Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

你将GRET两个薄形一组。卸下顶部的形状(箭头所指),然后选择其余的形状。删除中风,效果,只保留一补。它的颜色设置在R = 120克= 5 B = 24。

第15步

选择椭圆工具,按一下您的画板.. 输入10在宽度框中的高度框和2.5然后单击确定。这将创建一个由10 2.5 PX形状。填写与R = 237 G = 166 B = 168,并把它作为在如下图所示。这个副本,并用白色填充,然后将其旋转的地方,如下图所示。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

第16步

专注于在上一步中所取得的形状。选择在上一步的粉红色的形状,并去影响>模糊>高斯模糊。输入2.5px半径,单击“确定”,然后选择白色的形状,并去影响>模糊>高斯模糊。输入3px半径,然后单击确定。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

第17步

最后,重新启用对齐网格(视图>对齐到网格),然后选择“椭圆工具(L)。创建25px形状90,填充与R = 71,G = 5 B = 42,然后将其发送到回(按Shift +控制+)和去影响>模糊>高斯模糊。输入5px半径,单击“确定”就大功告成了。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学IT技能上我学院网woxueyuan.com

最后效果图:

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

第5篇:

注:本文为网友上传,旨在传播知识,不代表本站观点,与本站立场无关。若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:iwenmi@163.com。举报文章