Heim > Web-Frontend > PS-Tutorial > Hauptteil

Photoshop打造非常可爱的卡通藤蔓花朵

PHP中文网
Freigeben: 2016-06-01 14:35:08
Original
1890 Leute haben es durchsucht

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

Photoshop打造非常可爱的卡通藤蔓花朵



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

Photoshop打造非常可爱的卡通藤蔓花朵
<图1>
 
2、下面开始制作叶子部分。新建一个图层,用钢笔勾出图2所示的选区,选择渐变工具,颜色设置如图3,拉出图4所示的线性渐变。

Photoshop打造非常可爱的卡通藤蔓花朵
<图2>

Photoshop打造非常可爱的卡通藤蔓花朵
<图3>

Photoshop打造非常可爱的卡通藤蔓花朵
<图4>
 
3、新建一个图层,用钢笔勾出一片叶子的路径如图5,转为选区后拉上图6所示的线性渐变,再简单加上一些叶脉,做好的叶子如图7。

Photoshop打造非常可爱的卡通藤蔓花朵
<图5>

Photoshop打造非常可爱的卡通藤蔓花朵
<图6>

Photoshop打造非常可爱的卡通藤蔓花朵
<图7>
 
4、把做好的树叶多复制一些,适当变换角度和大小,如图8,9。

Photoshop打造非常可爱的卡通藤蔓花朵
<图8>

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

Photoshop打造非常可爱的卡通藤蔓花朵
<图10>

Photoshop打造非常可爱的卡通藤蔓花朵
<图11>

Photoshop打造非常可爱的卡通藤蔓花朵
<图12>
 
6、锁定图层后,用椭圆选框工具拉出下图所示的正圆选区,羽化8个像素后填充深红色:#32021A,作为花瓣的暗部,效果如下图。

Photoshop打造非常可爱的卡通藤蔓花朵
<图13>

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

Photoshop打造非常可爱的卡通藤蔓花朵
<图14>

Photoshop打造非常可爱的卡通藤蔓花朵
<图15>
 
8、新建一个图层,用钢笔勾出图16所示的较小花瓣选区,拉上图17所示的径向渐变。取消选区后按上面的方法复制,效果如图18。

Photoshop打造非常可爱的卡通藤蔓花朵
<图16>

Photoshop打造非常可爱的卡通藤蔓花朵
<图17>

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

Photoshop打造非常可爱的卡通藤蔓花朵
<图19>

Photoshop打造非常可爱的卡通藤蔓花朵
<图20>
 
10、把构成花朵的图层合并。然后再复制,添加到叶子上面,适当调整好大小和颜色,效果如下图。

Photoshop打造非常可爱的卡通藤蔓花朵
<图21>

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

Photoshop打造非常可爱的卡通藤蔓花朵

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage