技術的には特になにもしてないのですが↑文字を乗せて、不透明度を下げただけ。
Youtubeのバナーサイズが、規定どうり作ると、PCやスマホでみた時が全く違うということを知りました。
続きを読むブログだと動きがちょっと遅いかも。
フレームアニメーションではなく、ビデオの方で作ってみました。
もしかしたらアフターエフェクトの方が簡単にできるのかもしれない??とは思いますがやってみると意外と簡単でした。
続きを読むこれは昨日作ったやつでこれを書いてるのはDay6なのでまた違うやり方も試したのだけれど、
gifの色を変えていくやつです。画像を移動させるやつより、ちょっと手間なんですけど、可愛いから、メッセージカードがわりの画像とかにもいいなーと思う!
まず、背景画像のレイヤーと文字です。
そのあと、文字をいくつか複製していきます
とりあえず4つに増やしました。
そして1レイヤーずつ、色を変えていきます。
(各文字はめんどくさいので今回は全体の色を変えちゃいます)
そのあとフレームアニメーションを作成をポチります。
数字のところはお好みで。0.2にしました。そしてゴミ箱マークの横のレイヤー複製マークを押す、そのあとに赤い文字のレイヤーの目玉マークを外す
この繰り返しをやります。
と、こんな感じ5枚できるので再生ボタンを押すと色が変わっていきます。
保存はファイル→web用に保存→gifで保存 容量が大きいのでサイズを問題ないなら小さくしてください。
動きがあるものは作ってて楽しいので、是非作って遊んでみてください。
私はずーっとここ数日はまってます。
gifをphotoshopで作るの色々試してる。面白い。#photoshop pic.twitter.com/D4PjnAFDCW
— Yumiko@アドレスホッパー東京滞在中 (@engineerman8) 2020年4月16日
gif画像を作ってみました。
Photoshopでアニメーションを作れると知ったのは結構最近。
難しいだろうなあーと思ってたんですが、複雑なものじゃなければ、めちゃくちゃ簡単に作れることを知りました!
続きを読むAdobe CCを契約してるデザイナーさんは多いとおもうのですが、
なんとコンプリートプランが2ヵ月無料に、、、!
今仕事が減ってる人が多いとおもうので(かと言って解約手数料も大きいですよね)
ツィートで見つけてやってみたら私もできました。
続きを読むプラグインのEmmetを使うと便利なのは知ってたんですが
いつもhtmlの雛形を使うくらいしかやってませんでした。
実際web制作の仕事を請け負うのであれば、
これ、知ってるのと知ってないのとでは時短具合が雲泥の差になるのではと思った!
https://docs.emmet.io/cheat-sheet/
チートシート。
私もまだなれてないので、見ながらだけど
こんな奴が、↓だけで生成される。
ul>li.item$*5>a
を書いて+tabキー
便利。
規則性さえ理解できればあとは早いかな、、、?
今、デザインの案件も落ち着いてきたので、こういう時短になりそうなテクニックも身につけていこうと思います。
久しぶりにクラウドソーシングサイトで案件を探してると
一人の応募に対して、80人とか来てたりして、
近頃のコロナの自宅待機の影響なのか?(その前から言われていたけれど)
やばい、とにかくこの需要と供給のミスマッチ感。 続きを読む
web制作の勉強は引き続きやってます。
ちなみに私はもともとRubyをやってましたが、がっつりできないし、今全然触ってないからもうほぼ忘れてるし、、
でそもそもやっぱりプログラミング向いてないんかなああーなんて思いながらも
勉強をしています。
続きを読むいくら沢山勉強したり、デザインしたとしても
アウトプットして人の目に止まらなければ意味がありません。
至極当たり前なのですが、アウトプットするのって結構最初は勇気がいる行為かと思います。
続きを読む