![](https://daigonozin.com/wp-content/uploads/2021/05/54e35cd2cc1a03e5533708741df81841-5-800x450.png)
このページでは、
クリスタでWebサイトやソフトのUIなどに使えるアイコンを作成していきます。
このような方に向けたページです
・アドビ製品を持っていないのけどクリスタで頑張りたい方
・アイコン、ロゴ作成をクリスタで練習がしたい方
それではぜひご覧ください!
資料集め
今回はWindowsのマウスカーソルを作るので、資料を集めます。
アイコンやロゴ作成でも資料があると作りやすいです。
マウスカーソルをスクリーンショットして見やすい角度にしておきます。
![](https://daigonozin.com/wp-content/uploads/2021/05/41df80bdd1ae239137bbdc47966a98cd.png)
元が小さいので画像が荒いです。
実作業
1.キャンパスサイズは1000×1000で作っていきたいと思います
![](https://daigonozin.com/wp-content/uploads/2021/05/1-3.png)
2.間隔50px・分割1のグリッドを表示させます
グリッドの表示方法は上のメニューバーから、
【表示】→【グリッド】
グリッドの設定は上のメニューバーから、
【表示】→【グリッド・ルーラの設定】
![](https://daigonozin.com/wp-content/uploads/2021/05/2-3-800x558.png)
3.ベクターレイヤーの作成
![](https://daigonozin.com/wp-content/uploads/2021/05/3-2.png)
4.資料を元に直線レイヤーでカーソルの線を描く
設定しておいたグリッドにスナップさせながら作成するとやりやすいです。
![](https://daigonozin.com/wp-content/uploads/2021/05/4-2-800x591.png)
5.ラスターレイヤーを作成して、バケツツールでカーソルの中を塗ります
![](https://daigonozin.com/wp-content/uploads/2021/05/5-2-800x635.png)
6.2つのレイヤーをフォルダに入れます
![](https://daigonozin.com/wp-content/uploads/2021/05/6-1.png)
7.フォルダを選択して、自由変形で位置・大きさ・角度を調整します
![](https://daigonozin.com/wp-content/uploads/2021/05/1bd08cfaa45f6bef85ef8e33d1b01f74.png)
8.線の太さが細いので、ベクターレイヤーから調整します
![](https://daigonozin.com/wp-content/uploads/2021/05/7-1-800x594.png)
完成品
![](https://daigonozin.com/wp-content/uploads/2021/05/8-1-800x800.png)
コメント