検索
ホームページウェブフロントエンドPS チュートリアルPhotoshop打造一个漂亮的紫色水晶对话泡泡效果

水晶效果虽然简单,仅有高光和暗部的刻画。不过要做好还是要一定功夫的,需要把实物的边缘及中间等较细的高光及暗部刻画出来,这样整体的细节较多,层次感也更强 最终效果

Photoshop打造一个漂亮的紫色水晶对话泡泡效果

1、新建一个600 * 600像素的文档,背景选择白色。新建一个组命名为“主体”,用钢笔工具把对话框的轮廓勾出来。然后给组添加图层蒙版,如下图。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图1>
 
2、在组里新建一个图层,选择渐变工具,颜色设置如图2,由左下向右上拉出图3所示的线性渐变,局部过渡不自然的部分可以用模糊工具模糊处理。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图2>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图3>

3、新建一个图层,用钢笔勾出图4所示的选区,然后羽化15个像素。再选择渐变工具,颜色设置如图5,由下至上拉出图6所示的线性渐变,顶部用加深工具稍微涂暗一点。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图4>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图5>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图6>
 
4、新建一个图层,把前景颜色设置为橙红色:#FFAB33,用画笔把下图选区部分涂上高光。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图7>

5、新建一个图层,把前景颜色设置为白色,用透明度较低的画笔把下图选区部分涂上高光,不均匀的部分可以添加图层蒙版后再稍微修饰一下。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图8>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图9>

6、新建一个图层,用钢笔勾出底部高光选区,羽化3个像素后填充黄绿色:#EAEE42,效果如下图。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图10>
 
7、新建一个图层,同上的方法制作右边、中间、左边边缘部分的高光,过程如图11 - 13。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图11>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图12>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图13>

8、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。调出组蒙版选区,选择菜单:选择 > 修改 > 收缩,数值为2,确定后按Delete 删除,再把混合模式改为“正片叠底”,效果如下图。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图14>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图15>
 
9、新建一个图层,用钢笔勾出顶部高光部分的选区如图16,选择渐变工具,颜色设置如图17,拉出图18所示的线性渐变。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图16>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图17>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图18>

10、把做好的高光复制一层,适当变形及调整大小和位置,效果如下图。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图19>
 
11、新建一个图层,用钢笔勾出右上角高光部分的选区并填充白色,假如他20。取消选区后用模糊工具把边缘稍微模糊处理,再添加图层蒙版,把边缘部分擦出来,效果如图21。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图20>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图21>

12、其它部分可跟进需要再添加一些高光,大致效果如下图。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图22>

13、调出组蒙版选区,在背景图层上面新建一个图层,选择菜单:选择 > 修改 > 收缩,数值为2,确定后填充白色。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图23>
 
14、取消选区后给色块添加投影样式,数值自定,大致效果如下图。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图24>

15、在图层的最上面创建亮度/对比度调整图层,参数设置如图25,效果如图26。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图25>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图26>

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

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图27>

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
Photoshop:マスタリングレイヤーと構成Photoshop:マスタリングレイヤーと構成May 01, 2025 am 12:05 AM

Photoshopに新しいレイヤーを作成する方法は次のとおりです。1。レイヤーパネルの下部にある[新しいレイヤー]ボタンをクリックします。 2。ショートカットキーCTRLシフトn(Windows)またはコマンドシフトn(MAC)を使用します。レイヤーは、キャンバス上の透明なシートのようなもので、設計要素を個別に管理し、非破壊的な編集と実験、および設計レベルの改善を可能にします。

Photoshopアプリケーション:写真編集からデジタルアートまでPhotoshopアプリケーション:写真編集からデジタルアートまでApr 30, 2025 am 12:10 AM

