Home > Web Front-end > PS Tutorial > Photoshop设计制作华丽的金色立体空心五角星

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

PHP中文网
Release: 2016-06-01 14:30:04
Original
2267 people have browsed it
五角星构成并不复杂,可以分解为表面及立体面,表面边缘部分有点浮雕效果。制作的时候可以分层制作,用图层样式及渐变增加质感即可。
最终效果

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>
    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
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template