数字图形创意设计.ppt

《数字图形创意设计.ppt》由会员分享，可在线阅读，更多相关《数字图形创意设计.ppt（99页珍藏版）》请在三一办公上搜索。

1、（1）,数字图形创意设计,主讲教授 田少煦,（2）,10.1 舞动的足球 10.2 凝 视,第十章 数字图形创意设计,10.3 鲨 鱼 10.4 数字标牌,10.5 烙 印 10.6 同 构,第十章 数字图形创意设计,（3）,10.1 舞动的足球 本例通过透镜创建足球图案，主要涉及对象复制、对象编辑、交互式调和工具以及交互式透明 工具的操作和使用等，见下图。,第十章 数字图形创意设计,（4）,一、绘制足球1.用多边形工具，在页面上创建一个宽度为20mm 的正六边形；,第十章 数字图形创意设计,（5）,2.执行“排列变换位置”命令，在打开的“变换”泊物窗中，将位置栏的“水平”坐标设置为20mm，

2、勾选“相对位置”选项，单击多次“应用到再制”按钮，生成一行相连的六边形；,第十章 数字图形创意设计,（6）,3.复制整行六边形，向下移动使其与原六边形的边缘相吻合；按足球颜色将其中一些六边形填充为K：80%的黑色，完成足球底纹图案绘制；,第十章 数字图形创意设计,（7）,4.在六边形底纹上创建一个正圆；5.选取正圆，执行“效果透镜”命令，在“透镜”泊物窗中，选取“鱼眼”透镜，将“比率”值设置为100%，移动圆的位置，以获得合适的足球图形；,第十章 数字图形创意设计,（8）,6.勾选泊坞窗中的“冻结”选项，单击“应用”按钮，将透镜效果冻结，移开足球图形并删除原始六边形；,第十章 数字图形创意设计

3、,（9）,7.使用贝兹曲线工具绘制出足球上黑色六边形部分的阴影形状，将其填充为黑色并去除轮廓线；8.选取手绘工具，在六边形的上部绘制出亮部，将线宽设置为0.3mm左右，将颜色设置为白色；,第十章 数字图形创意设计,（10）,9.按同样的方法在其它六边形上绘制出阴影和亮部形状，将白色六边形上的阴影设置为20的黑色；,第十章 数字图形创意设计,（11）,10.选取整个足球，按“+”键复制另一个足球。将这个足球上的黑色区域改为绿色、白色区域改为黄色，并分别将阴影颜色改为深绿色和深黄色，完成彩色足球的绘制；。11.分别选择两个足球，将它们群组；,第十章 数字图形创意设计,（12）,二、创建背景渐变1.

4、创建一个直径为130mm左右的正圆，将颜色填充为白色。向中心复制该圆形，并将颜色填充为C:100、M:70、Y:0、K:10的蓝色；,第十章 数字图形创意设计,（13）,2.选取交互式调和工具，在蓝色圆上按下鼠标左键拖动到白色圆上创建两个圆形的渐变效果，将渐变步数设置为10，去掉轮廓线；,第十章 数字图形创意设计,（14）,3.选取最上面的蓝色圆形，按“+”键复制圆形。按住Shift键，将复制的圆形向中心缩小；再复制一个圆形，向中心再缩小一些，并填充为白色；,第十章 数字图形创意设计,（15）,4.选取交互式调和工具，创建中心的白色圆和蓝色圆的渐变效果，在属性栏上将渐变步数设置为10左右，在调

5、色板上方的图标上单击鼠标右键将轮廓线去掉。,第十章 数字图形创意设计,（16）,三、合成图形1.选取创建的彩色足球，将其放置在渐变颜色的中心并缩放到适当大小。同时选择足球和圆形，按键盘上的“E”键和“C”键使其水平中心对齐和垂直中心对齐；2.选取创建的黑白足球，将其缩小放置在彩色足球的上方；,第十章 数字图形创意设计,（17）,3.使用钢笔工具绘制出黑白足球的光带，将其填充为白色并去除轮廓线，置于足球的后面；4.选取光带，选取交互式透明工具，在属性栏中将透明度类型设置为“标准”，设置“开始透明度”为80左右，对光带应用透明效果；,第十章 数字图形创意设计,（18）,5.按同样的方法再添加一些足

