Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。图形(Graph)和图像(Image)都是多媒体系统中的可视元素,虽然它们很难区分,但确实不是一回事。
有些女士手提包的外形时尚,表面上镶嵌许多珍珠,这些珍珠围成一片一片的叶子和花朵。这样的物件,如果绘画是很复杂的。但是,我们从基础的图形开始绘制,也是可以完成的。
今天,我们学习的这个图案就是不规则的旋转叶子图案。图案中,有叶子的正视图、侧视图,有向上长的,有向下长的,还有点缀在叶子之间的枝条和小花。整个图案将叶子的各个视角的形状表现出来,虽然是平面作品,但是很有立体感。下面,请跟我一起走进“旋转的叶子”这幅图案,研究它的创作。
创作工具:Illustrator 10
绘制步骤:
1. 打开原始素材图,将图层1重名为“原图”,然后锁定该图层。
图1为弧线添加箭头 2. 建立一个新图层,命名为“背景图”。从工具箱中选择“Rectangle”(矩形)工具,按下“Shift”键画一个145×145的正方形框,边框颜色设为“红色”,将其正好套在图层“原图”的轮廓上。
3. 建立新图层,命名为“辅助线”。选择菜单“View→Show Rulers”(视图→显示标尺)命令,从水平和垂直标尺上分别拉出水平和垂直辅助线各一条,放在正方形框的水平和垂直的中点上。
4. 建立新图层,命名为“骨架线”。从工具箱中选择“Line”(直线)工具,绘画出正方形的“米”字骨架线。
5. 建立新图层,命名为“走向”。从工具箱中选择“Pen”(钢笔)工具,沿着图案中的叶子的弧度,绘画弧线。选择菜单“Effect→Stylize→Add Arrowheads”(效果→风格→加箭头)命令,为弧线添加箭头,如图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所示。
图5 画出叶子侧视图 将其成组后并复制出若干个,放在相应的位置上,并通过使用“Rotate”(旋转)和“Direct Selection”(路径选择)工具,调整图形(注:在上下左右的边界上的图形是部分的叶子,我们先保留完整的叶子。打开“Align”(对齐)面板,将同一列的上下两个叶子选中,设置左对齐。将同一行的左右两个叶子选中,设置顶对齐)。使用“Ellipse”(椭圆)和“Pen”(钢笔)绘画出花朵和枝条,如图6所示。(注:这里,我们为了讲授清楚,对不同形状的图形设置了不同颜色的边框。)
图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 图案的阴阳效果
Photoshop默认保存的文件格式,可以保留所有有图层、色版、通道、蒙版、路径、未栅格化文字以及图层样式等。
关键词:PS图案艺术的绘画—旋转的叶子