平面设计教程 广告设计欣赏包装设计欣赏标志设计欣赏VI设计欣赏室内设计效果图平面设计作品封面设计欣赏
设计作品

图案艺术的绘画——旋转的叶子|平面设计教程,PS教程,3D教程

设计设计 您的位置:设计首页>平面设计教程>正文
图案艺术的绘画——旋转的叶子



 有些女士手提包的外形时尚,表面上镶嵌许多珍珠,这些珍珠围成一片一片的叶子和花朵。这样的物件,如果绘画是很复杂的。但是,我们从基础的图形开始绘制,也是可以完成的。

  今天,我们学习的这个图案就是不规则的旋转叶子图案。图案中,有叶子的正视图、侧视图,有向上长的,有向下长的,还有点缀在叶子之间的枝条和小花。整个图案将叶子的各个视角的形状表现出来,虽然是平面作品,但是很有立体感。下面,请跟我一起走进“旋转的叶子”这幅图案,研究它的创作。

  创作工具:Illustrator 10

  绘制步骤:

  1. 打开原始素材图,将图层1重名为“原图”,然后锁定该图层。

  2. 建立一个新图层,命名为“背景图”。从工具箱中选择“Rectangle”(矩形)工具,按下“Shift”键画一个145×145的正方形框,边框颜色设为“红色”,将其正好套在图层“原图”的轮廓上。

  3. 建立新图层,命名为“辅助线”。选择菜单“View→Show Rulers”(视图→显示标尺)命令,从水平和垂直标尺上分别拉出水平和垂直辅助线各一条,放在正方形框的水平和垂直的中点上。

  4. 建立新图层,命名为“骨架线”。从工具箱中选择“Line”(直线)工具,绘画出正方形的“米”字骨架线。

  5. 建立新图层,命名为“走向”。从工具箱中选择“Pen”(钢笔)工具,沿着图案中的叶子的弧度,绘画弧线。选择菜单“Effect→Stylize→Add Arrowheads”(效果→风格→加箭头)命令,为弧线添加箭头,如图1所示,锁定该图层。

图1为弧线添加箭头


  注:叶子是这幅图案的主体,有的叶子向上,有的叶子向下,形成一种旋转生长的运动的旋律,因此,这幅图案的生动之处,就在于它的运动旋律,将春暖花开生机盎然的自然景色演绎得非常准确。这幅图案不是对称型的。图案中叶子多的上半区,花朵少,叶子少的下半区,花朵多,因此,整个图案呈现出均衡型。

 6. 在图层“走向”之下建立一个新图层,命名为“图案”。使用“Pen”(钢笔)工具,先绘画出一片完整的大叶子正视图,打开“Stroke”(勾边)面板,设置线粗为2,端点为圆形,勾选“Dashed Li”(虚线),设置虚线长度为0.6,间距为3,如图2所示。全选这片叶子,按下“Ctrl+G”组合键将其组合。

图2 设置“图案”图层参数


  7. 按下“Alt”键复制这片叶子,使用“Direct Selection”(路径选择)工具,调整绘画出小叶子,如图3所示。

图3 复制这片叶子图层参数


  8. 选中小叶子的全部成组,选中这两片叶子成组并复制出两组,放在相应的位置上,使用“Rotate”(旋转)工具,调整这两片叶子的方向和形状,如图4所示。

图4 复制两组叶子,并且调整方向


  9. 接下来,绘画叶子的侧视图,如图5所示。将其成组后并复制出若干个,放在相应的位置上,并通过使用“Rotate”(旋转)和“Direct Selection”(路径选择)工具,调整图形(注:在上下左右的边界上的图形是部分的叶子,我们先保留完整的叶子。打开“Align”(对齐)面板,将同一列的上下两个叶子选中,设置左对齐。将同一行的左右两个叶子选中,设置顶对齐)。使用“Ellipse”(椭圆)和“Pen”(钢笔)绘画出花朵和枝条,如图6所示。(注:这里,我们为了讲授清楚,对不同形状的图形设置了不同颜色的边框。)

图5 画出叶子侧视图

图6 画出花朵和枝条


  10. 接下来,绘画出四个边界的图形,如图7所示。

