> 웹 프론트엔드 > PS 튜토리얼 > Photoshop设计制作华丽的金色立体空心五角星

Photoshop设计制作华丽的金色立体空心五角星

PHP中文网
풀어 주다: 2016-06-01 14:30:04
원래의
2268명이 탐색했습니다.
五角星构成并不复杂,可以分解为表面及立体面,表面边缘部分有点浮雕效果。制作的时候可以分层制作,用图层样式及渐变增加质感即可。
最终效果

Photoshop设计制作华丽的金色立体空心五角星


1、点这里下载教程中的素材。解压后,用PS打开PSD文件,先把其它图层隐藏,选择渐变工具,颜色设置如图1,在背景图层上面拉出图2所示的径向渐变。

Photoshop设计制作华丽的金色立体空心五角星
<图1>

Photoshop设计制作华丽的金色立体空心五角星
<图2>

2、现在来制作五角星的表面及立体面,分层图如下。

Photoshop设计制作华丽的金色立体空心五角星
<图3>

3、先来制作表面质感部分。选择表面图层,锁定透明像素后填充橙黄色:#FFD412,如下图。

Photoshop设计制作华丽的金色立体空心五角星
<图4>

4、双击表面图层缩略图载入样式设置面板,设置斜面和浮雕及等高线,参数及效果如下图。

Photoshop设计制作华丽的金色立体空心五角星
<图5>

Photoshop设计制作华丽的金色立体空心五角星
<图6>

Photoshop设计制作华丽的金色立体空心五角星
<图7>

5、按Ctrl + J 把当前图层复制一层,然后修改一下图层样式中的参数,确定后把填充改为:0%,效果如图10。

Photoshop设计制作华丽的金色立体空心五角星
<图8>

Photoshop设计制作华丽的金色立体空心五角星
<图9>

Photoshop设计制作华丽的金色立体空心五角星
<图10>

6、再按Ctrl + J 把当前图层复制一层,修改一下斜面和浮雕的参数,等高线去掉。确定后把填充改为:0%,不透明度改为:50%,效果如图12。

Photoshop设计制作华丽的金色立体空心五角星
<图11>

Photoshop设计制作华丽的金色立体空心五角星
<图12>

7、按住Ctrl键点击图层缩略图载入表面层的选区,如下图。

Photoshop设计制作华丽的金色立体空心五角星
<图13>

8、保持选区,选择菜单:选择 > 修改 > 收缩,数值为8,确定后再把选区羽化4个像素,然后给图层填充蒙版,效果如下图。

Photoshop设计制作华丽的金色立体空心五角星
<图14>

9、按住Ctrl键点击立体面载入选区,在背景图层上面新建一个组,给组添加图层蒙版。

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