サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
TGS2024
13creativ.com
最近はずっとCodepenで他の人のコーディングを見て勉強している僕ですが、最近Codepen ChallengeでGSAPを使ったアニメーションで受賞しました。Javascriptがそこまで出来なくてもWeb上の物を簡単に動かせてしまうのがGSAPの特徴です。 今回はシンプルなイラストレーションをGSAPを使って動かしてみましょう! 完成形はこのような感じになります。地球の周りに人工衛星が回っていて電波を出しているシンプルなアニメーションです。では、やっていきましょう!右下のreturnを押せばアニメーションを最初に戻せます。 See the Pen Becre8 – GSAP – 練習 by Shunya (@shunyadezain) on CodePen. GSAPとは? GSAPとはGreensockが提供しているアニメーションライブラリです。基本的な機能は無料で利用できます。G
このサイトのアイキャッチ画像にも使っているのですが、立体的なイラストIsometric Art(アイソメトリックアート)用のグリットをイラストレーターで作ってみましょう!1分でできるのでやってみてください。 アイソメトリックアートでSwitchを描いてみましょう! 作り方 長方形グリッドツール 長方形グリッドツールを好きな大きさにし、水平/垂直方向の分割線の数を40や30など好みの大きさにしてください。数が多ければ多いほど、グリッドが細かくなります。 拡大・縮小ツール 拡大・縮小ツールで縦横比率を変更を垂直を86.602%にします。 オブジェクト > 変形 > 拡大・縮小ツール 縦に少し縮みます。 シアーツール シアーツールでアングルを30度にします。 オブジェクト > 変形 > シアーツール 回転ツール 回転ツールで −30度にします。 オブジェクト > 変形 > 回転ツール グリッド化
このページを最初にブックマークしてみませんか?
『13creativ.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く