6、球和光带，如图；,第十章 数字图形创意设计,（19）,6.在图形的外面再绘制一个大圆形，将大圆形与背景圆形居中对齐；,第十章 数字图形创意设计,（20）,7.绘制一个小圆点，填为红色；8.画一条3倍半径长的直线，把红色小圆放在直线的两端；用交互式调和工具，渐变中间步数设置为16，创建两个小圆点的渐变效果；,第十章 数字图形创意设计,（21）,9.选取渐变圆点，单击属性栏上的“路径属性”按钮，从其弹出菜单中选取“新建路径”命令（此时光标将变为箭头形状），单击创建的圆形，渐变圆点将按圆形路径放置；,第十章 数字图形创意设计,（22）,10.框选圆行和圆点，在属性栏上单击“杂项调和选项”按钮，在弹出

7、的面板中启用“沿全路径调和”，这样，即可将圆点等距分布在圆上；,第十章 数字图形创意设计,（23）,11.执行“排列拆分”命令将渐变圆点与圆形路径分离。选取圆形，删除之；12.选取所有圆点，对它们进行群组；复制一份圆点，将其适当旋转，并将颜色填充为浅红色；,第十章 数字图形创意设计,（24）,13.选取交互式调和工具，在属性栏上将渐变步数设置为1，创建红色圆点和浅红色圆点的渐变效果；,第十章 数字图形创意设计,（25）,14.选取浅红色圆点，按住Shift键，将其向中心缩小一些，完成图形绘制。,第十章 数字图形创意设计,（26）,10.2 凝 视 本例使用位图，通过对位图模式进行转换，结合填充

8、的简单操作技巧实现位图图像与底纹图案的合成效果，见下图。,第十章 数字图形创意设计,（27）,操作步骤1.新建一个页面；执行“文件导入”命令，导入所需的位图素材图像文件；,第十章 数字图形创意设计,（28）,2.选取位图，执行“位图模式黑白”命令，在打开的“转换为位图”对话框中，将“转换方法”设置为“线条图”，将“阈值”设置为155，将位图转换为黑白位图模式；,第十章 数字图形创意设计,（29）,3.从填充工具下选取图样填充工具，在打开的“图样填充”对话框中，将图样类型设置为“双色”模式，从图样列表中选取编织图案。将图样前部颜色设置为红色，将后部颜色设置为30的黄色。这样，将对黑白位图中的背景

9、部分（白色区域）进行填充；,第十章 数字图形创意设计,（30）,4.选取位图，在调色板的红色上按鼠标右键将图像中的黑色区域也填充为红色；5.从工具箱中选取交互式填充工具，单击图像上的图样填充区域，调节交互式编辑滑块改变图样的角度和大小；,第十章 数字图形创意设计,（31）,6.在图像的外面添加一个矩形外框；7.将矩形填充为黑色，执行“排列顺序到后面”命令，将矩形置于图像的后面。选取所有对象，执行“排列群组”命令将图像群组，完成图像绘制。,第十章 数字图形创意设计,（32）,谢 谢！,第十章 数字图形创意设计,（33）,数字图形创意设计,主讲教授 田少煦,（34）,10.3 鲨鱼 本例涉及到鲨鱼

10、的绘制、水花的制作以及图框精确裁剪等多种有用的技术，见下图。,第十章 数字图形创意设计,（35）,一、绘制背景1.在页面上创建一个160mm的正圆；2.渐变填充，将填充类型设置为“线性”，在“选项”栏将“角度”设置为90度，将“边界填充”设置为4%。将两种颜色分别设置为C 90、M 90、Y 0、K 10的深蓝色和C90、M 0、Y 0、K 10的浅蓝色，设置中间点滑块位置为66；,第十章 数字图形创意设计,（36）,二、绘制水花1.在页面上创建一个50mm的椭圆并将其填充为黑色；2.选取橡皮擦工具，在属性栏上将橡皮擦的厚度设置为0.1mm左右。对椭圆上进行随意擦除操作，将椭圆分割成若干小块形

11、状；,第十章 数字图形创意设计,（37）,3.选取分割后的椭圆，执行“排列拆分”命令，将分割后的椭圆解散成单个的小块形状；4.选取所有打散后的小块；打开“渐变填充”对话框，将填充类型设置为“射线”，设置两种渐变颜色分别为C40、M 0、Y 0的蓝色和白色；将所有小块的轮廓线去掉；,第十章 数字图形创意设计,（38）,5.将分割小块进行复制并放置到背景底部，重新排列组合使其成为水花形状；,第十章 数字图形创意设计,（39）,三、绘制鲨鱼1.用钢笔工具和形状工具绘制出鲨鱼的外形，将其颜色填充为C 7、K 8的灰色并去除轮廓线；,第十章 数字图形创意设计,（40）,2.选取鲨鱼图形，按小键盘上的“+

