Photoshop绘制美丽的矢量花朵藤蔓(3)

作者:Sener 出处: 本教程介绍简单的藤蔓花朵的制作方法。看到效果图不难发现,其实藤蔓都是由相同的叶子和花朵构成。制作的时候只需要做好一片叶子及一朵小花,其它的直接复制,并调整大小和颜色即可。 最终效果 点

用ps制作高级会员升级按钮

本ps教程学习如何用photoshop制作普通会员升级到高级会员的展示按钮,主要用到了自定义形状工具和图层样式,先看效果图。

作者:Sener   出处:
Photoshop绘制美丽的矢量花朵藤蔓(3)插图

本教程介绍简单的藤蔓花朵的制作方法。看到效果图不难发现,其实藤蔓都是由相同的叶子和花朵构成。制作的时候只需要做好一片叶子及一朵小花,其它的直接复制,并调整大小和颜色即可。

最终效果

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(1)

<点小图查看大图>

1、新建一个800 * 600像素的文档,背景颜色黄褐色:#F6D7A3,效果如下图。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(2)

<图1> 

2、下面开始制作叶子部分。新建一个图层,用钢笔勾出图2所示的选区,选择渐变工具,颜色设置如图3,拉出图4所示的线性渐变。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(3)

<图2>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(4)

<图3>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(5)

<图4> 

3、新建一个图层,用钢笔勾出一片叶子的路径如图5,转为选区后拉上图6所示的线性渐变,再简单加上一些叶脉,做好的叶子如图7。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(6)

<图5>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(7)

<图6>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(8)

<图7> 

4、把做好的树叶多复制一些,适当变换角度和大小,如图8,9。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(9)

<图8>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(10)

<图9>

5、再来制作花朵部分,为了便于观察,暂时把做好的叶子图层影藏。新建一个图层,用钢笔勾出一片花瓣的路径,转为选区后拉上图11所示的径向渐变,效果如图12。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(11)

<图10>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(12)

<图11>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(13)

<图12>

6、锁定图层后,用椭圆选框工具拉出下图所示的正圆选区,羽化8个像素后填充深红色:#32021A,作为花瓣的暗部,效果如下图。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(14)

<图13>

7、按Ctrl + J 把做好的花瓣复制一层,按Ctrl + T 变形处理,把中心点移到合适的位置,角度设置为45度,如图14。然后按回车确认。再按Ctrl + Alt + Shift + T 复制,直到组成一个圆形,效果如图15。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(15)

<图14>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(16)

<图15> 

8、新建一个图层,用钢笔勾出图16所示的较小花瓣选区,拉上图17所示的径向渐变。取消选区后按上面的方法复制,效果如图18。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(17)

<图16>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(18)

<图17>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(19)

<图18> 

9、新建一个图层,用钢笔勾出图19所示的选区,填充红褐色,边缘部分可以用减淡工具涂亮一点。如图19。新建一个图层,加上一些小圆点作为花蕊,花朵部分基本完成,效果如图20。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(20)

<图19>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(21)

<图20>

10、把构成花朵的图层合并。然后再复制,添加到叶子上面,适当调整好大小和颜色,效果如下图。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(22)

<图21>

11、最后调整一下细节,再调整一下整体颜色,完成最终效果。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(1)

<点小图查看大图>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(24)
Photoshop绘制美丽的矢量花朵藤蔓(3)插图(25)
Photoshop绘制美丽的矢量花朵藤蔓(3)插图(26)

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(24)
Photoshop绘制美丽的矢量花朵藤蔓(3)插图(25)
Photoshop绘制美丽的矢量花朵藤蔓(3)插图(26)作者:Sener   出处:
Photoshop绘制美丽的矢量花朵藤蔓(3)插图

本教程介绍简单的藤蔓花朵的制作方法。看到效果图不难发现,其实藤蔓都是由相同的叶子和花朵构成。制作的时候只需要做好一片叶子及一朵小花,其它的直接复制,并调整大小和颜色即可。

最终效果

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(1)

<点小图查看大图>

1、新建一个800 * 600像素的文档,背景颜色黄褐色:#F6D7A3,效果如下图。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(2)

<图1> 

2、下面开始制作叶子部分。新建一个图层,用钢笔勾出图2所示的选区,选择渐变工具,颜色设置如图3,拉出图4所示的线性渐变。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(3)

<图2>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(4)

<图3>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(5)

<图4> 

3、新建一个图层,用钢笔勾出一片叶子的路径如图5,转为选区后拉上图6所示的线性渐变,再简单加上一些叶脉,做好的叶子如图7。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(6)

<图5>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(7)

<图6>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(8)

<图7> 

