ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopでコメント用のリボンアイコンを作る方法

Photoshopでコメント用のリボンアイコンを作る方法

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

このチュートリアルではPhotoshopでコメント用のリボンアイコンを作る方法について紹介します。
まず黒い背景を作成し、それからたくさんのレイヤーやテキストレイヤーやその他の便利なテクニックをこのチュートリアルを通じて学んでいきます。
このチュートリアルは簡単なので、ぜひ、みなさんに挑戦してもらいたいと思います。



Step1:はじめに

多角形選択ツール(L)を選択し、下のような図形を描きます。

ps_21674_01.jpg

Step2:グラデーションの描画

レイヤースタイルを開き、グラデーションオーバーレイを選択し、下のように設定します。

ps_21674_02.jpg

長方形選択ツールを選択し、下のように図形を描いて、#39BCCFで塗りつぶします。

ps_21674_03.jpg





Step3:テキストの挿入

文字ツール(T)を選択し、下のようにタイプします。

ps_21674_04.jpg


Step4:テキストにレイヤースタイルの適用

こレイヤースタイルを開き、グラデーションオーバーレイを選択し、下のように設定します。

ps_21674_05.jpg


Step5:完成

これで完成です。
このチュートリアルを気に入っていただけましたか?これらのテクニックが、あなたが次にデザインするときに役立てば幸いです。

ps_21674_06.jpg


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



スポンサードリンク

コメント

ランダム記事5件

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