ホームページ ウェブフロントエンド PS チュートリアル Photoshop制作一个简洁可爱的彩色烟雾心形

Photoshop制作一个简洁可爱的彩色烟雾心形

Jun 01, 2016 pm 02:30 PM

效果图重点是烟雾部分的制作,需要在心形的边缘及中间位置增加类似烟雾的高光。至于火焰部分,直接使用火焰素材,稍作变形即可 最终效果

Photoshop制作一个简洁可爱的彩色烟雾心形


1、新建一个1024 * 650像素的文件,背景填充黑色。新建一个组,用钢笔勾出心形的轮廓,转为选区后给组添加图层蒙版。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图1>

2、在组里新建一个图层,选择渐变工具,颜色设置如图2,由左至右拉出图3所示的线性渐变,确定后把图层不透明度改为:40%,这一层只作为一个参考层,后面的烟雾渲染后可以删除。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图2>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图3>
 
3、新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充紫色。取消选区后添加图层蒙版,用黑色画笔把底部的过渡擦出来,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图4>

4、新建一个图层,用钢笔勾出中间高光部分的选区,羽化1个像素后填充比底色稍亮的颜色,然后按Ctrl + Alt + G 创建剪贴蒙版。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图5>

5、新建一个图层,用钢笔勾出边缘的高光选区,羽化1个像素后填充比底色稍亮颜色,确定后按Ctrl + Alt + G 创建剪贴蒙版。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图6>

6、新建一个图层,边缘的反光区域用画笔涂上一点淡紫色,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图7>

7、新建一个图层,沿着边缘制作顶部边缘的高光。用钢笔勾出下图所示的选区,羽化1个像素后填充紫色。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图8>
 
8、新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充淡紫色:#FEBDFC,混合模式改为“滤色”,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图9>

9、新建一个图层,继续制作边缘的高光,用钢笔勾出下图所示的选区,羽化3个像素后填充淡紫色:#FEBDFC,取消选区后添加图层蒙版,用黑色画笔把顶部过渡擦出来,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图10>

10、新建一个图层,制作中间部分的高光。先用钢笔勾出稍大的选区,羽化6个像素后填充紫色。然后新建一个图层,用钢笔勾出稍小的选区,羽化2个像素后填充稍亮的紫色,如图12。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图11>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图12>

11、新建一个图层,继续制作顶部的高光,同样用钢笔勾出选区,羽化1个像素后填充淡紫色。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图13>
 
12、新建图层,给左侧增加一点稍淡的高光,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图14>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图15>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图16>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图17>

13、新建图层,现在开始制作右侧的烟雾,方法跟左侧一样,不过这边的主色为蓝色。先用钢笔勾出下图所示的选区,羽化3个像素后填充蓝色:#6A6BF9,确定后把不透明度改为:60%,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图18>
 
14、新建图层,同上的方法制作其它的烟雾,需要控制的选区的羽化程度,过程如图19 - 23。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图19>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图20>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图21>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图22>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图23>
 
15、现在回到组的最底层,可以把渐变图层删除,或把不透明度改为:10%,如下图,这样烟雾就清晰很多。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图24>

16、打开火焰素材,拖进来移到图层的最上面,按Ctrl + T 变形,然后右键选择“变形”,沿心形左侧轮廓变形处理,确定后把图层混合模式改为“滤色”,过程如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图25>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图26>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图27>
 
17、同样的方法增加右侧的火焰,过程如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图28>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图29>

18、在图层的最上面创建亮度/对比度调整图层,适当增加对比度,参数及效果如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图30>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图31>

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

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衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

PSが荷重を見せ続ける理由は何ですか? PSが荷重を見せ続ける理由は何ですか? Apr 06, 2025 pm 06:39 PM

PSの「読み込み」の問題は、リソースアクセスまたは処理の問題によって引き起こされます。ハードディスクの読み取り速度は遅いか悪いです。CrystaldiskInfoを使用して、ハードディスクの健康を確認し、問題のあるハードディスクを置き換えます。不十分なメモリ:高解像度の画像と複雑な層処理に対するPSのニーズを満たすためのメモリをアップグレードします。グラフィックカードドライバーは時代遅れまたは破損しています:ドライバーを更新して、PSとグラフィックスカードの間の通信を最適化します。ファイルパスが長すぎるか、ファイル名に特殊文字があります。短いパスを使用して特殊文字を避けます。 PS独自の問題:PSインストーラーを再インストールまたは修理します。

PSでPDFをエクスポートすることに関する一般的な質問は何ですか PSでPDFをエクスポートすることに関する一般的な質問は何ですか Apr 06, 2025 pm 04:51 PM

