Photoshop で GIF 画像を作成する手順

Pocket

フォトショでもGIF画像を作れるので今回はそのやり方についても書いておきます….

音楽やってる方、バンドやってる方、そういったチームの中に、Webデザインの事などを担当してくれる人がいればかなり作業ははかどります

その作業の一つとして、Webサイトデザインなどができれば強いです

GIF画像をWebサイトで効果的に使えたら音源以外での印象もつけることができるので是非GIF画像で遊んでみてくださひw

という内容ですw

PhotoshopでGIF画像

〜〜項目〜〜〜〜〜

❤︎1、フォトショでのGIF画像の作り方

❤︎2 、Webサイトへアップw

〜〜〜〜〜〜〜〜〜〜〜〜〜

スポンサーリンク

❤︎1、フォトショでのGIF画像の作り方

まず画像ネタを準備する

イラスト、写真など使う素材をフィルダにまとめておく↓

ファイルにネタをまとめる

フォトショを開き、ファイル>スクリプト>ファイルをレイヤーとして読み込みで、レイヤーを読み込む↓

レイヤーを読み込む
ファイルの読み込み

読み込まれました↓

レイヤーで読み込み

ウィンドウ>タイムラインで作成していきます↓

ウィンドウ>タイムライン

タイムラインの右上タブをクリックし、↓

タイムラインの右上たぶ

レイヤーからフレームを作成↓

レイヤーからフレームを作成

再生タイムなどを整える↓

再生タイム

できたら保存しますが、ファイル>web用に保存で保存↓

ファイル>web用に保存

256とか、128とかでカラー数、画像サイズなどを調整してGIFで保存する↓

GIFで256

前回も載せましたが、一応下の画像のようになる↓

なおんニコリん

これはカット数を増やして本当に動いてるようにもやろうと思えばできるので

かなり面白い画像を作ろうと思えばできる

❤︎2 、Webサイトへアップw

で、これってGIFで保存してもPCのですくとっっぷ上では動かない

Webサイトなどに上げて初めて動くのでそれもまた面白い

ぜひ、自分のサイトでやってみてほしい

フォトショじゃなくてフリーツールでも可能ですぞw

そのほか、フォトショより安価で、しかもフォトショと互換性のあるファイル形式で保存もできる『CLIP STUDIO PAINT』通称『クリスタ』でも一からGIFアニメを作れます。

また、『合成レイヤー』などもほぼフォトショと同じようなことが出来るし。。。

『クリスタ』はイラストを描くのに特化したソフトなので、デジ絵を描く人ならフォトショと併用してもかなり助けになって広がるソフトですよ↓

 ってことで楽しいクリエイティブライフをば!

しゃらんるわしゃらんるわああぁあわああぁあ❤︎

\(`^`)b

スポンサーリンク

 

REACH_rh.jam project / Creative Support
REACH_rhがあなたのクリエイトをサポートします
サポート内容をチェックしてみる ↓

rhjampj_v-min

 

❤色々やり散らかしております、宜しくどうぞ御贔屓に<(_ _)><(_ _)><(_ _)>

Twitter-REACH_rh Facebook-REACH_rh G+ -REACH_rh Insta-REACH_rh note-REACH_rh

YouTube-REACH_rh SoundCloud-REACH_rh PIXIV-REACH_rh CREATORS BANK_REACH_rh

関連コンテンツ

Pocket