> 웹 프론트엔드 > PS 튜토리얼 > Photoshop设计制作出漂亮的果冻星形泡泡

Photoshop设计制作出漂亮的果冻星形泡泡

PHP中文网
풀어 주다: 2016-06-01 14:33:31
원래의
1640명이 탐색했습니다.

星形及一些不规则的泡泡制作思路都是一样的。只需要把边缘及中介部分的高光刻画出来即可,只是不规则图形的边角较多,刻画的过程稍微繁琐一点。

 最终效果

Photoshop设计制作出漂亮的果冻星形泡泡


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

Photoshop设计制作出漂亮的果冻星形泡泡
<图1>

Photoshop设计制作出漂亮的果冻星形泡泡
<图2>
 
2、新建一个组,用钢笔勾出五角星的轮廓,转为选区后给组添加图层蒙版,如下图。

Photoshop设计制作出漂亮的果冻星形泡泡
<图3>

3、在组里新建一个图层,填充白色,再把图层不透明度改为:20%,如下图。这个图层只用来参照,后面我们渲染高光的时候可以找出准确位置,等效果都出来后可以删除。

Photoshop设计制作出漂亮的果冻星形泡泡
<图4>

4、新建一个图层,用钢笔勾出底部的高光选区,填充白色,不透明度改为:60%,如下图。

Photoshop设计制作出漂亮的果冻星形泡泡
<图5>
 
5、取消选区后用钢笔勾出高光部分的底部,羽化10个像素后添加图层蒙版,如图6。把前景颜色设置为白色,用透明度较低的画笔把左上部分的边缘高光擦出来,如图7。

Photoshop设计制作出漂亮的果冻星形泡泡
<图6>

Photoshop设计制作出漂亮的果冻星形泡泡
<图7>

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

Photoshop设计制作出漂亮的果冻星形泡泡
<图8>

7、新建一个图层,用钢笔勾出底部中间位置的高光选区,羽化3个像素后填充白色。取消选区后添加图层蒙版,用黑色画笔把边缘及两端的过渡擦出来,如下图。

Photoshop设计制作出漂亮的果冻星形泡泡
<图9>
 
8、新建一个图层,用钢笔勾出下图所示的选区,羽化4个像素后填充白色,过渡部分再用蒙版控制好,如下图。

Photoshop设计制作出漂亮的果冻星形泡泡
<图10>

9、新建一个图层,用钢笔勾出右侧边缘高光选区,羽化8个像素后填充白色,不透明度改为:50%,如下图。

Photoshop设计制作出漂亮的果冻星形泡泡
<图11>

10、调出当前组蒙版选区,选择菜单:选择 > 修改 > 收缩,数值为2,确定后给当前图层添加蒙版,如下图。

Photoshop设计制作出漂亮的果冻星形泡泡
<图12>

11、同上的方法给右侧边缘增加一点高光,如下图。

Photoshop设计制作出漂亮的果冻星形泡泡
<图13>
 
12、新建一个图层,用钢笔勾出左侧边缘的高光选区,填充白色,不透明改为:40%,如下图。取消选区后用钢笔把中间一些不需要的部分勾出来,羽化5个像素后按Delete删除,效果如图15。

Photoshop设计制作出漂亮的果冻星形泡泡
<图14>

Photoshop设计制作出漂亮的果冻星形泡泡
<图15>

13、新建一个图层,用钢笔勾出顶部左侧的高光选区,羽化5个像素后填充白色,取消选区后再用蒙版控制一下边缘过渡。

Photoshop设计制作出漂亮的果冻星形泡泡
<图16>

14、新建一个图层,用钢笔勾出左侧边缘高光选区,羽化2个像素后填充白色,不透明度改为:60%,如下图。

Photoshop设计制作出漂亮的果冻星形泡泡
<图17>
 
15、新建一个图层,用钢笔勾出顶部边缘高光选区,羽化6个像素后填充白色,不透明度改为:70%,如下图。

Photoshop设计制作出漂亮的果冻星形泡泡
<图18>

16、新建一个图层,同上的方法给边缘及中间增加一些细小的高光,如图19,20。

Photoshop设计制作出漂亮的果冻星形泡泡
<图19>

Photoshop设计制作出漂亮的果冻星形泡泡
<图20>
 
17、在图层的最上面创建亮度/对比度调整图层,适当增加对比度,参数及效果如下图。

Photoshop设计制作出漂亮的果冻星形泡泡
<图21>

Photoshop设计制作出漂亮的果冻星形泡泡
<图22>

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

Photoshop设计制作出漂亮的果冻星形泡泡

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