PSをPDFとしてエクスポートする際のよくある質問とソリューション:フォント埋め込み問題:「フォント」オプションを確認し、「埋め込み」を選択するか、フォントを曲線(パス)に変換します。色偏差の問題:ファイルをCMYKモードに変換し、色を調整します。 RGBで直接エクスポートするには、プレビューと色の逸脱のための心理的な準備が必要です。解像度とファイルサイズの問題:実際の条件に応じて解像度を選択するか、圧縮オプションを使用してファイルサイズを最適化します。特殊効果の問題:エクスポートする前にレイヤーをマージ(フラットン)するか、長所と短所を比較検討します。

PSが常にロードされていることを常に示しているときに、ロードの問題を解決する方法は? PSが常にロードされていることを常に示しているときに、ロードの問題を解決する方法は? Apr 06, 2025 pm 06:30 PM

PSカードは「ロード」ですか?ソリューションには、コンピューターの構成(メモリ、ハードディスク、プロセッサ)の確認、ハードディスクの断片化のクリーニング、グラフィックカードドライバーの更新、PS設定の調整、PSの再インストール、優れたプログラミング習慣の開発が含まれます。

PSの負荷速度をスピードアップする方法は? PSの負荷速度をスピードアップする方法は? Apr 06, 2025 pm 06:27 PM

Slow Photoshopの起動の問題を解決するには、次のような多面的なアプローチが必要です。ハードウェアのアップグレード(メモリ、ソリッドステートドライブ、CPU)。時代遅れまたは互換性のないプラグインのアンインストール。システムのゴミと過剰な背景プログラムを定期的にクリーンアップします。無関係なプログラムを慎重に閉鎖する。起動中に多数のファイルを開くことを避けます。

PSのエクスポートPDFのパスワード保護を設定する方法 PSのエクスポートPDFのパスワード保護を設定する方法 Apr 06, 2025 pm 04:45 PM

Photoshopでパスワードで保護されたPDFをエクスポート:画像ファイルを開きます。 [ファイル]&gtをクリックします。 「エクスポート」&gt; 「PDFとしてのエクスポート」。 「セキュリティ」オプションを設定し、同じパスワードを2回入力します。 [エクスポート]をクリックして、PDFファイルを生成します。

PSペンツールの使用方法 PSペンツールの使用方法 Apr 06, 2025 pm 10:15 PM

ペンツールは、正確なパスと形状を作成するツールであり、次のように使用されます。ペンツール(P)を選択します。パス、充填、ストローク、および形状オプションを設定します。 [アンカーポイントの作成]をクリックし、曲線をドラッグして[アンカーポイントの作成]を解除します。 CTRL/CMD ALT/OPTを押して、アンカーポイントを削除し、アンカーポイントをドラッグして移動し、[曲線を調整]をクリックします。最初のアンカーをクリックしてパスを閉じて形状を作成し、最後のアンカーをダブルクリックして開いたパスを作成します。

遅いPSの読み込みはコンピューター構成に関連していますか? 遅いPSの読み込みはコンピューター構成に関連していますか? Apr 06, 2025 pm 06:24 PM

PSの負荷が遅い理由は、ハードウェア(CPU、メモリ、ハードディスク、グラフィックスカード)とソフトウェア(システム、バックグラウンドプログラム)の影響を組み合わせたものです。ソリューションには、ハードウェアのアップグレード(特にソリッドステートドライブの交換)、ソフトウェアの最適化(システムガベージのクリーンアップ、ドライバーの更新、PS設定のチェック)、およびPSファイルの処理が含まれます。定期的なコンピューターのメンテナンスは、PSのランニング速度を改善するのにも役立ちます。

PSがファイルを開いたときにロードの問題を解決する方法は? PSがファイルを開いたときにロードの問題を解決する方法は? Apr 06, 2025 pm 06:33 PM

「ロード」は、PSでファイルを開くときに発生します。理由には、ファイルが大きすぎるか破損しているか、メモリが不十分で、ハードディスクの速度が遅い、グラフィックカードドライバーの問題、PSバージョンまたはプラグインの競合が含まれます。ソリューションは、ファイルのサイズと整合性を確認し、メモリの増加、ハードディスクのアップグレード、グラフィックカードドライバーの更新、不審なプラグインをアンインストールまたは無効にし、PSを再インストールします。この問題は、PSパフォーマンス設定を徐々にチェックして使用し、優れたファイル管理習慣を開発することにより、効果的に解決できます。

See all articles