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

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

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 までご連絡ください。
グラフィックデザインにPhotoshopを使用:ブランディングなどグラフィックデザインにPhotoshopを使用:ブランディングなどApr 16, 2025 am 12:02 AM

ブランドデザインにPhotoshopを使用する手順には次のものがあります。1。ペンツールを使用して基本的な形状を描画します。2。レイヤースタイルを介してシャドウとハイライトを追加します。3。色と詳細を調整します。 Photoshopは、デザイナーがレイヤーとマスクの柔軟性を備えたブランド要素を作成および最適化し、シンプルなロゴから複雑なブランディングガイドまで、デザインの一貫性とプロフェッショナリズムを確保するのに役立ちます。

Photoshopのサブスクリプションモデル:あなたがお金のために得るものPhotoshopのサブスクリプションモデル:あなたがお金のために得るものApr 15, 2025 am 12:17 AM

Photoshopのサブスクリプションモデルは購入する価値があります。 1)ユーザーは、最新バージョンにアクセスし、いつでもデバイス間で使用できます。 2)サブスクリプション料金は低く、継続的な更新と技術サポートが提供されます。 3)ニューラルフィルターなどの高度な機能は、複雑な画像処理に使用できます。長期的なコストが高いにもかかわらず、その利便性と機能の更新は、プロのユーザーにとって価値があります。

Photoshop:無料試用版と割引オプションの調査Photoshop:無料試用版と割引オプションの調査Apr 14, 2025 am 12:06 AM

最も経済的な方法でPhotoshopへのアクセスを取得できます。1。7日間の無料トライアルでソフトウェア機能を体験します。 2。季節のプロモーションだけでなく、生徒または教師の割引を見つけます。 3.サードパーティのWebサイトでクーポンを使用します。 4. Adob​​e CreativeCloudの毎月または年次プランを購読します。

デザイナー向けのPhotoshop:視覚的な概念の作成デザイナー向けのPhotoshop:視覚的な概念の作成Apr 13, 2025 am 12:09 AM

Photoshopで視覚概念の作成は、次の手順を通じて実現できます。1。新しいドキュメントを作成します。2。背景レイヤーを追加します。3。ブラシツールを使用して基本的な形状を描画します。4。テキストとグラフィックを追加します。

Photoshopは無料ですか?サブスクリプションプランの理解Photoshopは無料ですか?サブスクリプションプランの理解Apr 12, 2025 am 12:11 AM

Photoshopは無料ではありませんが、低コストまたは無料で使用する方法がいくつかあります。1。無料の試用期間は7日で、この期間中にすべての機能を体験できます。 2。学生と教師の割引はコストを半分に削減でき、学校の証明が必要です。 3. CreativeCloudパッケージは、プロのユーザーに適しており、さまざまなAdobeツールが含まれています。 4。フォトショーペルメントとLightroomは低コストの代替品であり、機能は少なくなりますが、価格は低くなっています。

Photoshopの価値:その機能に対するコストを計量しますPhotoshopの価値:その機能に対するコストを計量しますApr 11, 2025 am 12:02 AM

Photoshopは、強力な機能と幅広いアプリケーションシナリオを提供するため、投資する価値があります。 1)コア関数には、画像編集、レイヤー管理、特殊効果の生産、色の調整が含まれます。 2)プロのデザイナーや写真家に適していますが、アマチュアはGIMPなどの代替案を考慮する場合があります。 3)AdobeCreativeCloudを購読することは、必要に応じて、1回限りの支出を避けるために使用できます。

Photoshopの中核目的:クリエイティブな画像デザインPhotoshopの中核目的:クリエイティブな画像デザインApr 10, 2025 am 09:29 AM

Photoshopのクリエイティブな画像デザインでのコアの使用は、その強力な機能と柔軟性です。 1)設計者は、レイヤー、マスク、フィルターを介して創造性を視覚的現実に変換することができます。 2)基本的な使用には、トリミング、サイズ変更、色補正が含まれます。 3)レイヤースタイル、ブレンドモード、スマートオブジェクトなどの高度な使用法は、複雑な効果を生み出すことができます。 4)一般的な間違いには、不適切な層管理とフィルターの過度の使用が含まれます。これは、レイヤーを整理し、フィルターを合理的に使用することで解決できます。 5)パフォーマンスの最適化とベストプラクティスには、レイヤーの合理的な使用、ファイルの定期的な保存、ショートカットキーの使用が含まれます。

WebデザインのPhotoshop:UI/UXの高度なテクニックWebデザインのPhotoshop:UI/UXの高度なテクニックApr 08, 2025 am 12:19 AM

Photoshopは、Webデザインで使用して、高忠実度のプロトタイプを作成し、UI要素を設計し、ユーザーインタラクションをシミュレートできます。 1.基本設計のためにレイヤー、マスク、スマートオブジェクトを使用します。 2。アニメーションおよびタイムライン関数を介してユーザーの相互作用をシミュレートします。 3.スクリプトを使用して、設計プロセスを自動化し、効率を向上させます。

See all articles

ホット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ヘンタイを無料で生成します。

ホットツール

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール