Home > Web Front-end > PS Tutorial > Photoshop设计制作出半透明的光影花朵

Photoshop设计制作出半透明的光影花朵

PHP中文网
Release: 2017-03-20 11:52:08
Original
1738 people have browsed it

光影花朵没有实物花朵那么复杂,制作的时候我们只需要把花瓣的高光部分渲染出来即可。然后把花瓣叠加在一起,会组成非常梦幻的效果。

 最终效果

Photoshop设计制作出半透明的光影花朵


1、新建一个1024 * 768像素的文档,选择渐变工具,颜色设置如图1,然后由中心向边角拉出图2所示的径向渐变作为背景。

Photoshop设计制作出半透明的光影花朵
<图1>

Photoshop设计制作出半透明的光影花朵
<图2>
 
2、现在开始制作花瓣。新建一个组,用钢笔勾出第一片花瓣的轮廓,转为选区后给组添加图层蒙版。确定后把组的不透明度改为:70%,如下图。

Photoshop设计制作出半透明的光影花朵
<图3>

3、在组里新建一个图层,用钢笔勾出花瓣的左边高光选区,羽化8个像素后填充淡黄色:#FBEEDE,如下图。

Photoshop设计制作出半透明的光影花朵
<图4>

4、新建一个图层,用钢笔勾出右边的高光选区,羽化8个像素后填充相同的颜色,效果如下图。

Photoshop设计制作出半透明的光影花朵
<图5>
 
5、新建一个图层,用钢笔勾出下图所示的选区填充淡黄色:#FBEDDD,取消选区后添加图层蒙版,用黑色画笔把底部擦出来,效果如图7。

Photoshop设计制作出半透明的光影花朵
<图6>

Photoshop设计制作出半透明的光影花朵
<图7>

6、新建一个图层,用钢笔勾出顶部高光选区,羽化6个像素后填充白色,如下图。

Photoshop设计制作出半透明的光影花朵
<图8>

7、第一片花瓣完成的效果如下图。

Photoshop设计制作出半透明的光影花朵
<图9>
 
8、同上的方法制作其它花瓣,过程如图10 - 14。注意好组的不透明度调整。

Photoshop设计制作出半透明的光影花朵
<图10>

Photoshop设计制作出半透明的光影花朵
<图11>

Photoshop设计制作出半透明的光影花朵
<图12>

Photoshop设计制作出半透明的光影花朵
<图13>

Photoshop设计制作出半透明的光影花朵
<图14>
 
9、隐藏背景图层,在图层的最上面新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。这样我们得到的花瓣的合并图层,如下图。

Photoshop设计制作出半透明的光影花朵
<图15>

10、把盖印后的花瓣稍微缩小一点,然后添加图层蒙版,用黑色画笔把底部不需要的部分擦掉,效果如下图。

Photoshop设计制作出半透明的光影花朵
<图16>

11、新建一个图层,用画笔点上一些小点,效果如下图。

Photoshop设计制作出半透明的光影花朵
<图17>
 
12、在背景图层上面新建一个图层,同上的方法制作两片叶子,过程如图18 - 20。

Photoshop设计制作出半透明的光影花朵
<图18>

Photoshop设计制作出半透明的光影花朵
<图19>

Photoshop设计制作出半透明的光影花朵
<图20>
 
13、创建亮度/对比度调整图层,适当增加图片的对比度,参数设置如图21,确定后适当降低图层不透明度,效果如图22。

Photoshop设计制作出半透明的光影花朵
<图21>

Photoshop设计制作出半透明的光影花朵
<图22>

最后调整一下细节,完成最终效果。

Photoshop设计制作出半透明的光影花朵

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template