ホームページ > ウェブフロントエンド > PS チュートリアル > Photoshop设计制作出半透明的光影花朵

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

PHP中文网
リリース: 2017-03-20 11:52:08
オリジナル
1740 人が閲覧しました

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

 最终效果

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设计制作出半透明的光影花朵

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート