筋肉女子のプログラミング記録

プログラミング初心者三十路越えアスリート系女がフリーランスプログラマーを目指すブログ

Day5:引き続きphotoshopでgif研究・文字の色を変える。

スポンサーリンク

f:id:simpledancer:20200418092739g:plain

これは昨日作ったやつでこれを書いてるのはDay6なのでまた違うやり方も試したのだけれど、

gifの色を変えていくやつです。画像を移動させるやつより、ちょっと手間なんですけど、可愛いから、メッセージカードがわりの画像とかにもいいなーと思う!

simpledancer.hatenablog.com

作り方

f:id:simpledancer:20200418093247p:plain

まず、背景画像のレイヤーと文字です。

そのあと、文字をいくつか複製していきます

f:id:simpledancer:20200418093354p:plain

とりあえず4つに増やしました。

そして1レイヤーずつ、色を変えていきます。

(各文字はめんどくさいので今回は全体の色を変えちゃいます)

f:id:simpledancer:20200418093640p:plain

そのあとフレームアニメーションを作成をポチります。

f:id:simpledancer:20200418093748p:plain

数字のところはお好みで。0.2にしました。そしてゴミ箱マークの横のレイヤー複製マークを押す、そのあとに赤い文字のレイヤーの目玉マークを外す

f:id:simpledancer:20200418093917p:plain

この繰り返しをやります。

f:id:simpledancer:20200418094025p:plain

と、こんな感じ5枚できるので再生ボタンを押すと色が変わっていきます。

保存はファイル→web用に保存→gifで保存 容量が大きいのでサイズを問題ないなら小さくしてください。

慣れたら簡単

f:id:simpledancer:20200418094319g:plain

動きがあるものは作ってて楽しいので、是非作って遊んでみてください。

私はずーっとここ数日はまってます。

simpledancer.hatenablog.com