斜めストライプの壁紙に挑戦!その1

ふみコで「ストライプの壁紙の作り方は?」という質問がありました。
そんなもん斜めに線引けばできるでしょ〜っと、軽い気持ちでやってみたら、あらら・・・悲惨な事に^^;。
すみません、そんな簡単なもんじゃなかったですね、はい。

というわけで、いろいろやってみました。
画像は、クリックしたら大きくなるのは大きくなります。

拡大 まず、ウェブアを開いて、100×100にサイズ指定して新規作成。やりにくいので2倍に拡大。3倍でも4倍でも大きい方がやりやすいと思う。

線を選ぶ 直線ツールを選んで、普通の直線、太さを6ピクセルを選ぶ。

線を引く とりあえず、斜線をひく。

悲惨 やってみると分かると思いますが、線の角がこういう状態だと、両側を削った鉛筆が並んだみたいになります(涙)。

線をずらす なので、右上と左下が角より下になるようにちょっと下のほうへ移動してやります。

切れてます! ここでちょっと実験。この状態で壁紙にするとどうなるでしょ〜?
こんなんなります〜、悲し〜ね。

てきと〜に では続き。
途切れてしまう所を継ぎ足します。選択してコピー(画像の上でCtrl+C)して、貼り付け(Ctrl+V)。貼り付けた奴を、左上へ移動〜。
このときに、画面では全部選択してますが、キャンバスを4つに分けて考えて、右下の1区画だけ選択して持って行っても良いですよね。その方が楽です。後で気が付いたの^^;。

いらないね
拡大した方が角を合わせるのがやりやすいかも。
とりあえず、これで試してみます。切り抜きツールでキャンバスの大きさに切り抜いてからウェブ用に保存。
こんなの画像にする必要ないね(汗)

角があってない 試してみたら、こんなんになりました。ちなみに壁紙のお試しは、右クリして「デスクトップの背景に設定」して、デスクトップで見てます。
う〜ん、ちょっとがたがたしてるね。角が合ってないので、もうちょっと角を上にずらしてみよう。

できた!
手順はさっきと同じ。面倒なので、ウェブアはずっと起動したままのほうがいいよね。ちょっと動かして、切り抜いて保存してお試ししました。どうかな?

こんどは!綺麗に出来たと思うんですけど。
角を合わせるのは、結構微妙なので、微調節を何度もしなくちゃいけないみたいです。


こんなに大変だなんて。
う〜ん、もっと簡単なやり方がありそうな気がするんですけど。どなたか、知りませんか〜?知ってたら教えてください!

私は実はウェブアートデザイナーはほとんど使った事無いんですよ。
で、私はいつもはフォトショップエレメンツを使うんで、そっちではどうやったら出来るかも試してみました。
以下次回!


back to top