四角マーク素材作成講座バージョン3:点々風
ここではリストマークなどに使う四角マークの点々風バージョンを作成していきます
完成予想素材:わかりやすくするため画像の周りに枠線をつけています。
ファイルの新規作成
すべての四角マークではこの設定での新規ファイルを使います。
上部メニューのファイルから新規→白紙ファイルを選び新規にファイルを作成します。
幅:20px 高さ:20px 解像度:72px カラーモード:RGBカラー カンバスカラー:透明とします。
点々を作る
→
左の画像のように2×2ピクセルの点の画像を作ります。鉛筆ツールを使い、右下の部分を薄くしあとはすべて塗りつぶします。
そして同じものを全部で9個作り、右の画像のように間に1ピクセルずつあけて配置すれば完成となります。
↓完成画像
![]()
完成画像を見るとくぼんだ点々が集まっているように見えると思います。薄くする部分や大きさなどを変えると幅が広がります。
別バージョン

まず3×3ピクセルの大きさに好きな色で色をつけたものを9個上の画像のように作ります。これを元にいろいろなデザインを作ります。

まずは3×3ピクセルの真ん中の1ピクセルを消しゴムツールで消します。完成図は上の画像となります。これだけでも格好のつくものとなります。
↓完成画像
さらに不規則に消しゴムツールで消してみます。

上の画像は真ん中の1ピクセルを消したものと左上の1ピクセルを消したものをあわせたものとなります。
このように削るところを変えたりして不規則にすることでちょっと変わった感じにすることができます。
ポイントはどこかしらに法則性をもたせるとちょっぴりかっこよくなると思います。
↓完成画像
