ホームページ ウェブフロントエンド PS チュートリアル Photoshop打造超酷的古典魔法宝石图标

Photoshop打造超酷的古典魔法宝石图标

Jun 01, 2016 pm 02:34 PM

本教程介绍较为古典的图标制作方法。重点是金属表面的质感渲染。图标的构成不是很规则,需要按照一定的层次慢慢来制作与渲染。 最终效果

Photoshop打造超酷的古典魔法宝石图标

1、为了使造型更加准确,我们先画好草图。

Photoshop打造超酷的古典魔法宝石图标
 
2、画一个椭圆,稍微变形,添加图层样式,选择渐变叠加,选择好渐变方式并调色,效果如下图。

Photoshop打造超酷的古典魔法宝石图标

3、复制刚才的图层,并向下移,在其基础上涂抹一些暗色。

Photoshop打造超酷的古典魔法宝石图标

4、再次复制第一个图层,并加内阴影,缩小其余两个图层添加杂色。

Photoshop打造超酷的古典魔法宝石图标

5、让表盘凹进去,新建一个图层画一个弧形,并复制一个下移,减少透明度,两边用橡皮擦掉一点。

Photoshop打造超酷的古典魔法宝石图标

6、细化表盘侧面的光泽,添加投影,投影为3层堆叠。

Photoshop打造超酷的古典魔法宝石图标
 
7、添加表盘上的高光,更加感觉来即可。凹槽里加一个扩散的白色约20%透明度。

Photoshop打造超酷的古典魔法宝石图标

8、先画一个椭圆,目的是提供一个弧度。

Photoshop打造超酷的古典魔法宝石图标

9、根据刚才的弧度画圆柱的侧面。

Photoshop打造超酷的古典魔法宝石图标

10、复制第一个层到最上面,调整颜色。

Photoshop打造超酷的古典魔法宝石图标

11、用画笔画一道阴影变形。

Photoshop打造超酷的古典魔法宝石图标

12、复制第二个层,调整颜色。

Photoshop打造超酷的古典魔法宝石图标

13、上面画一道阴影,因为链扣在边缘,被表盘遮住光线所产生的阴影。

Photoshop打造超酷的古典魔法宝石图标
 
14、画一个椭圆,设置渐变叠加。

Photoshop打造超酷的古典魔法宝石图标

15、用画笔在椭圆顶部稍涂抹,再用橡皮稍稍调整。

Photoshop打造超酷的古典魔法宝石图标

16、用形状工具画一个六边形,稍稍压扁,根据圆弧的角度复制六边形,并作出相应的变形。

Photoshop打造超酷的古典魔法宝石图标

17、用钢笔路径勾出宝石的3个面。

Photoshop打造超酷的古典魔法宝石图标

18、两层复制,适当进行变形。

Photoshop打造超酷的古典魔法宝石图标

19、加上高光。

Photoshop打造超酷的古典魔法宝石图标
 
20、输入一些英文字符,根据透视感觉调整每个字符的角度,之后设置内阴影,距离1,大小为3像素。

Photoshop打造超酷的古典魔法宝石图标

21、加上中间的镜子。

Photoshop打造超酷的古典魔法宝石图标

22、画出宝石的锥形,注意下方的环境光。

Photoshop打造超酷的古典魔法宝石图标

23、用钢笔工具画出宝石的各个面。

Photoshop打造超酷的古典魔法宝石图标

24、用钢笔路径画出我们要的形状。

Photoshop打造超酷的古典魔法宝石图标
 
25、使用描边路径,并将已描好的线条进行暗处理,宝石的背后要少许暗一点,位置远的部分也要暗。

Photoshop打造超酷的古典魔法宝石图标

26、复制刚刚的那一层,增加白色,用橡皮擦慢慢擦除暗的部分。保留亮的部分。

Photoshop打造超酷的古典魔法宝石图标

27、第三个层与第二个层叠加产生的效果。

Photoshop打造超酷的古典魔法宝石图标

28、添加投影。

Photoshop打造超酷的古典魔法宝石图标

