ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopでウェブサイト用のコンテンツスライダーを作成する方法

Photoshopでウェブサイト用のコンテンツスライダーを作成する方法

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

このチュートリアルでは、ウェブサイト用のコンテンツスライダーを作成する方法を紹介します。

Step1:はじめに

Photoshopでウェブサイト用のコンテンツスライダーを作成する方法を学びましょう。
まず、背景を作ることから始めます。
次に、たくさんのレイヤー、レイヤーマスク、 その他このチュートリアルに関連するテクニックを使って作業を進めていきます。
長方形選択ツール長方形選択ツール(M)を選んで、下記のようなシェイプを描いてください。

新規作成



Step2:シェイプを描き、#2E2E2Eの色で塗る

長方形選択ツール長方形選択ツール(M)で下記のとおりシェイプを描き、#2E2E2Eの色で塗ってください。

シェイプを描く





Step3: シェイプを描く

ペンツールペンツール(P)で下記のようにシェイプを描いてください。

ペンツールで色を塗る



Step4:レイヤーをコピー、ペーストする

下記のようにレイヤーを選択してコピーし、ペースト(Ctrl+V)してください。

コピー、ペースト



Step5:文字を入力する

文字ツール文字ツール(T)を選択し、下記のとおり、入力します。

文字入力



Step6:画像をセットする

下記のように、お好きな画像をスライドにセットしてください。

画像をセット



Step7:文字を入力する

文字ツール文字ツール(T)を選択し、下記のとおり、入力します。

文字入力



Step8:完成

完成です。

完成


このチュートリアルをお楽しみいただければ幸いです。
これらのテクニックがあなたの次の作品のアイデアのヒントとなればと思います。


引用:Web Design Library 著者:Shahzad Amin 翻訳:幕澤



スポンサードリンク

コメント

ランダム記事5件

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