スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

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月の人気記事ランキング