【完全無料】デザインツール「Figma」マガジン

本

無料のデザインツール『Figma』のマガジンです！ちょっとした小技を初心者でも分かるように説明していきます！webで楽しく描いていきましょう😉

運営しているクリエイター: Seika_USA

Google Drive のロゴを作りたい！#Figma

今回はFigmaを使って、文字をかっこよくカットしてみたい思います！こちらが完成したものです。手順📝 1、長方形を描く。 2、長方形を2枚複製。一つを120度、もう片方を-120度傾ける。 3、右クリック→Flatten (ショートカット：Ctrl+E) 4、Edit Object 5、ペンツールをクリック 6、線を3本描く。写真の赤線参照。 7、不要を選択し消す。 8、残す個所は右上のPaint backetで色を染める。 9、黄色と青色で染める。

文字をかっこよくカットしたい！#Figma

今回はFigmaを使って、文字をかっこよくカットしてみたい思います！こちらが完成したものです。手順📝 1、フレームに文字を書く。 2、ペンツールで台形を作る。 3、Strokeを消す。Fillでそめる。 4、文字とVectorを選択し、Subtract Selection。 5、Subtractを複製 6、Vectorを選択し、Edit object 7、上の２点を選択。 8、Shiftを押しながら上下反転させる。 9、上のSubtractを数ピクセル上

おしゃれに文字と人物を重ねたい！#Figma

今回はFigmaを使って、おしゃれに文字と人物を重ねたいと思います！手順📝 1、画像を準備。RemoveBGで人物を切り抜く。今回使用した写真はこちら👇 2、フレームの上に画像を置く。 3、文字を書く。ショートカット→t 4、文字を複製(Ctrl +d)。文字→写真→文字のレイヤーにする。 5、上部の文字のFillをなし、strokeをそめる。 6、完成！今回はここまでです！また次の記事でお会いしましょう～😉 Follow me here😊 Figm

人物の中に写真を入れたい！#Figma

今回はFigmaを使って、人物の中に写真を入れたいと思います！手順📝 1、画像を準備。 2、Remove BGを起動。人物を切る取る。初めて使用する場合はAPI Keyをセットする必要があります。 https://www.remove.bg/ こちら👇でも切り取れます。 3、人物の上に、写真を置く。画面上部のマスクを押す。 4、完成！ Resource🎨 https://www.freepik.com/premium-photo/beautiful-you

文字に写真を入れたい！#Figma

今回はFigmaを使って、文字に写真を入れたいと思います！手順📝 1、文字を入れる。 2、Flatten(Ctrl+E) 3、入れたい写真をVectorの上に置く。 4、画面上部のマスクを押す。 5、完成！ Resource🎨 https://www.freepik.com/premium-photo/two-sunflowers-are-depicted-background-field-blue-sky-summer-close-up_5287386.ht