29、添加纹理,用铅笔工具即可,超出的部分用橡皮擦除。

Photoshop打造超酷的古典魔法宝石图标

30、用钢笔工具勾出裂痕,这里需要一点点耐心。

Photoshop打造超酷的古典魔法宝石图标

最终效果:

Photoshop打造超酷的古典魔法宝石图标

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

ソーシャルメディアグラフィックを作成するためにPhotoshopを使用するにはどうすればよいですか? ソーシャルメディアグラフィックを作成するためにPhotoshopを使用するにはどうすればよいですか? Mar 18, 2025 pm 01:41 PM

この記事では、ソーシャルメディアグラフィックスのPhotoshop、セットアップ、設計ツール、最適化技術をカバーすることを使用して詳細に説明しています。グラフィック作成の効率と品質を強調しています。

Photoshop(ファイルサイズ、解像度、カラースペース)でWeb使用のために画像を準備するにはどうすればよいですか? Photoshop(ファイルサイズ、解像度、カラースペース)でWeb使用のために画像を準備するにはどうすればよいですか? Mar 13, 2025 pm 07:28 PM

記事では、PhotoshopでのWeb使用のための画像の準備、ファイルサイズ、解像度、カラースペースの最適化に焦点を当てています。主な問題は、画質と迅速な読み込み時間のバランスをとることです。

Photoshopのコンテンツを意識した塗りつぶしおよびコンテンツを意識した移動ツールを効果的に使用するにはどうすればよいですか? Photoshopのコンテンツを意識した塗りつぶしおよびコンテンツを意識した移動ツールを効果的に使用するにはどうすればよいですか? Mar 13, 2025 pm 07:35 PM

記事では、Photoshopのコンテンツを意識した塗りつぶしツールを効果的に使用して、ソース領域の選択、間違いの避け、最適な結果のために設定の調整に関するヒントを提供します。

Photoshopのビデオ編集機能を使用するにはどうすればよいですか? Photoshopのビデオ編集機能を使用するにはどうすればよいですか? Mar 18, 2025 pm 01:37 PM

この記事では、ビデオ編集にPhotoshopを使用する方法、ビデオのインポート、編集、エクスポートの手順の詳細、およびタイムラインパネル、ビデオレイヤー、エフェクトなどの重要な機能の強調表示について説明します。

Photoshop(ファイルサイズ、解像度を最適化)を使用してWeb用の画像を準備するにはどうすればよいですか? Photoshop(ファイルサイズ、解像度を最適化)を使用してWeb用の画像を準備するにはどうすればよいですか? Mar 18, 2025 pm 01:35 PM

記事では、ファイルのサイズと解像度に焦点を当てたPhotoshopを使用して、Webの画像の最適化について説明します。主な問題は、品質と負荷時間のバランスをとることです。

Photoshopの正確な色についてモニターを校正するにはどうすればよいですか? Photoshopの正確な色についてモニターを校正するにはどうすればよいですか? Mar 13, 2025 pm 07:31 PM

記事では、Photoshopの正確な色のモニターの校正、キャリブレーションのツール、不適切なキャリブレーションの効果、および再調整頻度について説明します。主な問題は、色の精度を確保することです。

Photoshop(解像度、カラープロファイル)を使用して、印刷用の画像を準備するにはどうすればよいですか? Photoshop(解像度、カラープロファイル)を使用して、印刷用の画像を準備するにはどうすればよいですか? Mar 18, 2025 pm 01:36 PM

この記事は、Photoshopで印刷するための画像の準備を導き、解像度、色プロファイル、シャープネスに焦点を当てています。 300 PPIおよびCMYKプロファイルが高品質のプリントに不可欠であると主張しています。

PhotoshopでアニメーションGIFを作成するにはどうすればよいですか? PhotoshopでアニメーションGIFを作成するにはどうすればよいですか? Mar 18, 2025 pm 01:38 PM

記事では、既存のGIFにフレームを追加するなど、PhotoshopでアニメーションGIFの作成と最適化について説明します。主な焦点は、品質とファイルサイズのバランスをとることです。

See all articles