ホームページ ウェブフロントエンド PS チュートリアル Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Jun 01, 2016 pm 02:33 PM

本教程制作过程虽然复杂,不过思路很好理解。我们只需要用喷溅笔刷或素材,按照心形的轮廓刷上笔刷。然后把得到的喷溅心形多复制几层,分别设置好图层样式,把颜色及水珠质感设置出来即可。

 最终效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

1、新建1024*768的画布,分辨率72DPI,使用自定义形状工具做一个心形图案。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
2、插入不同的飞溅素材,适当的变换和旋转,使之成为心形,每个图层的图层混合模式均为正片叠底,这样可以显现出背景的心形。如下图所示同样的飞溅素材使用了两次,只是适当的拉伸、移动和倒置。点这里下载所有喷溅素材。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

3、和上述步骤一样,插入不同形状的飞溅素材。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

4、选中所有的飞溅素材,将其转换为智能对象。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

5、所有的飞溅素材图层将转换成一个智能对象图层。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
6、新建色阶调整层、黑白调整层,执行滤镜----模糊、表面模糊,相关参数设置如下图所示。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

模糊参数设置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

色阶参数设置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

黑白参数设置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
7、将智能对象图层和调整图层合并,将得到一个黑白的飞溅图层。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

8、消除白色背景,选择---色彩范围,用吸管吸取白色背景并移除。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

9、图示的即为消除白色背景后的图层。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

10、添加渐变叠加的图层样式。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
11、复制飞溅素材图层,对第一层添加调整图层。投影:正片叠底;内阴影:正常;斜面和浮雕:内斜面,平滑;等高线:线性;光泽:线性光;渐变叠加:叠加。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
12、对飞溅素材图层副本添加以下混合选项,斜面和浮雕:内斜面,光滑,等高线手工调整;等高线:线性;光泽:线性光;图案叠加:叠加。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
13、在最下面的飞溅素材图层和背景图层之间新建一个图层,在画布中间用柔化画笔做一个300像素的圆斑。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

14、复制圆斑图层,至于上方,对于圆斑使用自由变换工具拉伸,并移动到图示位置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

15、返回心形背景图层,添加渐变叠加,填充为0。渐变叠加:叠加,线性。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
16、保持心形图层可编辑,对于飞溅素材图层载入选区(CTRL+单击),对心形图层添加蒙版并载入选区。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

17、合并除背景图层和圆斑图层之外的所有图层,不透明的调整为25%。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

18、复制合并后的图层,放在背景图层之上,通过自由变换工具垂直翻转并增大尺寸,执行:编辑---变化---垂直翻转,图层混合模式为柔光,不透明的35%。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

19、接下来创建一条光带。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

20、为了创建这个光带,使用1像素的两个画笔,底部填充粉色/透明的横向渐变映射,顶部填充黑色至暗紫色。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
21、顶部的粉红色椭圆斑点用300像素,圆度12%的柔角笔刷创建。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

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

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)

高度なPhotoshopチュートリアル:マスターレタッチと合成 高度なPhotoshopチュートリアル:マスターレタッチと合成 Apr 17, 2025 am 12:10 AM

Photoshopの高度な写真編集および合成技術には、次のものが含まれます。1。基本操作にレイヤー、マスク、調整層を使用します。 2。画像ピクセル値を使用して、写真編集効果を実現します。 3.複雑な合成のために複数の層とマスクを使用します。 4.「液化」ツールを使用して、顔の特徴を調整します。 5.「周波数分離」テクノロジーを使用して、繊細な写真編集を実行すると、これらのテクノロジーは画像処理レベルを改善し、専門レベルの効果を達成できます。

Photoshopの重要な機能:ディープダイビング Photoshopの重要な機能:ディープダイビング Apr 19, 2025 am 12:08 AM

Photoshopの主な機能には、レイヤーとマスク、調整ツール、フィルター、エフェクトが含まれます。 1。レイヤーとマスクにより、画像パーツの独立した編集を可能にします。 2.明るさ/コントラストなどのツールの調整により、画像のトーンと明るさを変更できます。 3。フィルターとエフェクトは、視覚効果をすばやく追加できます。これらの機能を習得すると、創造的な専門家が創造的なビジョンを達成するのに役立ちます。

Photoshopの使用:創造的な可能性と実用的な用途 Photoshopの使用:創造的な可能性と実用的な用途 Apr 22, 2025 am 12:09 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 and Digital Art:絵画、イラスト、および合成 Photoshop and Digital Art:絵画、イラスト、および合成 Apr 18, 2025 am 12:01 AM

Digital ArtのPhotoshopのアプリケーションには、絵画、イラスト、画像の統合が含まれます。 1)塗装:ブラシ、鉛筆、ミキシングツールを使用して、アーティストは現実的な効果を生み出すことができます。 2)イラスト:ベクトルと形状のツールを使用すると、アーティストは複雑なグラフィックを正確に描き、効果を追加できます。 3)合成:マスクとレイヤーブレンディングモードを使用して、アーティストはさまざまな画像要素をシームレスにブレンドできます。

グラフィックデザインにPhotoshopを使用:ブランディングなど グラフィックデザインにPhotoshopを使用:ブランディングなど Apr 16, 2025 am 12:02 AM

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

写真家のためのPhotoshop:画像の強化とレタッチ 写真家のためのPhotoshop:画像の強化とレタッチ Apr 25, 2025 am 12:01 AM

Photoshopの写真の強化とレタッチは、修理ブラシツールを使用して輝度とコントラストを調整することで実現できます。 1)明るさとコントラストを調整します:輝度とコントラストを増やして、画像 - >調整 - >明るさ/コントラストメニューを介して露出しない写真を改善します。 2)修理ブラシツールを使用します。ツールバーでHealingBrushToolを選択し、適用して画像のその他のポイントまたは傷跡を削除します。

Photoshopが最善を尽くすこと:一般的なタスクとプロジェクト Photoshopが最善を尽くすこと:一般的なタスクとプロジェクト Apr 23, 2025 am 12:06 AM

Photoshopは、画像編集、レイヤー化とマスキング、デジタルペインティング、さまざまなデザインアプリケーションに特化しています。 1)画像の編集と修復:欠陥を削除し、色と明るさを調整します。 2)レイヤーとマスク:非破壊的な編集と作成。 3)デジタル絵画とイラスト:アート作品を作成します。 4)実用的なアプリケーション:グラフィックデザイン、Webデザイン、デジタルアート作成。

See all articles