人と人をつなぐコミュニケーションをもっと世の中に。それが私達が行うこと。-AdobeXDでテキストのアウトライン化なないろ研究所では日々、様々なことをリサーチし、実験しています。コミュニケーションの流通をお手伝いするために、日々様々なリサーチを行い、分析し、時に実験しております。そんな日々の活動内容においてログをつけております。このような情報共有が、我々が考えるコミュニケーションの一つの形です。変な余白をなんとかしたいAdobeXDでテキストをパスのように扱う方法もとに戻せるので「_ol」付きの別データは要らないこんにちは。なないろのデザイナーのOです。AdobeXDには、テキストをアウトライン化するというメニューがありません。テキストのまま書き出すと、こんな風に余白ができてしまってこまってしまいますよね。変な余白をなんとかしたいXDの使い始めのころは、どうしたらいいのかわからず、余白付きで書き出されたものをPhotoshopなどでトリミングするなど、とても面倒なことをしていました。そこで、いろいろ調べたりやってみたりした結果、これがいちばん楽かな?という「テキストをパスのように扱う方法」にたどりつきました。AdobeXDでテキストをパスのように扱う方法テキストよりひとまわり大きい長方形を描きます。長方形がテキストの下になるように重ね順を変更します。Illustratorのパスファインダーのようなアイコンのうち、「交差」というアイコンをクリックするとさっきの長方形がテキストの形にマスクされます。塗りや線の色を変更すると、元のテキストがアウトライン化されたようになります。元の色を覚えておいたり、あとで変更するのが面倒なら、型抜きする長方形に先にテキストと同じ色をつけておけば一発でこの形になります。これを書き出すと、余白のない素材が出来上がります。この方法なら、グラデーションの塗りもできます。もとに戻せるので「_ol」付きの別データは要らないマスクされているだけなので、テキストにもどしたいときにいつでも戻せるのも便利ですね。この方法がベストなのかどうかはわかりませんが、現時点でみつけた方法です。株式会社なないろです。各種CMS、企業サイト、キャンペーンサイト、顧客管理システム、IoTシステムなど幅広いITソリューションを優良なデザインとUIで、SEOソリューションをあわせてお客様の目標達成を行う企業です。カスタム投稿でDuplica...ContactForm7で自分で作ったショートコ...アプリ(1件)Android設定変更アプリサーバー(5件)サーバ管理ソフト(コントロールパネル)一覧...Webサイト公開後にチェックすべきツール。