Adobe

Mac

2020/6/30

【XD】アニメーション付きスライダーメニューの作り方

XDを使った、アニメーション付きのスライダーメニューの作り方を紹介しよう。これができるようになると、より本番に近い形でのプロトタイプテストが可能になる。 マスターコンポーネント、ステート機能、マスク機能など、XDを使う上で覚えておきたい便利な機能を使いこなす必要があるので、ぜひ一度自分でも作ってみて、応用できるようになろう。

Mac

2020/6/23

Adobe公式のXD検定で理解度を確かめて更に深めよう

XDの操作や使い方について、自分の理解度を測れるサイトがある。その名も「Adobe XD 検定」。 Adobe が公式にリリースしているウェブサイトで、一問一答形式のテストを実施できる。 不正解した問題については、その内容を解説したレクチャー動画も添えてくれる。単純にテストするだけでなく、XDへの理解を深めることもできる、非常に便利なサイトだ。

Mac

2020/6/21

【XD】フォントをアウトライン化する方法

XDでもフォントをアウトライン化することはできる。 アウトライン化したい文字を選択した状態でcommand8を押すだけだ。 どうしよう、この記事で言いたいことが終わってしまった。あとは「アウトラインとはなんぞや」という話がつづくだけなので、時間がある人だけお付き合いいただければと思う。

Mac

2020/6/11

【XD】コンポーネントとは?使い方の基本をわかりやすく解説

XDでページの構成をつくるとき、〈ロゴ〉や〈グローバルナビ〉や〈ボタン〉など、くり返し使われるパーツがある。 これらのパーツを単純にコピーして、それを各ページにペーストしていくと、大きな問題が発生する。 修正が発生したときだ。「色を変えて欲しい」といわれたら、その修正内容を該当する箇所すべてに反映しなければならない。 それを解決するために、XDには「コンポーネント」という機能がある。

Mac

2020/6/6

Adobe Cloudを開いてもソフトのアップデート情報が来てないときの対処法

Adobe 関係のソフトウェアのアップデートは、すべて Adobe Cloud を通してアップデートをする。 そこでよくあるトラブルとして、「Adobe Cloud からアップデートできない/最新版のアップデート通知がこない」という問題だ。 そこで今回は、Adobe 系ソフトウェアのアップデート情報を確認する方法をご紹介する。

Mac

2020/6/3

【XD】厳選した11個のプラグイン紹介!作業効率が抜群に上がる

XDは便利だが〈かゆいところに手が届かない〉といった点がいくつもある。それを補完してくれるのがプラグインだ。 今回は私が日頃愛用しているプラグインをまとめてご紹介する。すべて無料で使えるので、ぜひ活用してみて欲しい。

Mac

2020/4/16

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

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

Mac

2020/4/16

【XD】マスク機能の解説!画像を擬似的にトリミングすることも可能

XDで使用している画像について、上下左右をトリミングして(切り取って)、一部だけを残したい。そんなときに使える「マスク」というテクニックをご紹介します。 XDにトリミング機能はありません。「画像を切り取って一部だけを残す」ということはできないのです。 そこでマスクを使います。 「マスク」とは、画像の可視部分を限定する方法。つまり「画像はそのままだけど、目に見える範囲を限定して、切り取ったように見せる方法」なのです。

Mac

2020/4/16

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

例えばウェブサイトでボタンを作るとき、横幅を200pxで指定するのではなく、テキストの長さに応じて長さが変わるようなパーツをつくるケースがあります。 これを「四角」と「テキスト」を組み合わせただけだと、テキスト量が増えたときに四角のサイズを超えてしまい、枠の長さもいちいち変更しなくてはなりません。これはとても面倒です。 そこで今日は「テキスト量に応じて要素が可変(伸び縮み)させる方法」をご紹介します。ワイヤーフレームやデザイン制作に役立つと思いますよ。

Mac

2020/4/15

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

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

© 2021 あなたのスイッチを押すブログ