ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopでビジネスのグラフのアイコンを作る方法

Photoshopでビジネスのグラフのアイコンを作る方法

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

このチュートリアルでは、Photoshopでビジネスのグラフのアイコンを作る方法(独占チュートリアル)を紹介します。


  • Step1 : はじめに
  • Step2 : 長方形シェイプを描く
  • Step3 : レイヤースタイルを設定
  • Step4 : 完成

  • Step1:はじめに

    サイズが1280ピクセル×1024ピクセルの新規プロジェクトを作成してから長方形選択ツールでシェイプを作って次のように「#B7B8C6」で色を塗ります。


    ps_21705_01.jpg


    Step2:長方形シェイプを描く
    長方形選択ツールでシェイプを作って次のように「#B7B8C6」で色を塗ります。

    ps_21705_02.jpg


    長方形選択ツールでシェイプを作ります。

    ps_21705_03.jpg





    Step3:レイヤースタイルを設定
    レイヤースタイルでグラデーションオーバーレイを次のように設定します。

    ps_21705_05.jpg

    レイヤースタイルでグラデーションオーバーレイを次のように設定します。

    ps_21705_06.jpg

    レイヤースタイルでグラデーションオーバーレイを次のように設定します。

    ps_21705_07.jpg

    レイヤースタイルでグラデーションオーバーレイを次のように設定します。

    ps_21705_08.jpg

    Step3:楕円シェイプを描く
    楕円形選択ツールでシェイプを作って次のように「#767A7D」で色を塗ります。

    ps_21705_09.jpg


    Step4:完成
    多角形選択ツールで次のようにシェイプを作ります。

    ps_21705_10.jpg


    このチュートリアルが今後のアイディアやデザインに多少でもお役に立つことを願っています。


    引用:Web Design Library 著者:buildtutorial.com 翻訳:幕澤



    スポンサードリンク

コメント

ランダム記事5件

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