ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopで再生ボタンを作る方法

Photoshopで再生ボタンを作る方法

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

このチュートリアルでは、再生ボタンを作る方法を紹介します。

Step1:はじめに

フォトショップで、再生ボタンを作る方法を学んでいきましょう。
まずは、背景を作った後に、レイヤー、レイヤーマスクや今後も使える便利なテクニックをこのチュートリアルを通じて学んでいきます。

新しいファイルを作成します。大きさは1280x1024ピクセルとし、#555352 で塗りつぶします。

新規作成



Step2:図形を描く

角丸長方形ツール 角丸長方形ツールを選択し、半径を300ピクセルにして、下のように図形を描きます。

図形を描く





Step3:グラデーションオーバーレイを設定する

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

グラデーションをかける


Step4:円を描く

楕円形ツール 楕円形選択ツールに切り替え、円を描きます。

円を描きます。



Step5:色を塗る

下のように、#152157 で塗りつぶします。

色を塗る



Step6:ブラシツールを使う

ブラシツールブラシツールを選択し、下のように適用します。

ブラシツールを使う



Step7:三角形を描く

カスタムツールカスタムシェイプツールを選択し、三角形を描きます。

三角形を描く



Step8:テキストを書く

文字ツール文字ツールを選択し、下のようにテキストを書きます。

テキストを書く



Step9:完成

完成です。

完成

このチュートリアルを楽しんでいただけましたか?
これらのテクニックが、これからのあなたのデザインのヒントになればうれしいです。

引用:Web Design Library 著者:Shahzad Amin 翻訳:なかけん



スポンサードリンク

コメント

ランダム記事5件

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