blank

斜めに切って進む (1)

1,426

ナビゲーションなどで時々見ますね。 難しくはありませんが、作業が細かいだけです。

185 これを材料にします。

step 1 適当な大きさのキャンバスに文字を入れて、文字部分だけをトリミングします。

ピクセルがわかる程度に拡大した方が作業はしやすいでしょう。

これだけ大きくても 377

2,034

step 2 新しいレイヤーを作ります。

step 3 わかりやすい色で「区切り線」を入れますが、下端の位置が規則的になるようにします。 間隔は 4px 以上がいいでしょう。。

465

step 4 左上と右下はおおむね平行に見える程度で引きます。

509

step 5 別の色で最初の区分を塗ります。

1,028
266

step 6 最初の線も最小のブラシで塗りつぶします。

1,979

step 7 「選択範囲」を指定します。
塗りつぶした色を指定します。
下の画像は「シロ」を指定していますが、読み替えて下さい。

4,367

step 8 新しいレイヤーを非表示にしますと、右端のように示されます。

1,111

126 2,232

step 9 トリミングをクリックすれば、右端のような画像が得られます。
これが最初のコマ画像になりますから、保存します。

1,426

2コマ目以降は →

メニュー提供 : DHTML Menu By Milonic JavaScript