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