Photoshopは、画像処理とデジタルアートの分野で広く使用されており、写真編集やデジタルアートの作成に適しています。 1。写真編集:明るさとコントラストの調整「輝度/コントラスト」ツールを使用します。 2。デジタルアート:ブラシツールを使用して絵画を作成します。 3。基本的な使用法:「赤い眼球工具」を使用して、赤目を取り除きます。 4。高度な使用法:画像合成にレイヤーとマスクを使用します。 5。デバッグ:レイヤーパネルをチェックして、失われたレイヤーを回復します。 6。パフォーマンスの最適化:メモリの使用量を調整して、実行速度を向上させます。

Photoshopのコア関数:画像編集と操作Photoshopのコア関数:画像編集と操作Apr 29, 2025 am 12:17 AM

Photoshopのコア関数は、色の調整、輝度、画像の輝き、フィルター効果の適用、画像サイズのトリミングと調整などを含む画像編集と操作です。1。明るさとコントラストを調整します。画像を開き、「画像」メニューで「調整」オプションを選択し、「輝度/コントラスト」を選択し、スライダーを調整します。 2。色の調整レイヤーとレイヤーマスクを使用します。[新しい塗りつぶしまたは調整レイヤーを作成]ボタンをクリックし、「スケール」を選択し、色レベルを調整し、レイヤーマスクを追加し、ブラシツールを使用して調整効果を制御します。

Photoshop:ラスターグラフィックス編集のパワーPhotoshop:ラスターグラフィックス編集のパワーApr 28, 2025 am 12:13 AM

Photoshopはラスターグラフィックを処理するための強力なツールであり、そのコア機能にはレイヤーとマスク、フィルター、調整が含まれます。 1。レイヤーとマスクにより、独立した編集と非破壊的な変更が可能になります。 2。フィルターと調整は、画像の外観をすばやく変更できますが、画質に影響を与えることを避けるためには注意して使用する必要があります。これらの機能と高度なスキルを習得することにより、画像の編集と創造的な能力を大幅に改善できます。

Photoshop:画像操作のための汎用性の高いツールPhotoshop:画像操作のための汎用性の高いツールApr 27, 2025 am 12:13 AM

Photoshopは、その汎用性と直感的な動作インターフェイスのため、画像処理の分野で非常に強力です。 1)基本的な調整から、明るさやコントラストの調整などの複雑な合成まで、さまざまなタスクを処理できます。 2)レイヤーとマスクに基づいて機能すると、非破壊的な編集が可能になります。 3)使用の例には、カラーバランスの調整とレイヤーマスクの作成が含まれます。 4)過度の編集などの一般的なエラーは、履歴パネルを介して回避できます。 5)パフォーマンス最適化の提案には、スマートオブジェクトとショートカットキーの使用が含まれます。

Photoshopトライアルと代替案:無料アクセスの探索Photoshopトライアルと代替案:無料アクセスの探索Apr 26, 2025 am 12:23 AM

Photoshopは、無料の7日間の試用期間を提供します。トライアル期間の使用を最大化するには、1)複数のAdobeアカウントにサインアップし、2)学生または教育バージョンを使用し、3)Adobe CreativeCloudを購読します。無料の代替品には、1)GIMP、2)Photopea、3)Krita、これらのソフトウェアは毎日の画像編集ニーズを満たすことができます。

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

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

Photoshopへのアクセス:方法と可用性Photoshopへのアクセス:方法と可用性Apr 24, 2025 am 12:07 AM

Photoshopは、恒久的なライセンスを購入したり、CreativeCloudを購読したりすることで取得できます。 1.長期使用のために恒久的なライセンスを購入し、毎月の支払いはありませんが、最新の更新は利用できません。 2. CreativeCloudを購読して、最新バージョンやその他のAdobeソフトウェアにアクセスすると、毎月または年会費を支払う必要があります。選択は、使用頻度と要件に基づいている必要があります。

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

Video Face Swap

Video Face Swap

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

ホットツール

SublimeText3 英語版

SublimeText3 英語版

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

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 Mac版

SublimeText3 Mac版

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

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。