ホームページ ウェブフロントエンド PS チュートリアル Photoshop制作唯美的抽象光束蒲公英

Photoshop制作唯美的抽象光束蒲公英

Jun 01, 2016 pm 02:29 PM
抽象的な

效果图看上去光束比较多,其实都是由几条简单的光束复制变形得到的。而且小光束的制作非常简单,可直接用钢笔勾出弧度光滑的曲线路径,用描边路径或转选区填色都可以得到非常不错的光束
最终效果

Photoshop制作唯美的抽象光束蒲公英


1、新建一个800 * 650像素的画布,背景填充黑色。先来制作一条简单的组合光束,需要完成的效果如下图。

Photoshop制作唯美的抽象光束蒲公英
<图1>

2、新建一个组,在组里新建一个图层,选择钢笔工具,勾出下图所示的弧形闭合路径。

Photoshop制作唯美的抽象光束蒲公英
<图2>
 
3、按Ctrl + 回车,把路径转为选区,羽化1个像素后填充淡蓝色:#E6EAF5,确定后把不透明度改为:80%,效果如下图。

Photoshop制作唯美的抽象光束蒲公英
<图3>

4、新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充同上的淡蓝色。

Photoshop制作唯美的抽象光束蒲公英
<图4>

5、取消选区后用钢笔勾出下图所示的选区,羽化3个像素后给图层添加蒙版,如下图。

Photoshop制作唯美的抽象光束蒲公英
<图5>


6、新建一个图层,给光束的左侧中间位置增加一点高光。

Photoshop制作唯美的抽象光束蒲公英
<图6>

7、新建一个图层,用钢笔勾出下图所示的选区,填充淡蓝色,不透明度改为:60%,如下图。

Photoshop制作唯美的抽象光束蒲公英
<图7>

8、取消选区后用钢笔勾出下图所示的选区,羽化1个像素后添加图层蒙版。

Photoshop制作唯美的抽象光束蒲公英
<图8>
 
9、新建一个图层,用钢笔勾出下图所示的选区,填充淡蓝色,再按Ctrl + D 取消选区。

Photoshop制作唯美的抽象光束蒲公英
<图9>

10、用钢笔勾出下图所示的选区,羽化1个像素后添加图层蒙版。

Photoshop制作唯美的抽象光束蒲公英
<图10>

11、用钢笔勾出下图所示的选区,填充淡蓝色,不透明度改为:30%,再按Ctrl + D 取消选区。

Photoshop制作唯美的抽象光束蒲公英
<图11>

12、再用钢笔勾出下图所示的选区,羽化1个像素后填充图层蒙版。

Photoshop制作唯美的抽象光束蒲公英
<图12>

13、光束部分基本完成。新建一个图层,把背景图层隐藏,按Ctrl + Alt + Shift + E 盖印图层。

Photoshop制作唯美的抽象光束蒲公英
<图13>

14、把背景图层显示出来,把原光束图层隐藏,只显示盖印图层。按Ctrl + J 把盖印图层复制一层,按Ctrl + T 变形,先压扁一点,然后旋转角度,并调整大小及位置,如果14,15。

Photoshop制作唯美的抽象光束蒲公英
<图14>

Photoshop制作唯美的抽象光束蒲公英
<图15>
 
15、把盖印图层图层复制一层,按Ctrl + T 调整角度及大小,效果如下图。然后把这三个图层合并。

Photoshop制作唯美的抽象光束蒲公英
<图16>

16、把合并的图层复制一层,按Ctrl + T 变形处理,调整好位置及大小。

Photoshop制作唯美的抽象光束蒲公英
<图17>

17、同上的方法再复制几份,效果如下图。

Photoshop制作唯美的抽象光束蒲公英
<图18>

18、再把这几个图层合并。然后复制一份,选择菜单:编辑 > 变换 > 水平翻转。

Photoshop制作唯美的抽象光束蒲公英
<图19>

19、按Ctrl + T 变形,适当调整角度及大小,如下图。

Photoshop制作唯美的抽象光束蒲公英
<图20>
 
20、把这两个图层合并,得到花朵主体部分,如下图。

Photoshop制作唯美的抽象光束蒲公英
<图21>

21、按Ctrl + J 把当前花朵图层复制一层,按Ctrl + T 稍微缩小一点,然后锁定图层透明像素区域,选择渐变工具,颜色设置如图22,有底部向上拉出图23所示的线性渐变。确定后把图层混合模式改为“变亮”。

Photoshop制作唯美的抽象光束蒲公英
<图22>

Photoshop制作唯美的抽象光束蒲公英
<图23>

22、把原花朵图层复制一层,再把当前图层移到原花朵图层的下面,然后选择菜单:图层 > 图层样式 > 外发光,参数设置如图24,确定后按Ctrl + T调整好大小,如图25。

Photoshop制作唯美的抽象光束蒲公英
<图24>

Photoshop制作唯美的抽象光束蒲公英
<图25>
 
23、在背景图层上面新建一个组,同上的方法来制作花茎部分,如下图。

Photoshop制作唯美的抽象光束蒲公英
<图26>

Photoshop制作唯美的抽象光束蒲公英
<图27>

24、再制作几片叶子。

Photoshop制作唯美的抽象光束蒲公英
<图28>

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

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 18, 2025 pm 01:37 PM

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

Photoshopの正確な色についてモニターを校正するにはどうすればよいですか? Photoshopの正確な色についてモニターを校正するにはどうすればよいですか? Mar 13, 2025 pm 07:31 PM

記事では、Photoshopの正確な色のモニターの校正、キャリブレーションのツール、不適切なキャリブレーションの効果、および再調整頻度について説明します。主な問題は、色の精度を確保することです。

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

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

Photoshop(解像度、カラープロファイル)を使用して、印刷用の画像を準備するにはどうすればよいですか? Photoshop(解像度、カラープロファイル)を使用して、印刷用の画像を準備するにはどうすればよいですか? Mar 18, 2025 pm 01:36 PM

この記事は、Photoshopで印刷するための画像の準備を導き、解像度、色プロファイル、シャープネスに焦点を当てています。 300 PPIおよびCMYKプロファイルが高品質のプリントに不可欠であると主張しています。

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

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

See all articles