東京のWeb制作会社LIGLIGならできるおもしろいこと。デザインシェアこんにちは。デザイナーの白浜です。今回はPhotoshopでギザギザしたアイテムを作る方法をご紹介します。ジグザグラインの作り方まずはジグザグミシンで縫ったようなジグザグラインの作り方です。ラインツールや長方形ツールで細長い線をひきます。※この時パスはラスタタイズ化されてしまうので注意。波型のオプションを上記のように設定します。ポイントは波数を1にすることと、三角波にチェックを入れること。これで均等で角がとがったジグザグになります。上の設定でできたジグザグはこんな感じです。このツールの困った点は、ご覧のとおりプレビュー画面に拡大機能がないのでプレビューが意味をなしていないことです。CCだとどうにかなってたりするかな?)白色だとよりわかりづらいですね。一部を新規レイヤーにコピーして、線だけにしてからフィルターを適用するといくらか大きく表示されます。・・・が、線が白だとやっぱり見づらいです;ここ、なんとかしてほしい。CCはまだ見てないですが。円形のギザギザは多角形ツールで簡単に作れます。多角形ツールを選択した状態でキャンバス上をクリックすると多角形ツールのオプションが開きます。上記の設定でこんな感じになりました。昔懐かしWeb2.0的な・・・こちらも願わくばプレビュー機能がほしいところですね。Illustratorと同じ挙動だと確認しながら出来ていいのですが・・・。次に長方形の一辺がギザギザしているアイテムの作り方です。長方形のシェイプを準備します。次に好みのギザギザになるように調整した逆三角形のシェイプを作成します。次に逆三角形のレイヤーを選択して、「レイヤーを複製」→「ドキュメント:新規」で新しいドキュメントを作ったら「イメージ」→「トリミング」→「透明ピクセル」にチェックを入れて三角形だけのドキュメントにします。こんな感じになったら「編集」→「ブラシを定義」で逆三角形のブラシを作ります。逆三角形のブラシができたら、あとは画像のように、ギザギザがいい感じになるように間隔を調整します。これでギザギザが描けるブラシの出来上がり~。Shapesギザギザ波々のボーダーがカスタムシェイプになってる~!!うわぁありがたい。カスタムシェイプなのでサイズ変更時も安心ですね。他にももっと効率のいいやり方たくさんあると思うので、ぜひ教えていただきたいです。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。