ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopでビジネス向けウェブサイトのコラージュ画像を作る方法

Photoshopでビジネス向けウェブサイトのコラージュ画像を作る方法

投稿日:2009年01月06日   レベル:初心者    ソフトウェア:PhotoShop
このチュートリアルでは、Photoshopでビジネス向けウェブサイトのコラージュ画像を作ってみたいと思います。


Step1:はじめに

新規ドキュメントを作成します。
サイズは800ピクセル×200ピクセルです。

ビルの写真を撮影します。

背景


Step2:ぼかしフィルタを使い色を調整する

半径5ピクセルで「ぼかし(ガウス)」フィルタを設定します(「フィルタ」−「ぼかし」−「ぼかし(ガウス)」を選択)。

必要に応じ色を調節します(「Ctrl」+「U」キーを押す)。

ぼかし(ガウス)


Step3:会議の写真と背景を調和させる

会議の写真か自分のテーマにあったほかの素材を選びます。

写真

会議の写真をドキュメントにペーストして、サイズを調節します。

サイズ調整

レイヤーにマスクをかけます。

ブラシツールブラシツールを使って写真と背景の境界をぼかします。

レイヤーマスク

会議の写真に「レンズフィルタ」を設定します(「イメージ」−「色調補正」−「レンズフィルタ」を選択)。

レンズフィルタ

写真が背景と調和しました。

調和


Step4:斜めの格子を作りタイトルを入力する

新規レイヤーに斜めの格子を作ります。

斜めの格子

レイヤーのブレンドモードを「ビビッドライト」にして「塗り」を30%にします。

格子の入ったレイヤーにマスクをかけます。

大き目のソフトブラシを使って格子の部分をぼかします。

ビビッドライト

格子の入ったレイヤーを複製して反転します(「編集」−「変形」−「水平方向に反転」を選択)。

このレイヤーにマスクをかけます。

大き目のソフトブラシを使って格子の部分をぼかします。

反転させてぼかす

サイトのタイトルを大きめの文字で入力し、フォントを選択し、小さめの文字や境界線を入れます。


Step5:完成

これでビジネス向けウェブサイトのコラージュ画像の完成です!

完成


引用:Web Design Library 著者:colorifer.com 翻訳:菊池



スポンサードリンク

コメント

ランダム記事5件

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