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


フォトショでも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

 

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

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

 

フォトショがなくとも、PC&ネット環境があれば無料でできますw
PhotoScape は Gif 画像も簡単に作れてかなり使える件

 

REACH_rh // Discography (CD アルバム解説ページ)

REACH_rh //楽曲使用権が購入できるページ(AudioStock)         

❤Twitter, Facebook, G+, Feedly にて当サイト更新情報配信中です
宜しくどうぞ御贔屓に<(_ _)><(_ _)><(_ _)>

 Twitter   asset.f.logo.lg   btn_g_red_normal.png-34

follow us in feedly

画像加工・イラスト・フライヤー・サイトバナー等のことなら▶︎Rh.jampj

 

スポンサーリンク

\(`^`)b


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

three × 3 =