12、”键原地进行复制。选取形状工具将复制鲨鱼的底部调整为如图所示形状，然后将其颜色填充为C 10、K 25的灰色；,第十章 数字图形创意设计,（41）,3.复制鲨鱼深色图形部分，使用形状工具按鲨鱼的形体将复制的图形调整为如图（a）所示形状；4.复制调整后的图形，使用形状工具将复制的图形调整为鲨鱼亮部形状（b），并将其颜色填充为C 5、K 14的灰色；,第十章 数字图形创意设计,（a）,（b）,（42）,5.选取交互式调和工具，在属性栏上将渐变步数设置为8左右，创建最上面两层图形的渐变效果，如（a）所示，然后在调色板顶部的图标上单击鼠标右键去除该渐变对象的轮廓线（b）；,第十章 数字图形创意设计,（

13、a）,（b）,（43）,6.选取交互式透明工具，在渐变对象的中部按下鼠标左键向右拖动，为其添加透明效果，如图（a）；7.使用交互式透明工具对尾部的深色也进行一些透明度处理，如图（b）；,第十章 数字图形创意设计,（a）,（b）,（44）,8.结合钢笔工具和形状工具绘制出鲨鱼嘴部的形状，并将其颜色填充为和底部相同的浅灰色，如图（a）；9.复制该图形，使用形状工具将复制的图形调整为如图（b）所示形状，将其颜色填充为C 12、K 22的灰色。选取交互式调和工具，渐变步数设置为6，创建嘴部两个图形的渐变效果，除该渐变对象的轮廓线，如图（c）；,第十章 数字图形创意设计,（a）,（b）,（c）,（45）

14、,10.使用钢笔工具绘制鲨鱼嘴部暗部的两块形状；分别将这两块形状的颜色填充为C 12、K 50和C 12、K 70的灰色；,第十章 数字图形创意设计,（46）,11.绘制出鲨鱼牙齿的形状，将其颜色填充为稍亮一些的灰色；复制牙齿并适当改变其形状进行排列，完成鲨鱼嘴部绘制；,第十章 数字图形创意设计,（47）,12.绘制出鲨鱼的眼睛；13.底色为C 13、K 32；眼部边沿阴影为C 13、K 47；眼球为K 10；眼底部反光为白色；眼珠使用黑色到白色圆形渐变填充；眼睛最暗部分为黑色；,第十章 数字图形创意设计,（48）,14.最后，在眼珠上添加眼睛高光，完成鲨鱼眼睛绘制；,第十章 数字图形创意设计

15、,（49）,15.在腹鳍上添加一层深灰色的腹鳍图形，使用交互式透明工具对其顶部进行渐变透明处理，使其具有更好的体感；,第十章 数字图形创意设计,q,i,（50）,16.选取整个鲨鱼图形，执行“排列群组”命令将其群组，移动鲨鱼到背景图像上。,第十章 数字图形创意设计,（51）,四、创建文字环1.创建一个直径为40mm左右的正圆；输入一些字号为16的文字；,第十章 数字图形创意设计,（52）,2.执行“文本使文本适合路径”命令，将文字沿圆形路径放置；,第十章 数字图形创意设计,（53）,3.执行“排列拆分”命令，将文字与圆形分离，删除圆形；然后选取文字，执行“效果添加透视点”命 令，添加透视效果；

16、,第十章 数字图形创意设计,（54）,4.将文字填充为黄色，置于鲨鱼的头部位置，在这里将使鲨鱼穿过文字；,第十章 数字图形创意设计,（55）,5.复制一分黄色文字，绘制一个鲨鱼的头部的外形，用这个外形“修剪”处于鲨鱼头顶的文字，就创建了鲨鱼头穿过文字的视觉；,第十章 数字图形创意设计,（56）,6.创建一个直径为11mm左右的圆形，将颜色填充为C 100、M 31、Y 0 的蓝色。然后复制一个较小圆形，填充为白色；7.选取交互式调和工具，在属性栏上将渐变步数设置为10左右，创建两个圆形的渐变效果；,第十章 数字图形创意设计,（57）,8.从工具箱中选取基本形状工具中的“星形”工具，在光晕上创建

17、一个四角星形并将颜色填充为白色；,第十章 数字图形创意设计,（58）,8.把圆形光晕和四角星形调整位置；完成了这张图的绘制。,第十章 数字图形创意设计,（59）,10.4 数字标牌 本例创建具有透视和立体感的文字效果，主要涉及交互式立体工具的使用以及透镜效果的添加，见下图。,第十章 数字图形创意设计,（60）,一、创建立体牌1.绘制一个矩形；2.选取填充工具下的底纹填充工具，在打开的“底纹填充”对话框中，从“底纹库”中选取“风格”底纹，在“底纹列表”中选取“光纤浮雕”，对矩形进行填充；,第十章 数字图形创意设计,（61）,3.从工具箱中选取交互式立体化工具，在矩形上单击并拖动鼠标创建矩形的立体

