ホームページ ウェブフロントエンド PS チュートリアル Photoshop设计制作出绚丽闪动的抽象花朵

Photoshop设计制作出绚丽闪动的抽象花朵

Jun 01, 2016 pm 02:33 PM
抽象的な フラワーズ

本教程介绍非常有创意的抽象图形动画制作。教程前期的抽象图形制作较为关键,需要自己动手做出初始的抽象图形,然后按一定的规律复制多层,再把做好的图形放置在一个组里。然后再复制组,更改图形的颜色,混合模式及角度。顶部可以先加好渐变色。最后再按照一定的顺序设

 最终效果

Photoshop设计制作出绚丽闪动的抽象花朵

1、打开ps新建300*300像素的文件,文件名随便填,如图点确定。

Photoshop设计制作出绚丽闪动的抽象花朵

2、把图层1填充为黑色的背景,然后新建图层2,如图。

Photoshop设计制作出绚丽闪动的抽象花朵
 
3、选中图层2,用椭圆工具拖一个正圆的选区,填充为红色,不要取消选区。

Photoshop设计制作出绚丽闪动的抽象花朵

4、用左方向键移动适当的距离,然后删除选区内的内容,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

5、把图层2复制一层图层2副本,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

6、选中图层2副本,在画布上用移动工具把图层2副本移到如图所示。

Photoshop设计制作出绚丽闪动的抽象花朵

7、选中图层2,用橡皮檫工具檫除掉不需要的部分,如图。

Photoshop设计制作出绚丽闪动的抽象花朵
 
8、选中图层2副本向下合并如图。

Photoshop设计制作出绚丽闪动的抽象花朵

9、中心位置建立水平,垂直参考线到,然后用移到工具把图像移到中心交叉点位置,如图所示。

Photoshop设计制作出绚丽闪动的抽象花朵

10、按快捷键ctrl+alt+t,然后把旋转控点移到参考线的中心点上,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

11、设置旋转角度为22.5度,然后双击确定。

Photoshop设计制作出绚丽闪动的抽象花朵

12、按三键加T(SHIFT+CTRL+ALT+T)进行变换,按14下如图。

Photoshop设计制作出绚丽闪动的抽象花朵
 
13、除背景层外其他层合并,并复制一层,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

14、选中复制层,执行编辑-变换-水平翻转,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

15、载入复制图层的选区,填充绿色覆盖原有颜色,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

16、按ctrl+alt+t进行旋转复制,设置旋转角度为-1.5度(反方向),如图,然后双击确定。

Photoshop设计制作出绚丽闪动的抽象花朵

17、然后按快捷键三键加T(Shif+ctrl+alt+T),包括复制出的图层共15层,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

18、按ctrl+g把所有绿色图层为一个组,并关闭眼睛,如图。

Photoshop设计制作出绚丽闪动的抽象花朵
 
19、红色图层操作、设置方法同绿色图层,只是旋转方向为正时针,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

20、分别选中两组,设置图层混合模式为正片叠底,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

21、打开动画调板,执行从图层建立帧,如图,再删除黑色背景帧。

Photoshop设计制作出绚丽闪动的抽象花朵

22、在动画调板上选蓝16-30帧,执行拷贝多帧。

Photoshop设计制作出绚丽闪动的抽象花朵

23、在动画调板上选蓝1-15帧,执行粘贴多帧,出现的对话框设置如图。然后删除多余的16-30帧。

Photoshop设计制作出绚丽闪动的抽象花朵

24、在动画调板上选中所有帧,把时间调为0.1秒,循环改为永远,播放一下看效果怎么样,先不要打开背景层,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

25、在动画调板上,执行将帧拼合到图层,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

26、然后打开背景层,如图。

Photoshop设计制作出绚丽闪动的抽象花朵
 
27、新建一图层在最顶层,并保持选中状态,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

28、点渐变工具,选透明彩虹渐变如图所示。

Photoshop设计制作出绚丽闪动的抽象花朵

29、从中心点拉出径向渐变,图层混合模式设为滤色,效果如图所示。

Photoshop设计制作出绚丽闪动的抽象花朵
 
30、在动画调板上选中全部帧,点选刚做的渐变图层和背景图层使之作用在全部动画帧上。如图。这是可以播放一下看看效果,如果正常保存后输出网页格式gif动画。

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

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

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

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で直接エクスポートするには、プレビューと色の逸脱のための心理的な準備が必要です。解像度とファイルサイズの問題:実際の条件に応じて解像度を選択するか、圧縮オプションを使用してファイルサイズを最適化します。特殊効果の問題:エクスポートする前にレイヤーをマージ(フラットン)するか、長所と短所を比較検討します。

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

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

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

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

Photoshopのビデオ編集機能を使用するにはどうすればよいですか? Photoshopのビデオ編集機能を使用するにはどうすればよいですか? Mar 18, 2025 pm 01:37 PM

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

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

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

See all articles