hugo sasaki's Portfolio

都内某所でウェブに関わるお仕事をしながら、ウェブ制作者レベル3を目指している管理人の学習記録用のブログです。

今更聞いてしまったAdobeXDの使い方

未分類

PhotoshopとIllstratorを使って何かをすることはあったのですが、ひょんなことからXDを使用することに。

Photoshopでいうところのクリッピングマスクを作業することだけだったのですが、これを機に基礎から知っていこうと思います。

 

というわけで、今日やった簡単な作業を復習してみることに。

XD上で四角形を作り、その中に切り抜きたい画像をドラッグ&ドロップで設置して切り抜きたい部分を書き出していきます。

手順としては以下の通り。

1.幅と高さを指定した四角形を用意

2.四角形を選択した状態で「リピートグリッド」を選択し、複製したい方向にドラッグ

3.必要な数を用意したらそれらをグループ化

4.グループを選択した状態でCtrl+Eから書き出し

東京タワーが好きなので、夜や夕方などの東京タワーを書き出してみました。

今までは毎回Photoshopで書き出していましたが、こちらの方が早く・必要な分だけ書き出しをできるのでものすごく楽になりそうです。

細かい調整をどのようにやっていくかは、後日また色々試してみようと思います。

 

今日はこのあたりで。

レイアウトコンセプト
使用ツール
制作時間