ホームページ > ウェブフロントエンド > 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 までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート