ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座フォトショップの基本 > Photoshopで抽象的な図形を組み合わせた効果を作成する方法

Photoshopで抽象的な図形を組み合わせた効果を作成する方法

投稿日:2012年9月11日   レベル:初心者    ソフトウェア:Photoshop

このチュートリアルでは、抽象的な図形を組み合わせた効果を作成するな方法を紹介します。

Step1:はじめに

好きな画像を選び、次のようにフォトショップで開きます。

新規作成



Step2:図形を描く

長方形選択ツール長方形選択ツール(M)を使って、次のように図形を描きます。

四角い図形を描く





Step3:#5f5f5f の色で塗る

#5f5f5f の色で塗りつぶします。

色を塗る



Step4:オーバーレイを選択する

レイヤーツールバーから、オーバーレイを選択します。

オーバーレイを設定する



Step5:シャドウの設定をする

レイヤースタイルを開き、ドロップシャドウを選択します。
シャドウの設定を次のようにします。

シャドウを設定する



Step6:図形を描く

もう一度、長方形選択ツール長方形選択ツール(M)を使って、下のように図形を描きます。

図形を描く



Step7:#b1b0b0 の色で塗る

#b1b0b0 の色で塗りつぶします。

色を塗る



Step8:レイヤースタイルをコピーする

レイヤーツールバーで、「レイヤースタイルをコピー」を選択します。

レイヤースタイルをコピー



Step9:新しいレイヤーに貼り付ける

新しいレイヤーに、貼り付けます。



Step10:図形を描き、#e2e2e2 の色で塗る

長方形ツール長方形ツール(M)を選択し、図形を描き、#e2e2e2 の色で塗りつぶします。

#e2e2e2 の色で塗る



Step11:新しいレイヤーにレイヤースタイルを貼り付ける

新しいレイヤーにレイヤースタイルを貼り付けます。

レイヤースタイルを貼りつける



Step12:完成

完成です。

完成

このチュートリアルを気に入っていただけましたか?
ここで挙げたテクニックが、あなたの次のアイデアに行かされると幸いです。

引用:Web Design Library 著者:Build Tutorial  翻訳:なかけん



スポンサードリンク

コメント

ランダム記事5件

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