1 PS チュートリアルPhotoshop でクローバーのパターンを作る方法 Wed Mar 16, 2011 2:34 pm
Admin
Admin
このチュートリアルでは、クローバーのパターンを作る方法を紹介します。
Step1:はじめに
フォトショップを開き、新規ファイルを作成します。
630px*630pxの正方形にします。
Step2:ガイドを作る
ガイドを作成するかどうか、デザイナーの間でもよく議論になりますが、私の場合はピクセル単位でフォトショップを使うので、ガイドは好んで作成します。
[You must be registered and logged in to see this image.]長方形ツールを使って、四角形を描きます。正方形である必要はありません。
[You must be registered and logged in to see this image.]
塗りを0%にして、1pxの境界線を適用します。
Step3:クローバーの形を作る
次に[You must be registered and logged in to see this image.]ペンツールを使って、クローバーを作成します。
三つ葉でもいいし四つ葉でも構いません。世界記録を更新する21の葉でもOKです。
もしクローバーの大きさや形がイメージしにくい場合は、私が作ったファイルをダウンロードし、その中に入っているパスを使ってもかまいません。
[You must be registered and logged in to see this image.]
パスを選択した状態で新しいレイヤーを作成し、パスパネルに移動します。
もし画面に表示されていない場合は、「ウィンドウ」-「パス」で表示します。
適当な緑色を選び、下にある「パスを描画色を使って塗りつぶす」ボタンをクリックします。
[You must be registered and logged in to see this image.]
Step4:白いクローバーを配置する
クローバーを複製して白で塗りつぶし、大きさを変えて上部の角に配置します。
見えやすいように、作業は白色、背景は暗い色とします。
拡大し、[You must be registered and logged in to see this image.]長方形ツールを使ってクローバーの上部からガイドの上辺までを選択します。
次にクローバーの選択部分をシフトキーを押しながら[You must be registered and logged in to see this image.]移動ツールを使って下に移動し、ガイドの反対サイドまで持っていきます。
ずれているか不安ならば、矢印キーを使って位置を調整します。
ガイドライン上にクローバーを配置することで、全てが途切れなくつながっていきます。
[You must be registered and logged in to see this image.]
この作業を横方向にも行います。
[You must be registered and logged in to see this image.]
ここで、中央にも少し回転させたクローバーを配置します。
これはガイドとかぶらないので、上のような作業をもう一度行う必要はありません。
Step5:緑色のクローバーを配置する
はじめに緑色で塗りつぶしたパスを使い、いずれかの辺と重なるように配置して、先ほど白いクローバーで行ったことを繰り返します。
ガイドとは1辺で交わるだけなので、切り取って動かすのは一回で済みます。
最後に、複製して小さいクローバーをいくつか作り、変化をつけるために回転したり反転したりします。
このとき、ガイドの中にすべてを収めるようにします。
ガイドの外に出た場合は、上で書いたように、切り取って動かす作業を行います。
[You must be registered and logged in to see this image.]
Step6:パターンを定義する
パターンを構成するレイヤーをすべて選びます。ガイドは含みません。
次に、これらを複製して全て結合します。
[You must be registered and logged in to see this image.]長方形ツールを使って作成するパターンを囲み、「編集」-「パターンを定義」を選択します。
[You must be registered and logged in to see this image.]
一度これを行うと、パターンオーバーレイやレイヤースタイル、パターンや塗りつぶしツールを使うことでレイヤー全体に作成したパターンを適用することができるようになります。
しかし、部分的に使うだけならば、必要な分だけ複製すれば済みます。
Step7:完成
完成です。
[You must be registered and logged in to see this image.]
引用:Web Design Library 著者:Zen Elements 翻訳:なかけん]
- Step1 : はじめに
- Step2 : ガイドを作る
- Step3 : クローバーの形を作る
- Step4 : 白いクローバーを配置する
- Step5 : 緑色のクローバーを配置する
- Step6 : パターンを定義する
- Step7 : 完成
Step1:はじめに
フォトショップを開き、新規ファイルを作成します。
630px*630pxの正方形にします。
Step2:ガイドを作る
ガイドを作成するかどうか、デザイナーの間でもよく議論になりますが、私の場合はピクセル単位でフォトショップを使うので、ガイドは好んで作成します。
[You must be registered and logged in to see this image.]長方形ツールを使って、四角形を描きます。正方形である必要はありません。
[You must be registered and logged in to see this image.]
塗りを0%にして、1pxの境界線を適用します。
Step3:クローバーの形を作る
次に[You must be registered and logged in to see this image.]ペンツールを使って、クローバーを作成します。
三つ葉でもいいし四つ葉でも構いません。世界記録を更新する21の葉でもOKです。
もしクローバーの大きさや形がイメージしにくい場合は、私が作ったファイルをダウンロードし、その中に入っているパスを使ってもかまいません。
[You must be registered and logged in to see this image.]
パスを選択した状態で新しいレイヤーを作成し、パスパネルに移動します。
もし画面に表示されていない場合は、「ウィンドウ」-「パス」で表示します。
適当な緑色を選び、下にある「パスを描画色を使って塗りつぶす」ボタンをクリックします。
[You must be registered and logged in to see this image.]
Step4:白いクローバーを配置する
クローバーを複製して白で塗りつぶし、大きさを変えて上部の角に配置します。
見えやすいように、作業は白色、背景は暗い色とします。
拡大し、[You must be registered and logged in to see this image.]長方形ツールを使ってクローバーの上部からガイドの上辺までを選択します。
次にクローバーの選択部分をシフトキーを押しながら[You must be registered and logged in to see this image.]移動ツールを使って下に移動し、ガイドの反対サイドまで持っていきます。
ずれているか不安ならば、矢印キーを使って位置を調整します。
ガイドライン上にクローバーを配置することで、全てが途切れなくつながっていきます。
[You must be registered and logged in to see this image.]
この作業を横方向にも行います。
[You must be registered and logged in to see this image.]
ここで、中央にも少し回転させたクローバーを配置します。
これはガイドとかぶらないので、上のような作業をもう一度行う必要はありません。
Step5:緑色のクローバーを配置する
はじめに緑色で塗りつぶしたパスを使い、いずれかの辺と重なるように配置して、先ほど白いクローバーで行ったことを繰り返します。
ガイドとは1辺で交わるだけなので、切り取って動かすのは一回で済みます。
最後に、複製して小さいクローバーをいくつか作り、変化をつけるために回転したり反転したりします。
このとき、ガイドの中にすべてを収めるようにします。
ガイドの外に出た場合は、上で書いたように、切り取って動かす作業を行います。
[You must be registered and logged in to see this image.]
Step6:パターンを定義する
パターンを構成するレイヤーをすべて選びます。ガイドは含みません。
次に、これらを複製して全て結合します。
[You must be registered and logged in to see this image.]長方形ツールを使って作成するパターンを囲み、「編集」-「パターンを定義」を選択します。
[You must be registered and logged in to see this image.]
一度これを行うと、パターンオーバーレイやレイヤースタイル、パターンや塗りつぶしツールを使うことでレイヤー全体に作成したパターンを適用することができるようになります。
しかし、部分的に使うだけならば、必要な分だけ複製すれば済みます。
Step7:完成
完成です。
[You must be registered and logged in to see this image.]
引用:Web Design Library 著者:Zen Elements 翻訳:なかけん]