图7 绘画出四个边界的图形


  11. 注:以左上角的图案为例,“原图”是这片叶子的右下部分,四个角合并为一片子,这样的图怎么绘画准确呢?首先,复制一个大叶子,将其放在右下角,与“原图”的相应部分重合,不重合可以用“Direct Selection”(路径选择)工具调整。然后,将其移到左下角,与相应部分重合,再调整,依此类推,再将其移到左上角和右上角,调整与“原图”相应部分一至,这个图形就绘画好了,将其复制三个,放在其他三个角上,选中同一行的两个叶子,打开“Align”(对齐)面板,单击顶端对齐。选中同一列的两个叶子,单击左端对齐,还要注意上下两个图形的位置是否相同,以边界为标准,这样合并的叶子才自然而准确。

  12. 至此,图案的组成图形绘画完成。接下来,裁切四个边界的图形,这是绘制这个图案的难点。因为一定要裁切精确,图案才能合并自然。首先,裁切上下两边的侧视叶子(注:以边框的内边为标准,使用“Scissors”(剪刀)工具,在路径上单击剪切点,然后使用“Direct Selection”选择工具,选中边框外的路径删除),如图8所示。

图8 精确裁切四个边界的图形


  13. 按照图9所示,剪切左右两边的侧视叶子。

图9 剪切左右两边的侧视叶子

14. 按照图10所示,剪切上下两边的圆形花朵。

图10 剪切上下两边的圆形花朵


  15. 按照图11所示,剪切上下两边的俯视叶子。

图11 剪切上下两边的俯视叶子


  16. 按照图12所示,剪切左右两边的俯视叶子。

图12 剪切左右两边的俯视叶子


  17. 按照图13所示,剪切上下左右四个角的俯视叶子。

图13 剪切上下左右四个角的俯视叶子


  18. 边界线上的图形剪切完成后,将所有图形统一颜色,如图14所示。

图14 将图案颜色统一



  19. 隐藏图层“骨架线”和“背景图”,打开“Window→Swatches”(窗口/样本)面板,单击面板上的“Show Pattern Swatches”(显示图案样本)图标按钮,使用“Direct Selection”(路径选择)工具,全选图案拖至到“样本”面板上,将自动添加此图案。画一个墨绿色矩形,再画一个矩形,单击“图案样本”中的叶子图案,如图15所示。

图15 墨绿色的矩形


  图16为此图案的阴阳效果。至此,这个“旋转的叶子”图案制作完成。

图16 图案的阴阳效果
平面设计教程,PS教程,3D教程 设计欣赏 网站设计 广告设计 平面设计
您现在欣赏的是由无限设计欣赏站为您提供的《图案艺术的绘画——旋转的叶子》,谢谢您!我们为您提供丰富的平面设计网站设计广告设计,画册设计,包装设计,标志设计和VI设计等设计类欣赏,PHOTOSHOP教程,在线教程,教程和学习文章。
欢迎收藏本网站,并记住我们的域名:www.fotoer.com,点击此处返回设计网站首页
平面设计教程,PS教程,3D教程: 图案艺术的绘画——旋转的叶子

·平面设计作品 ·视觉设计欣赏
·平面设计教程 ·室内装潢设计图
·画册设计欣赏 ·广告设计欣赏
·包装设计欣赏 ·网页制作教程
·标志设计欣赏 ·VI设计欣赏
·封面设计欣赏

·国外VI设计欣赏
·韩国VI设计欣赏
·德国邮政VI视觉识别系统
·德国电信视觉识别指示系统
·VI定义:什么叫VI(完整的VI目录)
·如何编制CI手册?
·什么是商标? 
·商标的构成
·商标的文字、图形
·商标的颜色
·国外VI设计欣赏
·韩国VI设计欣赏
·德国邮政VI视觉识别系统
·德国电信视觉识别指示系统
·VI定义:什么叫VI(完整的VI目录)
·如何编制CI手册?
·什么是商标? 
·商标的构成
·商标的文字、图形
·商标的颜色
·国际平面设计作品联合会设计师作
·Michael Schofield 平面设计作品
·Alejandro Guatelli 平面设计作品
·Janis Gloystein 平面设计作品欣
·国际平面设计作品联合会设计师作
·Justin Clark 平面设计作品
·国际平面设计作品联合会设计师作
·Laura Anderson 平面设计作品欣赏
·Lora Colaric 平面设计作品欣赏
·SEGURA INC 平面设计作品欣赏
·Matthew Partman 平面设计作品(
·Dijana Marsic 平面设计作品
·Kevin Smith 平面设计作品
·goodbrand 平面设计作品
·Katherine Der 平面设计作品
·国际平面设计作品联合会设计师作
·Michael Schofield 平面设计作品
·Alejandro Guatelli 平面设计作品
·Janis Gloystein 平面设计作品欣
·国际平面设计作品联合会设计师作
·Justin Clark 平面设计作品
·国际平面设计作品联合会设计师作
·Laura Anderson 平面设计作品欣赏
·Lora Colaric 平面设计作品欣赏
·SEGURA INC 平面设计作品欣赏