今回からデザインに入っていきます!
まずは簡単なバナーをトレースしながらFigmaの操作について入っていきましょう〜!
📜目次
-----------------------------------------------
01:44 画像を配置してみよう
01:47 a. パーツの移動
03:00 b. 背景の色を変更する
06:02 c. スクショを配置しよう
07:46 d. Figmaのロゴを配置しよう
08:31 位置の調整をしよう
08:34 a. 距離を測って位置を調整
09:19 b. レイヤーでスクショを選択
10:52 c. 実際に距離を測って位置を調整してみよう
15:27 人と文字を配置しよう
15:30 a. 人を配置しよう
18:18 b. テキストを配置しよう
20:13 c. タイポグラフィの解説
27:00 グラデーション素材で文字を読みやすく
27:03 a. グラデ素材を配置しよう
29:46 b. グラデーションも作れるよ
30:24 角丸ボックス×テキスト配置
30:27 a. Frameで四角を作る
34:45 b. テキスト配置して調整
41:51 まとめ
41:54 a. 配置と調整のやり方をやりました
42:23 b. 次:デザイン的な微調整で完成へ
43:09 c. 高評価・登録・BONOもお願いします!
🚩バナー作成で使う素材
-----------------------------------------------
https://www.figma.com/file/PuNqOnvB3I5XZkOlbaa6QJ?node-id=0:1&locale=en&type=design
今回からデザインに入っていきます!
まずは簡単なバナーをトレースしながらFigmaの操作について入っていきましょう〜!
📜目次
-----------------------------------------------
01:44 画像を配置してみよう
01:47 a. パーツの移動
03:00 b. 背景の色を変更する
06:02 c. スクショを配置しよう
07:46 d. Figmaのロゴを配置しよう
08:31 位置の調整をしよう
08:34 a. 距離を測って位置を調整
09:19 b. レイヤーでスクショを選択
10:52 c. 実際に距離を測って位置を調整してみよう
15:27 人と文字を配置しよう
15:30 a. 人を配置しよう
18:18 b. テキストを配置しよう
20:13 c. タイポグラフィの解説
27:00 グラデーション素材で文字を読みやすく
27:03 a. グラデ素材を配置しよう
29:46 b. グラデーションも作れるよ
30:24 角丸ボックス×テキスト配置
30:27 a. Frameで四角を作る
34:45 b. テキスト配置して調整
41:51 まとめ
41:54 a. 配置と調整のやり方をやりました
42:23 b. 次:デザイン的な微調整で完成へ
43:09 c. 高評価・登録・BONOもお願いします!
🚩バナー作成で使う素材
-----------------------------------------------
https://www.figma.com/file/PuNqOnvB3I5XZkOlbaa6QJ?node-id=0:1&locale=en&type=design
今回からデザインに入っていきます!
まずは簡単なバナーをトレースしながらFigmaの操作について入っていきましょう〜!
📜目次
-----------------------------------------------
01:44 画像を配置してみよう
01:47 a. パーツの移動
03:00 b. 背景の色を変更する
06:02 c. スクショを配置しよう
07:46 d. Figmaのロゴを配置しよう
08:31 位置の調整をしよう
08:34 a. 距離を測って位置を調整
09:19 b. レイヤーでスクショを選択
10:52 c. 実際に距離を測って位置を調整してみよう
15:27 人と文字を配置しよう
15:30 a. 人を配置しよう
18:18 b. テキストを配置しよう
20:13 c. タイポグラフィの解説
27:00 グラデーション素材で文字を読みやすく
27:03 a. グラデ素材を配置しよう
29:46 b. グラデーションも作れるよ
30:24 角丸ボックス×テキスト配置
30:27 a. Frameで四角を作る
34:45 b. テキスト配置して調整
41:51 まとめ
41:54 a. 配置と調整のやり方をやりました
42:23 b. 次:デザイン的な微調整で完成へ
43:09 c. 高評価・登録・BONOもお願いします!
🚩バナー作成で使う素材
-----------------------------------------------
https://www.figma.com/file/PuNqOnvB3I5XZkOlbaa6QJ?node-id=0:1&locale=en&type=design
0 Comments