ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopでクローバーのパターンを作る方法

Photoshopでクローバーのパターンを作る方法

投稿日:2010年07月09日   レベル:初級者    ソフトウェア:PhotoShop

このチュートリアルでは、クローバーのパターンを作る方法を紹介します。

Step1:はじめに

フォトショップを開き、新規ファイルを作成します。
630px*630pxの正方形にします。



Step2:ガイドを作る

ガイドを作成するかどうか、デザイナーの間でもよく議論になりますが、私の場合はピクセル単位でフォトショップを使うので、ガイドは好んで作成します。

長方形ツール長方形ツールを使って、四角形を描きます。正方形である必要はありません。

ガイドを作る

塗りを0%にして、1pxの境界線を適用します。





Step3:クローバーの形を作る

次にペンツールペンツールを使って、クローバーを作成します。
三つ葉でもいいし四つ葉でも構いません。世界記録を更新する21の葉でもOKです。

もしクローバーの大きさや形がイメージしにくい場合は、私が作ったファイルをダウンロードし、その中に入っているパスを使ってもかまいません。

クローバーのパス

パスを選択した状態で新しいレイヤーを作成し、パスパネルに移動します。
もし画面に表示されていない場合は、「ウィンドウ」−「パス」で表示します。

適当な緑色を選び、下にある「パスを描画色を使って塗りつぶす」ボタンをクリックします。

パスを塗りつぶす



Step4:白いクローバーを配置する

クローバーを複製して白で塗りつぶし、大きさを変えて上部の角に配置します。
見えやすいように、作業は白色、背景は暗い色とします。

拡大し、長方形ツール長方形ツールを使ってクローバーの上部からガイドの上辺までを選択します。
次にクローバーの選択部分をシフトキーを押しながら移動ツール移動ツールを使って下に移動し、ガイドの反対サイドまで持っていきます。
ずれているか不安ならば、矢印キーを使って位置を調整します。
ガイドライン上にクローバーを配置することで、全てが途切れなくつながっていきます。

白いクローバーを角に配置する

ガイドの外側のクローバーを選択し移動させる

この作業を横方向にも行います。

ガイドの四隅にクローバーを配置する

ここで、中央にも少し回転させたクローバーを配置します。
これはガイドとかぶらないので、上のような作業をもう一度行う必要はありません。



Step5:緑色のクローバーを配置する

はじめに緑色で塗りつぶしたパスを使い、いずれかの辺と重なるように配置して、先ほど白いクローバーで行ったことを繰り返します。
ガイドとは1辺で交わるだけなので、切り取って動かすのは一回で済みます。

最後に、複製して小さいクローバーをいくつか作り、変化をつけるために回転したり反転したりします。
このとき、ガイドの中にすべてを収めるようにします。
ガイドの外に出た場合は、上で書いたように、切り取って動かす作業を行います。

緑色のクローバーを配置する



Step6:パターンを定義する

パターンを構成するレイヤーをすべて選びます。ガイドは含みません。
次に、これらを複製して全て結合します。
長方形ツール長方形ツールを使って作成するパターンを囲み、「編集」−「パターンを定義」を選択します。

定義するパターンのレイヤーを選択する

一度これを行うと、パターンオーバーレイやレイヤースタイル、パターンや塗りつぶしツールを使うことでレイヤー全体に作成したパターンを適用することができるようになります。 しかし、部分的に使うだけならば、必要な分だけ複製すれば済みます。



Step7:完成

完成です。

完成



引用:Web Design Library 著者:Zen Elements 翻訳:なかけん



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング