検索
ホームページウェブフロントエンドPS チュートリアルPhotoshop制作出非常可爱的粉色水晶蝴蝶效果

水晶蝴蝶制作重点是把蝴蝶翅膀部分的高光渲染出来,过程也比较简单。先渲染整体的高光,做出水晶底色,然后再慢慢细化局部的高光和暗部即可。 

最终效果

Photoshop制作出非常可爱的粉色水晶蝴蝶效果

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
 
1、新建一个800 * 600像素的画布,选择渐变工具,颜色设置如图1,由左上至右下拉出图2所示的线性渐变。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图1>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图2>

2、蝴蝶是对称的,制作的时候我们只需要完成一半即可,先来制作翅膀部分,需要完成的效果如下图。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图3>
 
3、新建一个组,在组里新建一个图层,用钢笔勾出右边翅膀的选区,填充白色,如下图。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图4>

4、把当前支持图层复制一层,原翅膀图层隐藏,按住Alt键添加图层蒙版,用透明度较低的白色画笔把翅膀的中间部分擦出来,再适当降低图层不透明度,效果如下图。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图5>

5、新建一个图层,用钢笔勾出翅膀顶部的暗部,如图6。选择渐变工具,颜色设置如图7,拉出图8所示的线性渐变。然后把图层混合模式改为“正片叠底”,不透明度改为:30%,效果如图9。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图6>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图7>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图8>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图9>
 
6、调出当前图层选区,新建一个图层,填充淡黄色:#F9EC97,按Ctrl + D 取消选区后按住ALt键添加图层蒙版,用白色画笔把底部边缘部分擦出来,再适当降低图层不透明度,效果如图11。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图10>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图11>

7、调出翅膀选区,新建一个图层,用透明度较低的画笔把底部及顶部边缘涂上白色高光,操作的时候要慢慢涂抹,效果如下图。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图12>
 
8、把前景颜色设置为淡紫色:#FFC8E0,调出翅膀选区,新建一个图层,混合模式改为“色相”,用画笔把翅膀的左边涂上前景色,效果如下图。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图13>

9、新建一个图层,用钢笔勾出图14所示的选区,新建一个图层填充较淡的粉红色,然后在边缘部分涂上淡黄色及白色,效果如图15。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图14>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图15>

10、新建一个图层,同上的方法制作顶部的高光,用钢笔勾出图17所示的选区,填充淡粉色,混合模式改为“柔光”,边缘部分涂上一些淡黄色,效果如图17。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图16>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图17>
 
11、调出翅膀的选区,用白色画笔在边缘涂上一些高光,效果如下图。到这一步,右边翅膀基本完成。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图18>

12、把做好的翅膀复制一份,水平翻转后再对接起来,效果如下图。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图19>
 
13、躯干部分的制作方法相同,过程如图20,21。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图20>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图21>

14、调整一下细节,再按喜好装饰一些小点,效果如下图。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图22>

最后调整一下整体亮度,完成最终效果。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图23>

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
デザイナー向けの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.スクリプトを使用して、設計プロセスを自動化し、効率を向上させます。

初心者の記事:PSブラシを使用してフォントに亀裂効果を追加します(共有)初心者の記事:PSブラシを使用してフォントに亀裂効果を追加します(共有)Apr 07, 2025 am 06:21 AM

前の記事「PS(お気に入り)を使用してプレート画像に印刷効果を追加するためのステップバイステップを教える」では、PSを使用してPSを使用してプレート画像に印刷効果を追加するための小さなトリックを紹介しました。次の記事では、PSブラシを使用してフォントに亀裂効果を追加する方法を紹介します。それを行う方法を見てみましょう。

Photoshop Advanced Typography:見事なテキスト効果の作成Photoshop Advanced Typography:見事なテキスト効果の作成Apr 07, 2025 am 12:15 AM

Photoshopでは、レイヤースタイルとフィルターを介してテキストエフェクトを作成できます。 1.新しいドキュメントを作成し、テキストを追加します。 2.影や外側の輝きなどのレイヤースタイルを適用します。 3.波効果などのフィルターを使用し、ベベルとリリーフ効果を追加します。 4.マスクを使用して、効果範囲と強度を調整して、テキスト効果の視覚的影響を最適化します。

写真をカットする方法写真をカットする方法Apr 06, 2025 pm 10:27 PM

切断は、画像の背景部分を削除し、被写体を置き去りにするプロセスです。一般的なカットアウト方法は次のとおりです。マニュアルカットアウト:画像編集ソフトウェアを使用して、サブジェクトのエッジを手動で概説します。自動カットアウト:ソフトウェアを使用して、サブジェクトを自動的に識別し、背景から分離します。サードパーティの切り抜きツールを使用します。特別なツールを使用して画像を切り取ります。チャネルカットアウト:画像のチャネルを使用して、操作のために主題の色と明らかな違いを持つチャネルをセグメント化し、選択します。

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

ホットツール

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

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

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

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター