ホームページ ウェブフロントエンド PS チュートリアル Photoshop 制作一个立体文件盒图标

Photoshop 制作一个立体文件盒图标

Jun 01, 2016 pm 02:36 PM
アイコン

在制作之前,需要对立体的透视有一定的了解。这样制作起来就比较方便。而且做出的效果就比较真实。教程虽然不难,不过还是要注意好细节及光感的处理。 最终效果
Photoshop 制作一个立体文件盒图标
1、创建Photoshop文档。
Photoshop 制作一个立体文件盒图标
2、创建新图层。
Photoshop 制作一个立体文件盒图标  
3、用矩形选区工具绘制一个选区,然后填充为黑色。
Photoshop 制作一个立体文件盒图标
4、改变颜色为灰色,然后复制图层,把复制的图层调整到上面,填充为黑色。
Photoshop 制作一个立体文件盒图标
5、用矩形选区工具在两个盒子中间绘制一个选区,然后使用#f7bb01 到#d3a305 颜色进行填充。
Photoshop 制作一个立体文件盒图标
 6、用矩形工具绘制选区,然后新建立一个图层,填充颜色如下所示。
Photoshop 制作一个立体文件盒图标
#p#
7、然后使用加深工具绘制阴影。
Photoshop 制作一个立体文件盒图标
8、加深工具绘制阴影。
Photoshop 制作一个立体文件盒图标
 9、绘制选区,主要是四个边绘制一个选区,然后填充为一样的颜色,可以添加一些高光。
Photoshop 制作一个立体文件盒图标
Photoshop 制作一个立体文件盒图标
10、使用大小3px绘制5px的的画笔,然后使用钢笔工具在盒子交叉的地方绘制一些直线,然后右击路径,描边路径,使用画笔描边。
Photoshop 制作一个立体文件盒图标
Photoshop 制作一个立体文件盒图标
 11、新建立一个图层,绘制选区,使用渐变工具2tones灰度我这里使用的颜色#dcdcdc是灰色,#9b9b9b 暗灰色,进行渐变填充。
Photoshop 制作一个立体文件盒图标
12、绘制新图层,制作阴影,用钢笔工具,最后设置颜色为黑色,图层不透明度调整到60%-70%,效果如下。
Photoshop 制作一个立体文件盒图标
#p#
13、然后选择盒子的部分,设置一个阴影。
Photoshop 制作一个立体文件盒图标  
14、使用矩形工具绘制一个黑色的矩形。
Photoshop 制作一个立体文件盒图标
15、绘制一个不规则选区。
Photoshop 制作一个立体文件盒图标
16、填充为#c4c4c4,然后调整大小,或者旋转,达到纸是真实的效果。
Photoshop 制作一个立体文件盒图标
 17、绘制阴影。
Photoshop 制作一个立体文件盒图标
18、最后添加图层样式,得到最终效果。
Photoshop 制作一个立体文件盒图标
Photoshop 制作一个立体文件盒图标

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Win11 でタスクバーのサムネイル プレビューを無効にする方法は? マウスを移動してタスクバー アイコンのサムネイル表示テクニックをオフにする Win11 でタスクバーのサムネイル プレビューを無効にする方法は? マウスを移動してタスクバー アイコンのサムネイル表示テクニックをオフにする Feb 29, 2024 pm 03:20 PM

Win11 でタスクバーのサムネイル プレビューを無効にする方法は? マウスを移動してタスクバー アイコンのサムネイル表示テクニックをオフにする

電話設定アイコンをデスクトップにダウンロードします。「数秒でわかる: Android スマートフォンでアプリのアイコンを変更する手順」 電話設定アイコンをデスクトップにダウンロードします。「数秒でわかる: Android スマートフォンでアプリのアイコンを変更する手順」 Feb 06, 2024 pm 04:27 PM

電話設定アイコンをデスクトップにダウンロードします。「数秒でわかる: Android スマートフォンでアプリのアイコンを変更する手順」

T-mobile スマートフォンの 5G UC および 5G UW アイコンは何を意味しますか? T-mobile スマートフォンの 5G UC および 5G UW アイコンは何を意味しますか? Feb 24, 2024 pm 06:10 PM

T-mobile スマートフォンの 5G UC および 5G UW アイコンは何を意味しますか?

Ubuntuのスタートメニューのアイコンを削除するにはどうすればよいですか? Ubuntuのスタートメニューのアイコンを削除するにはどうすればよいですか? Jan 13, 2024 am 10:45 AM

Ubuntuのスタートメニューのアイコンを削除するにはどうすればよいですか?

すべての Windows 11 モニターにシステム トレイ アイコンを表示するにはどうすればよいですか? すべての Windows 11 モニターにシステム トレイ アイコンを表示するにはどうすればよいですか? Sep 22, 2023 pm 03:21 PM

すべての Windows 11 モニターにシステム トレイ アイコンを表示するにはどうすればよいですか?

Win11でケースプロンプトアイコンをオフにする方法 Win11でケースプロンプトアイコンをオフにする方法 Jun 29, 2023 pm 01:00 PM

Win11でケースプロンプトアイコンをオフにする方法

ExcelアイコンをPPTスライドに挿入する方法 ExcelアイコンをPPTスライドに挿入する方法 Mar 26, 2024 pm 05:40 PM

ExcelアイコンをPPTスライドに挿入する方法

win11の右下隅にあるアイコンをクリックしても反応しない場合はどうすればよいですか? win11の右下隅にあるアイコンをクリックしても反応しない場合はどうすればよいですか? Jun 29, 2023 pm 01:54 PM

win11の右下隅にあるアイコンをクリックしても反応しない場合はどうすればよいですか?

See all articles