Figmaの勉強11日目

 はい、どうも

 ティーです٩( 'ω' )و

 

 間空いてしまいましたが、前回の続きです٩( 'ω' )و

 10日目は、FigmaでGIFを作る回だったので

 前回の続きは、9日目からとなるので

 見てない人は前回のブログを見てください!

 

www.teeweb.work

 

 今日でセクション7全て終わりました!!!!!

 長かった!!!!

 心折れかけてた( ;∀;)

 

 今までやったセクションの中で

 1番キツかった感じがします。

 

 終わってよく考えると

 確認不足で間違えてるこがあったので

 

 それを解決するたに

 最初は普通の速度で見て

 その後に、思い出しながらやって

 わからなくなったら、2倍速で見ながら

 確認するって方法にしてみようと

 思います٩( 'ω' )و

 

 今回やったのはSuppeprts

 から下の部分です。

 

Figma

 

 全体的にてこずりました

 

 間違えてるに気づいて、なんとかその場で

 直せないかとか色々試して

 直らないから全部消してやりなしたりしてたりで

 時間かかりました........

 

 全体的に見たらこんな感じです

 

Figmaから見た全体図

 

 終わって嬉しいです。

 

 次のセクションから楽しいみたいので

 ワクワクしてます∧( 'Θ' )∧

 

 では、またの(๑╹ω╹๑ )

 バイバイ( ͡° ͜ʖ ͡°)

Figmaの勉強10日目

 はい

 どうもティーです٩( 'ω' )و

 

 今日は、Twitterに流れてきて

 面白そうだな思って

 Cocoda!で開催されてる、Motion Design Fesitvalに参加しました。


motion.cocoda.design

 

 その中で【Figamを使ってモーショングラフィックに触れてみる】

 という初心者でも参加出来る、ライブ配信に参加させえていただきました

 

 色々勉強になりました。

 

 ライブ配信後に自分でいじったりしたので、貼っときます∧( 'Θ' )∧

 

 キャンディーのGIF

 

キャンディー

 

 

 サイズと透明度が変わっていくGIFです

ボールのGIF

 

 

 

 上の逆バージョンです

ボールのGIF


 FigmaでもGIFが作れるとわかったので、もっと色々作ってみます( ͡° ͜ʖ ͡°)

 

 他のツールでも作ってみたいので、After effectsに手を出そうと思ってます

 Web制作でも必要になってくるツールだと思うので、早めに勉強しようと

 思います。

 

 本心は、Adobe製品には手を出したくないですけどね!!

 

 では、またの∧( 'Θ' )∧

STUDIOの勉強日記~1日目〜

 アイキャッチ

 どうも、ティーです٩( 'ω' )و

 このブログはSTUDIOの基礎を学び

 最終的な目標は、Twitter用のポートフォリオを作成することです( ͡° ͜ʖ ͡°)

 

STUDIOの画像

  

 使う教材は

 STUDIO Japanさんが出してる公式チュートリアルのYouTube動画

www.youtube.com

 

 と

 chot.designさんが出しているSTUDIO入門

chot.design

 

 を使って勉強して、ポートフォリオを作成していきます。

 

 -----------------------------1日目----------------------------- 

 

 1日目は、chot.designさんで公開されてるレッスンを全部見て

 すぐ覚えられそうな、ボタンを作り方・マウスホバー・モーダルウィンド

 の3つを色々いじりながら覚えました٩( 'ω' )و

 

 こっちはマウスホバーです

 左が色だけ変わって、右が色とサイズが変わります

 

practice-tee.studio.design

 

 こっちはモーダルウィンドです(๑╹ω╹๑ )

 クリックしたら、モーダルが現れて閉じるをクリックしたら

 元の画面に戻ります٩( 'ω' )و

modal-window.studio.design

 

 

 明日からは、chot.designさんの載ってない範囲もあると思うので 

 公式チュートリアルを見ながら、なんか作っての繰り返すと思います✌︎('ω'✌︎ )

 

 1日目はこんな感じですね!

 

 では、バイバイ☆*:.。. o(≧▽≦)o .。.:*☆

Figmaの勉強9日目

 どうも

 ティーです٩( 'ω' )و 

 

 沖縄でも、また、コロナ感染者が出たので

 心配ですm(_ _)m

 

 本土でも、自然災害が増えてますね

 

 自分に行動力があればと思ってます

 

 うーん募金します

 

 -----------------------------キリトリ-----------------------------

 9日目です٩( 'ω' )و

 前回の続きをやりました。

 

 コンポネート化したものを、コピーしてを5回繰り返し(command + D)

 テキスト部分を変更するって作業をしてたら

 文字がちゃんと入らないってアクシデントがおき

 

 その時は、焦ってコンポネート化を解除して

 テキストエリアの大きさを変えて、対処したんですけど

 

 よく考えたら、マスターコンポネートのテキストエリアをいじれば

 入るんじゃね?

 と思い、最初からやり直して

 出来ました!!!!!!!

 

 小さいミスを繰り返して成長するんですね٩( 'ω' )و

 

 そこからペンツールを使って、アイコンを作成をしてましたが

 手のアイコン作る時に、自分の悪い癖が出て「手の絵文字で代用出来るんじゃね?」

 で絵文字を使ってしまいました。

 

 この講座が終わる時に、手のアイコンは作ります!

 

 今回はこんな感じです。

 

f:id:Teeeeeeeee:20200709131345p:plain

 

 -----------------------------キリトリ-----------------------------

 

 今回はこんな感じです( ^ω^ )

 

 では、バイバイ☆*:.。. o(≧▽≦)o .。.:*☆

Figmaの勉強8日目

 どうも

 ティーです٩( 'ω' )و

 

 USBハブを買ってもらったので、マウスが使えるようになりました٩( 'ω' )و

 後、机も組み立てたのでちゃんとした仕事スペースが出来ました!!!

 

 一歩前進です∧( 'Θ' )∧

 

 今日は、これからのことを考えながら予定組みとかしてました。

 しばらくは予定が詰め流ことになると思います(すでに休みたい)

 俺なら出来ると思うので、頑張ります( ;∀;)

 

 -----------------------------キリトリ-----------------------------

 

  Figmaの学習が今日で8日目になりました、

 前回書いたと思うのですが、1つ1つの動画が長いな

 と思ったら全セクションの中で、1番という事実に気付き

 テンション下がりました。

 

 前回の続きから

 前回読んでない人は

 下の記事読んでね!

www.teeweb.work

 

 

 8 Point Grid Systemで作ってるのに

 小数点以下の数字が出てきたので

 「全体的にズレてるやん、後間違えてる箇所あるやん」

 と気付き、全部消して

 最初から作りなおしたりしてました。

 

 その分自分の力には、なってるとは思う!!!

 

 今回はこんな感じです

 

f:id:Teeeeeeeee:20200706221141p:plain

 

全体はこんな感じ

 

f:id:Teeeeeeeee:20200706221128p:plain

 

 ここから、さらに作り込んでいくみたいなので

 頑張ります( ;∀;)

 

 -----------------------------キリトリ-----------------------------

 

 明日からSTUDIOもやるので、そのことについてもブログ書くつもり

 なので、よろしくお願いしますm(_ _)m

 

 では、バイバイ\\\\٩( 'ω' )و ////