Figmaの基本機能で簡単につくる、テキスト&あしらい表現TIPS - ICS MEDIA
リリース以来数多くのアップデートが行われ、多機能になっていくFigma。今回はそんなFigmaの基本機能を使用した、簡単なデザイン作成やあしらいづくりに活かせる表現TIPSを紹介します。 テキストの表現 マスク機能やエフェクト、そしてレイヤーのブレンドモードを使用したテキストの表現をいくつか紹介します。 TIPS：画像をテキストでマスクする マスク機能を使用して、画像をテキストの形に切り抜きます。 以下の手順で切り抜きます。 画像とテキストレイヤーを用意 画像が前面になるようにして、画像とテキストレイヤーを重ねる 両方のレイヤーを選択状態にして、右クリックメニューから［マスクとして使用］を選択（ショートカットキーは、Mac：control + command + M、Windows：Ctrl + Alt + M） マスクした後も、テキストレイヤーは編集可能です。 さらに画像をレイヤーブラー
CSS テキストをネオン風にする方法 - by Takumi Hirashima
CSS でテキストをネオン風にする方法を紹介します。 例えば、近未来的なサイトを作りたい時に便利な方法です。 テキストをネオン風にする方法 解説 点滅アニメーションを追加する テキストをネオン風にする方法 テキストをネオンぽくするには webkit-text-stroke を使用します。 実際の見た目はこんな感じになります。 ベースとなるHTMLとCSSの指定は次のようになります。 <span class="neon">日<span>日</span></span> <span class="neon">本<span>本</span></span> <span class="neon">語<span>語</span></span> .neon { position: relative; display: inline-block; color: transparent; -webkit-te
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
