WEBデザインを下層まで探せるWEBギャラリー・リンク集。
WEBサイト・LPを毎日更新していきます!

会員限定シェイプの配置とスタイル

シェイプの作成
サイズの変更
回転
角の半径
塗り
線
エフェクト

今回は、シェイプツールの使い方とスタイルの変更について説明していきます。

シェイプの作成

シェイプツールを選択
長方形の横のドロップダウンをクリックすると各シェイプツールが表示されるので、作成したいシェイプツールを選びます。
キャンバス上でドラック＆ドロップ
ドラックすると図形下にサイズ（ピクセル）が表示され、ドロップするとそのサイズのシェイプが作成されます。
shiftを押しながらドラッグすると縦横比が1:1のシェイプが作成できます。

サイズの変更

シェイプの四隅にある小さな白い四角形（ハンドル）やシェイプの辺をドラッグしてサイズを変更します。
サイズを変更する際にShiftキーを押しながらドラッグすると、シェイプの縦横比を保ったままサイズを変更できます。

Figmaの使い方

全 14 動画

Figma(フィグマ)とは
01:03
会員限定Figmaのインストールと初期設定
00:46
会員限定Figmaのホーム画面の見方
02:06
会員限定デザインファイルを作る
00:50
会員限定デザインファイルの構成を知る
01:49
会員限定各種ツールの使い方
04:57
会員限定シェイプの配置とスタイル
05:03
会員限定テキストの配置とスタイル
02:45
会員限定ページとフレーム
04:21
会員限定オートレイアウト
02:26
会員限定コンポーネント
02:09
会員限定書き出し
01:13
会員限定共有
01:04
会員限定プロトタイプ
03:58

次のコースへ

Webデザインの作り方