ホームページ ウェブフロントエンド PS チュートリアル Photoshop打造可爱的橙色水晶小蝴蝶

Photoshop打造可爱的橙色水晶小蝴蝶

Jun 01, 2016 pm 02:34 PM

本教程介绍水晶蝴蝶的制作方法,过程比较简单,只需要把蝴蝶翅膀及躯干等部分的高光及暗调渲染出来即可。另外蝴蝶是非常对称的,制作的时候我们只需要重点做好一半,其它部分直接复制就可以。 

 最终效果

Photoshop打造可爱的橙色水晶小蝴蝶


1、新建一个800 * 600像素的文档,背景选择白色。新建一个图层,命名为“小翅膀”,用钢笔工具勾出下图所示的选区。

Photoshop打造可爱的橙色水晶小蝴蝶
<图1>
 
2、选择渐变工具,颜色设置如图2,拉出图3所示的径向渐变。

Photoshop打造可爱的橙色水晶小蝴蝶
<图2>

Photoshop打造可爱的橙色水晶小蝴蝶
<图3>

3、新建一个图层,用钢笔工具勾出图4所示的选区,选择渐变工具,颜色设置如图5,拉出图6所示的线性渐变。

Photoshop打造可爱的橙色水晶小蝴蝶
<图4>

Photoshop打造可爱的橙色水晶小蝴蝶
<图5>

Photoshop打造可爱的橙色水晶小蝴蝶
<图6>
 
4、新建一个图层,用钢笔工具勾出下图所示的选区填充暗红色,下部边缘部分涂上鲜艳一点的红色,如下图。

Photoshop打造可爱的橙色水晶小蝴蝶
<图7>

5、新建一个图层,用硬度为为100%的圆形画笔点上一些白色高光,适当改变图层不透明度,效果如下图。

Photoshop打造可爱的橙色水晶小蝴蝶
<图8>

6、新建一个图层,用钢笔勾出图9所属的鹅选区,拉上图10所示的线性渐变。

Photoshop打造可爱的橙色水晶小蝴蝶
<图9>

Photoshop打造可爱的橙色水晶小蝴蝶
<图10>
 
7、新建一个图层,用钢笔勾出下图所示的选区填充颜色:#DF430D,边缘部分用画笔涂上一些橙黄色高光。

Photoshop打造可爱的橙色水晶小蝴蝶
<图11>

8、用钢笔勾出下图所示的选区,按Ctrl + J 把选区部分的图形复制到新的图层,图层混合模式改为“滤色”,不透明度改为:40%。

Photoshop打造可爱的橙色水晶小蝴蝶
<图12>

9、用钢笔勾出图13所示的选区,选择渐变工具颜色设置如图14,拉上线性渐变后用白色画笔把右上角部分涂上一些白色高光。

Photoshop打造可爱的橙色水晶小蝴蝶
<图13>

Photoshop打造可爱的橙色水晶小蝴蝶
<图14>
 
10、把当前图层混合模式改为“正片叠底”,不透明度改为:60%,效果如下图。

Photoshop打造可爱的橙色水晶小蝴蝶
<图15>

11、调出当前图层选区,新建一个图层,用白色画笔把右上角部分涂上白色高光,如图17。

Photoshop打造可爱的橙色水晶小蝴蝶
<图16>

Photoshop打造可爱的橙色水晶小蝴蝶
<图17>

12、新建一个图层,用钢笔勾出下图所示的选区填充白色,图层不透明度改为:30%,加上图层蒙版,用黑色画笔把底部涂点透明效果。

Photoshop打造可爱的橙色水晶小蝴蝶
<图18>
 
13、新建一个图层,用钢笔勾出翅膀纹路部分的选区填充暗红色,顶部涂上一些紫红色,如图20。勾路径的时候可以分段来勾。

Photoshop打造可爱的橙色水晶小蝴蝶
<图19>

Photoshop打造可爱的橙色水晶小蝴蝶
<图20>

14、把纹路图层混合模式改为“叠加”,效果如下图。

Photoshop打造可爱的橙色水晶小蝴蝶
<图21>

15、新建一个图层,用白色画笔点上一些高光,右边翅膀基本完成,效果如下图。

Photoshop打造可爱的橙色水晶小蝴蝶
<图22>
 
16、左边翅膀直接复制过去即可。

Photoshop打造可爱的橙色水晶小蝴蝶
<图23>

17、新建一个图层,用椭圆选框工具拉出图24所示的选区,拉上图25所示的径向渐变。

Photoshop打造可爱的橙色水晶小蝴蝶
<图24>

Photoshop打造可爱的橙色水晶小蝴蝶
<图25>
 
18、其它部分如眼睛、触角、身体等部分的制作方法同上,过程如图26 - 29。

Photoshop打造可爱的橙色水晶小蝴蝶
<图26>

Photoshop打造可爱的橙色水晶小蝴蝶
<图27>

Photoshop打造可爱的橙色水晶小蝴蝶
<图28>

Photoshop打造可爱的橙色水晶小蝴蝶
<图29>

最后调整一下细节和角度,完成最终效果。

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

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

Photoshop(ファイルサイズ、解像度、カラースペース)でWeb使用のために画像を準備するにはどうすればよいですか? Photoshop(ファイルサイズ、解像度、カラースペース)でWeb使用のために画像を準備するにはどうすればよいですか? Mar 13, 2025 pm 07:28 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のビデオ編集機能を使用するにはどうすればよいですか? Photoshopのビデオ編集機能を使用するにはどうすればよいですか? Mar 18, 2025 pm 01:37 PM

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

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

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

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

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

See all articles