Adobe XD 1分もいらないスライダーを作る方法

Adobe XDはかなりの頻度でアップデートされる度に便利になっていますね。僕のブログで一番人気のあるのがXDの記事なのですが、その中でもスライダーの作り方は人気です。前の記事では3分でできると謳っているのですが、今ではスライダーを作るのに1分もいらないです。

 

では早速やっていきましょう。今回はこのようなシンプルでよく見かけるスライダーを作っていきましょう。

作り方

画像を複数用意

先ずは適当に何枚でも構いませんが、写真を横並びにします。リピートグリッドで四角形を複製して、複数の画像をドロップすれば完成です。

 

あとはこのボタンを押すだけ

あとは要素をクリックすると右側のタブに出てくるこのボタンを押すだけで完成です。プレビューで確認してみましょう。

ショートカットキーはShift + Command/Ctrl + H です。ホライズン(水平)のHですね。

 

完成

初めにお話したように1分もかからなかったとおもいます。ですがこのままだと、スライドはしますがスナップしてくれません。なので、もしスナップさせたい場合はこちらのやり方が合うかもしれません。

 

他にもAdobe XDのチュートリアルは多く紹介しているので、御覧ください。

ではまた!

 

ではまた!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース

▼Adobe XDおすすめの本

 

タイトルとURLをコピーしました