ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopでかわいいお星さまをたった3ステップで作る方法

Photoshopでかわいいお星さまをたった3ステップで作る方法

投稿日:2009年06月26日   レベル:初心者    ソフトウェア:PhotoShop
このチュートリアルでは、Photoshopでかわいいお星さまをたった3ステップで作ってみたいと思います。


Step1:はじめに

それでは始めましょう。

800ピクセル×800ピクセルで新規ドキュメントを作成してグラデーションツールグラデーションツールで背景を次のように塗ります。

グラデーションで背景を塗る


Step2:星型を作る

ツールボックスのシェイプツールのシンボルを左クリックし続けると次の画像のように多角形ツールが表示されますので選択します。

多角形ツールを選択する

するとシェイプツールのオプションが画面上部に表示されますので、次のように設定します。

角数:5

半径:10px

辺のくぼみ:50%

シェイプツールのオプションを設定する

「コーナーを滑らかに」と「星型」にチェックマークが入っていることを確認します。

次のように背景レイヤーの上部に星を描きます(「Ctrl」+「T」キーを押すと自由に変形できます。)。

星を描く


Step3:星に効果をつける

レイヤーの名前を「星」に変えます。

「星」レイヤーで、次のブレンドオプションを設定します。

ドロップシャドウ

ドロップシャドウを設定する

シャドウ(内側)

シャドウ(内側)を設定する

光彩(外側)

光彩(外側)を設定する

光彩(内側)

光彩(内側)を設定する

ベベルとエンボス

べベルとエンボスを設定する

輪郭

輪郭を設定する

すると星のレイヤーに次のように効果がつきます。

結果



Step4:飾りをつける

単調な印象を与えないようこれから星に飾りをつけます。
そのためには「星」レイヤーの下に新規レイヤーを作成して、ペンツールペンツールで次のようにパスを描きます。

パスを描く

ヒント:アンカーポイントをドラッグする間「Shift」キーを押し続けます。

18ピクセル、硬さ0%のブラシを指定して、ペンツールペンツールで描いたパス上で右クリックしたら、「パスの境界線を描く」を選択します。

「パスの境界線を描く」を選択する

次のように設定します。

ブラシを設定する

すると次のように効果がつきます。

結果

作業したパスのレイヤーを何度か複製したら、自由変形ツール(「Ctrl」+「T」キー)を使って回転、拡大縮小、変形させます。
すると次のようになります。

パスのレイヤーを複製し、変形する

仕上がりが気に入ったら、複製した線のレイヤーを結合して、それから結合したレイヤーを複製すると次のようになります(必要に応じ、回転、サイズ変更を行います)。

レイヤーを結合しさらに複製する

最後の仕上げとして星の周囲にドットを追加します。
9ピクセルのソフト円形ブラシを指定したら次のように設定します。

シェイプ

シェイプを設定する

散布

散布を設定する

その他

その他を設定する

「エアブラシ」と「滑らかさ」にチェックマークが入っていることを確認します。

ブラシを設定したら、「星」レイヤーの下に新規レイヤーを作って次のようにランダムにドットを入れます。

ランダムにドットを入れる


Step5:完成

これでチュートリアルは終わりです!
このほかに自分でテクスチャやフィルタを入れてみてください。
自分の創造性を大切に。

私の場合は次のようにも作ってみました。

完成

このチュートリアルが役に立つことを願っています。
それではまた!


引用:Web Design Library 著者:www.psdvault.com 翻訳:菊池



スポンサードリンク

コメント

ランダム記事5件

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