18、效果；4.单击“斜角修饰边”按钮，启用“使用斜角修饰边”和“只显示斜角修饰边”选项，单击“斜角修饰边深度”右侧的按钮调整斜角修饰边深度数值，得到带有斜角边的立体矩形；,第十章 数字图形创意设计,（62）,5.保持这个矩形被选取，在属性栏上单击“照明”按钮，打开光源设置面板，单击“光源1”进行添加，为斜角边矩形添加照明，使其具有更好的立体效果；6.在调色板上方的图标上单击鼠标右键去除立体矩形的轮廓线；,第十章 数字图形创意设计,（63）,7.在矩形上画一个狭长的矩形，复制底色，执行“效果透镜”命令给狭长的矩形添加一个透明效果；,第十章 数字图形创意设计,（64）,二、创建文字1.在立体矩形的上半

19、部分随便输入一些文字，将文字颜色填充为白色；并在文字上面创建一个圆形；,第十章 数字图形创意设计,（65）,2.选取圆形，执行“效果透镜”命令，从透镜类型列表框下选取“鱼眼”透镜，将“比率”设置为200%，将透镜效果应用于圆上，使文字产生球状透视变形；,第十章 数字图形创意设计,（66）,3.去除圆形的轮廓线；在立体矩形的底部输入美术字文本“SFDG”，将文字颜色填充为红色，并设置为适当字号大小；,第十章 数字图形创意设计,（67）,4.为红色文字加上适当粗细的轮廓线；执行“排列将轮廓转换为对象”命令，将文字轮廓线转换为独立对象，然后将其颜色填充为C 0、M 20、Y 60、K 20 的棕黄色

20、；,第十章 数字图形创意设计,（68）,5.单击“照明”按钮，打开光源设置面板，单击“光源1”进行添加，为该立体对象添加照明；,第十章 数字图形创意设计,（69）,6.单击“斜角修饰边”按钮，在弹出的面板中启用“使用斜角修饰边”和“只显示斜角修饰边”选项，单击“斜角修饰边深度”右侧的按钮调整斜角修饰边深度数值，得到带有斜角边的文字轮廓对象的立体效果；,第十章 数字图形创意设计,（70）,7.选取所有对象，执行“排列群组”命令进行群组，完成图形绘制。,第十章 数字图形创意设计,（71）,谢 谢！,第十章 数字图形创意设计,（72）,数字图形创意设计,主讲教授 田少煦,（73）,10.5 烙印 本

21、例主要涉及到交互式封套工具的使用以及将矢量图转换为位图等操作、最后效果如图所示。,第十章 数字图形创意设计,（74）,一、创建额头图案 1.导入所需的位图素材图像；置入地图图案；,第十章 数字图形创意设计,（75）,2.在地图的外面绘制一个矩形外框，将轮廓线粗细设置为0.8mm左右；3.选取形状工具，拖动矩形四个角上的任意节点，为矩形的四个角倒圆角；,第十章 数字图形创意设计,（76）,4.框选地图及矩形框，将其群组。然后将其置于人像额头处并缩放到适当大小；5.选取交互式封套工具，为地图及矩形添加封套变形，封套模式设置为单弧模式，根据头部的透视对地图进行变形；,第十章 数字图形创意设计,（77

22、）,6.选取地图图形，执行“位图转换为位图”命令，在打开的“转换为位图”对话框中，将颜色设置为“灰阶”模式，将分辨率设置为300dpi，确保勾选“透明背景”选项，将地图图形转换为透明背景的灰度位图；,第十章 数字图形创意设计,（78）,7.再次执行“位图转换为位图”命令，在打开的“转换为位图”对话框中，将颜色设置为“黑白”模式，单击“确定”按钮，将地图转换为黑白位图模式。这样，将获得粗糙的颜色效果（同时图形带上白色背景）；,第十章 数字图形创意设计,（79）,8.保持选取，在调色板上方的图标上单击鼠标左键将地图的白色背景去掉，使其重新变为透明背景；9.选取地图图形，在调色板中的黄色上单击鼠标右

23、键，将地图的颜色改为黄色，完成该烙印创建；,第十章 数字图形创意设计,（80）,二、创建脸部图案 1.绘制一个小矩形条，将其颜色填充为黄色并去除轮廓线；,第十章 数字图形创意设计,（81）,2.选取矩形条，执行“排列变换位置”命令，在打开的“变换”泊物窗中，将位置栏的“垂直”坐标设置为-2左右，勾选“相对位置”选项，单击“应用到再制”按钮，对矩形条进行向下复制；,第十章 数字图形创意设计,（82）,3.选取所有矩形条，执行“排列结合”命令将其结合为同一对象；4.从工具箱中选取交互式封套工具，为矩形条添加封套变形，在属性栏上将封套模式设置为自由模式，对矩形条进行变形处理；,第十章 数字图形创意设

24、计,（83）,5.选取交互式透明工具，为矩形条添加透明效果。设置为“线性”，单击左端的“编辑透明度”按钮打开“渐变透明度”对话框，在对话框中选取“自定义”项，将渐变颜色设置为两端黑色，中间50灰色过渡，调整渐变透明滑块位置和方向应用透明；,第十章 数字图形创意设计,（84）,6.选取矩形条，执行“位图转换为位图”命令，在打开的“转换为位图”对话框中，将颜色设置为“RGB颜色”模式，将分辨率设置为300dpi，勾选“透明背景”选项，单击“确定”按钮，将矩形条转换为透明背景位图；,第十章 数字图形创意设计,（85）,7.再次选取交互式透明工具，在矩形条的底部单击并拖动添加线性透明度效果，将两种颜色

25、分别设置为白色和黑色，使矩形条的底部融合到脸部肤色中；,第十章 数字图形创意设计,（86）,8.将创建的矩形条复制并移至鼻子上方，完成图形绘制。,第十章 数字图形创意设计,（87）,10.6 同构 本例借助位图图片，通过将图像转换为黑白模式，使用黑白位图的填充操作方法实现多种图像同构效果，如图所示。,第十章 数字图形创意设计,（88）,1.执行“文件导入”命令，导入位图素材图像文件；,第十章 数字图形创意设计,（89）,2.选取图像，执行“位图模式灰度”命令，将图像转换为灰度模式。选取“效果调整亮度/对比度/强度”命令，在打开的“亮度/对比度/强度”对话框中，拖动“亮度”和“对比度”滑块，对其

26、进行适当调整；,第十章 数字图形创意设计,（90）,3.执行“位图模式黑白”命令，在打开的“转换为位图”对话框中，将转换方法设置为“线条图”，调整“阈值”滑块，将图像转换为黑白模式；,第十章 数字图形创意设计,（91）,4.保持选取图像，执行“效果变换反显”命令，将图像颜色反转（此时图像的背景部分将变为黑色，前景部分将变为白色），这是本例关键的一步；,第十章 数字图形创意设计,（92）,5.选取图像，在调色板中的黑色上单击鼠标左键重新将图像前景填充为黑色，在白色上单击鼠标右键将图像的背景填充为白色；6.按小键盘上的“+”键在原地复制一份图像，在调色板中的红色上单击鼠标左键将其颜色改为红色；,第

27、十章 数字图形创意设计,（93）,7.选取红色图像，选取形状工具，框选图像左边的两个节点，按住Ctrl键，将其水平向右进行一些移动；,第十章 数字图形创意设计,（94）,8.选取红色图像，从工具箱中选取填充工具下的图样填充工具，在打开的“图样填充”对话框中，将图样类型设置为“双色”，从图样列表中选择竖条纹图样；,第十章 数字图形创意设计,（95）,9.单击对话框中的“创建”按钮，在打开的“双色图案编辑器”中，对原线条进行绘制，加粗一倍；,第十章 数字图形创意设计,（96）,10.单击“确定”按钮，返回“图样填充”对话框。在“图样填充”对话框中，将前部颜色改为红色，单击“确定”按钮，使用创建的竖条纹对红色图像进行填充；11.保持选取，选取交互式填充工具，拖动交互式控制节点，调整竖条纹的大小和方向；,第十章 数字图形创意设计,（97）,12.复制一份底图黑色图像，在打开的“PostScript底纹”对话框中，勾选“预览填充”选项，在左侧的底纹列表中选取“彩叶”图案，设置“参数”下的图案最大值为150，最小值为50，单击确定按钮，应用填充；,第十章 数字图形创意设计,（98）,13.选取矩形工具，分别为图像添加黑色外框并群组对象，完成图像效果绘制。在本例中，使用相同的操作方法，还可以创建多种图像填充效果。,第十章 数字图形创意设计,（99）,谢 谢！,第十章 数字图形创意设计,