XD

01_Mac 02_アプリの使い方・活用方法

【Xd】テキストタイプの変更・サイズ・文字間隔・行間の調整方法を解説

今回は、XDでできるテキストの装飾についてご紹介。 XDでは、テキストの長さに応じてオブジェクトとなる「ポイントテキスト」と、テキストを表示する範囲を指定する「エリア内テキスト」の2種類があるので、そ ...

01_Mac 02_アプリの使い方・活用方法

【XD】アートボード上のレイヤーをパーツ毎で別々に書き出す方法

当ページでは、XDのアートボード上に作成したレイヤーを、個別のパーツとして書き出す方法をご紹介。 例えばデザインしたウェブページの画像パーツを書き出したり、同サイズのバナーを大量に書き出したりするのに ...

01_Mac 02_アプリの使い方・活用方法

【XD】三角や四角を組み合わせて複雑な図形を作る方法!矢印やひし形を作ろう

XDのオブジェクトに「矢印」というものはありませんが、三角と四角を組み合わせて矢印を "つくる" ことはできます。 今回は、複数のオブジェクトを組み合わせて結合させ、ひとつの図形オブジェクトを作る方法 ...

01_Mac 02_アプリの使い方・活用方法

【XD】画像を「ぼかす」ふたつの方法!ぼかしレイヤーの作り方

XDを使って画像に「ぼかし」を入れる方法をご紹介します。 「ぼかし」を入れる方法は2種類あり、「画像自体をぼかす方法」と「ぼかしレイヤーを画像の上に乗せる方法」とがあります。 両方覚えておくとケースに ...

01_Mac 02_アプリの使い方・活用方法

XDでマスクする2つの方法!画像を擬似的にトリミングする活用術

XDで使用している画像について、上下左右をトリミングして(切り取って)、一部だけを残したい。そんなときに使える「マスク」というテクニックをご紹介します。 XDにトリミング機能はありません。「画像を切り ...

01_Mac 02_アプリの使い方・活用方法

XDでパディングを設定!テキストの長さに合わせて可変する要素の作り方

例えばウェブサイトでボタンを作るとき、横幅を200pxで指定するのではなく、テキストの長さに応じて長さが変わるような書き方をするケースがあります。 XDでボタンを作るとき、普通に作ると、「ボタンの枠」 ...

01_Mac 02_アプリの使い方・活用方法

XDの画面を解説!各エリアの意味・役割・基本的な使い方

XDを触り始めた頃は、画面の中に散りばめられたアイコンの数々の名前や意味、役割などを理解するのに時間が掛かった気がします。 しかし一度理解してしまうと、簡単に使いこなせるだけでなく、自分で応用もできる ...

01_Mac 02_アプリの使い方・活用方法

XDのアートボードの基本と全て!優れた機能と使い方を紹介

XDにおけるアートボードの基礎知識についてご紹介します。 ターゲットとなるデバイスにサイズを合わせる方法や、サイズの変更方法、複製や書き出し方など、意外と知らないアートボードのすべてをお伝えします。

Copyright© あなたのスイッチを押すブログ , 2020 All Rights Reserved.