4、把做好的树叶多复制一些,适当变换角度和大小,如图8,9。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(9)

<图8>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(10)

<图9>

5、再来制作花朵部分,为了便于观察,暂时把做好的叶子图层影藏。新建一个图层,用钢笔勾出一片花瓣的路径,转为选区后拉上图11所示的径向渐变,效果如图12。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(11)

<图10>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(12)

<图11>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(13)

<图12>

6、锁定图层后,用椭圆选框工具拉出下图所示的正圆选区,羽化8个像素后填充深红色:#32021A,作为花瓣的暗部,效果如下图。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(14)

<图13>

7、按Ctrl + J 把做好的花瓣复制一层,按Ctrl + T 变形处理,把中心点移到合适的位置,角度设置为45度,如图14。然后按回车确认。再按Ctrl + Alt + Shift + T 复制,直到组成一个圆形,效果如图15。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(15)

<图14>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(16)

<图15> 

8、新建一个图层,用钢笔勾出图16所示的较小花瓣选区,拉上图17所示的径向渐变。取消选区后按上面的方法复制,效果如图18。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(17)

<图16>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(18)

<图17>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(19)

<图18> 

9、新建一个图层,用钢笔勾出图19所示的选区,填充红褐色,边缘部分可以用减淡工具涂亮一点。如图19。新建一个图层,加上一些小圆点作为花蕊,花朵部分基本完成,效果如图20。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(20)

<图19>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(21)

<图20>

10、把构成花朵的图层合并。然后再复制,添加到叶子上面,适当调整好大小和颜色,效果如下图。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(22)

<图21>

11、最后调整一下细节,再调整一下整体颜色,完成最终效果。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(1)

<点小图查看大图>

作者:Sener   出处:
Photoshop绘制美丽的矢量花朵藤蔓(3)插图

本教程介绍简单的藤蔓花朵的制作方法。看到效果图不难发现,其实藤蔓都是由相同的叶子和花朵构成。制作的时候只需要做好一片叶子及一朵小花,其它的直接复制,并调整大小和颜色即可。

最终效果

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(1)

<点小图查看大图>

1、新建一个800 * 600像素的文档,背景颜色黄褐色:#F6D7A3,效果如下图。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(2)

<图1> 

2、下面开始制作叶子部分。新建一个图层,用钢笔勾出图2所示的选区,选择渐变工具,颜色设置如图3,拉出图4所示的线性渐变。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(3)

<图2>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(4)

<图3>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(5)

<图4> 

3、新建一个图层,用钢笔勾出一片叶子的路径如图5,转为选区后拉上图6所示的线性渐变,再简单加上一些叶脉,做好的叶子如图7。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(6)

<图5>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(7)

<图6>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(8)

<图7> 

4、把做好的树叶多复制一些,适当变换角度和大小,如图8,9。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(9)

<图8>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(10)

<图9>

5、再来制作花朵部分,为了便于观察,暂时把做好的叶子图层影藏。新建一个图层,用钢笔勾出一片花瓣的路径,转为选区后拉上图11所示的径向渐变,效果如图12。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(11)

<图10>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(12)

<图11>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(13)

<图12>

6、锁定图层后,用椭圆选框工具拉出下图所示的正圆选区,羽化8个像素后填充深红色:#32021A,作为花瓣的暗部,效果如下图。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(14)

<图13>

7、按Ctrl + J 把做好的花瓣复制一层,按Ctrl + T 变形处理,把中心点移到合适的位置,角度设置为45度,如图14。然后按回车确认。再按Ctrl + Alt + Shift + T 复制,直到组成一个圆形,效果如图15。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(15)

<图14>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(16)

<图15> 

8、新建一个图层,用钢笔勾出图16所示的较小花瓣选区,拉上图17所示的径向渐变。取消选区后按上面的方法复制,效果如图18。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(17)

<图16>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(18)

<图17>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(19)

<图18> 

9、新建一个图层,用钢笔勾出图19所示的选区,填充红褐色,边缘部分可以用减淡工具涂亮一点。如图19。新建一个图层,加上一些小圆点作为花蕊,花朵部分基本完成,效果如图20。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(20)

<图19>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(21)

<图20>

10、把构成花朵的图层合并。然后再复制,添加到叶子上面,适当调整好大小和颜色,效果如下图。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(22)

<图21>

11、最后调整一下细节,再调整一下整体颜色,完成最终效果。

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(1)

<点小图查看大图>

Photoshop绘制美丽的矢量花朵藤蔓(3)插图(24)
Photoshop绘制美丽的矢量花朵藤蔓(3)插图(25)
Photoshop绘制美丽的矢量花朵藤蔓(3)插图(26)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部