トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

デザイン修行Part2 【XD】

以前やったデザイン修行が楽しかったので、またやる! 

bibinbaleo.hatenablog.com

今回はこちらのサイトやtwitterのを真似してみる

desaken.com

twitter.com

随時更新予定

背景写真ぼかし

文字の入れ方が難しい〜

f:id:bibinbaleo:20210211083748p:plain

desaken.com

youtu.be

別パターン。こっちの方がよかったかな

f:id:bibinbaleo:20210211083754p:plain

線で繋ぐ文字

f:id:bibinbaleo:20210204221616p:plain

youtu.be

desaken.com

インパクト文字

あるあるデザインの時も同じようなの作った気がする 

f:id:bibinbaleo:20210204221626p:plain

youtu.be

desaken.com

左上

 

desaken.com

三角

f:id:bibinbaleo:20210203221640p:plain

f:id:bibinbaleo:20210203224917p:plain

 

横長ラベル。平成丸ゴシックStdいいね

f:id:bibinbaleo:20210203222649p:plain

f:id:bibinbaleo:20210203223756p:plain

片方だけ丸い見出しは、四角の四隅をドラッグし最大に丸くした後、

f:id:bibinbaleo:20210203223841p:plain

角丸の数値を個別で0にする

f:id:bibinbaleo:20210203223839p:plain

 

球バージョン

f:id:bibinbaleo:20210203224700p:plain

youtu.be

ポップな文字

真似

f:id:bibinbaleo:20210201214008p:plain

写真の一部切り抜き

写真の一部を切り抜いて文字やレイアウトに絡ませるやつ好き

 文字の方を切り取っているのかと思ったら、人間を切り抜いてるんだ

desaken.com

XDでやってみた

文字の切り抜きたいところに四角を被せて、クリップマスクした

f:id:bibinbaleo:20210131222321p:plain

なんか面白い。うまく切り抜けてないけど

f:id:bibinbaleo:20210131222317p:plain

人間も使ってみた!

ぱくたそで人間の画像をダウンロード

www.pakutaso.com

remove.bgで切り抜き!綺麗にできる

f:id:bibinbaleo:20210201212743p:plain

写真⇨文字⇨切り抜きを重ねる

f:id:bibinbaleo:20210201212637p:plain

腕のOの部分の文字を切り抜いてさらに上から重ねる

f:id:bibinbaleo:20210201212631p:plain

できた!

f:id:bibinbaleo:20210201212626p:plain

 

 

desaken.com

フォント 

bibinbaleo.hatenablog.com

効果音フォント

f:id:bibinbaleo:20210128220255p:plain

正方形で囲む

desaken.com

f:id:bibinbaleo:20210129222032p:plain

f:id:bibinbaleo:20210129222023p:plain

埋めた

f:id:bibinbaleo:20210129222026p:plain

f:id:bibinbaleo:20210129222029p:plain

自遊空間みたい

f:id:bibinbaleo:20210129222406p:plain

できた!

f:id:bibinbaleo:20210129222939p:plain

最後に

この本も気になる。真似できる要素あるのかな〜。みてて楽しそうって感じ