株式会社アフラット
アフラットのこだわり サービス一覧 制作実績 料金プラン 制作の流れ よくある質問 会社概要
HOMEスタッフブログ

アフラット スタッフブログ

これは使える!!プロが教える画像加工術

投稿日 2010年03月12日
カテゴリー MATSUOKA, WEBサイト制作の事

こんにちはMATSUOKAです。

今日はホームページで使える画像の加工術を公開します。

photoshopがあれば色んな事が出来ます。
ほんの少しお見せしますので、試してみてください。

1.素材を用意します。今回は素材辞典vol.107<乗物・移動とスピード編>の走るポルシェを用意しました。1.素材の用意
今回は素材辞典vol.107<乗物・移動とスピード編>の走るポルシェを用意しました。

2.マグネット選択ツールで車の形を取り、トレースします。背景はK100%のブラックで塗りつぶしました。2.トレース
マグネット選択ツールで車の形を取り、トレースします。
背景はK100%のブラックで塗りつぶしました。

3.明るさ・コントラストを使ってギラギラ感を出します。3.コントラスト調整
明るさ・コントラストを使ってギラギラ感を出します。

4.所々、メリハリが出るように彩度を落として写真を落ち着かせます。4.彩度調整
所々、メリハリが出るように彩度を落として写真を落ち着かせます。

5.ブラシツールを使って光の反射を足していきます。5.光の反射を足す
ブラシツールを使って光の反射を足していきます。

6.ウインドウをK100で塗りつぶして不透明度60%に落します。6.窓ガラスを加工する
窓ガラスをK100%で塗りつぶして不透明度60%に落します。

7.ぼかしツールでウインドウに光の映り込みを作ります。7.窓ガラスに光の写り込みを作る
ぼかしツールで窓ガラスに光の写り込みを作ります。

.暗い所はより暗く、明るい所は明るく微調整します。8.最終調整
暗い所はより暗く、明るい所は明るく微調整します。

9.全体をコピーして垂直方向に反転させレイヤーにマスクをかけます。かけたマスクをグラデーションツールでエフェクトし段々消えていく感じを出します。この時、実際に反射したように多少画像を切り貼りして修正し自然な感じになるように加工します。9.床部分に反射を作る
全体をコピーして垂直方向に反転させレイヤーにマスクをかけます。
かけたマスクをグラデーションツールでエフェクトし段々消えていく感じを出します。
この時、実際に反射したように多少画像を切り貼りして修正し自然な感じになるように加工します。

10.最後に背景をブルーのグラデーションを敷いて完成です。10.背景を装飾する
最後に背景をブルーのグラデーションを敷いて完成です。

ロゴマークを挿入すると画像に絞まりが出ます。どうです?ショーウインドウに展示してある車に変身したでしょ!皆さんも一度お試しください。11.ロゴマーク挿入
ロゴマークを挿入すると画像に絞まりが出ます。
どうです?ショーウインドウに展示してある車に変身したでしょ!
皆さんも一度お試しください。
元画像元画像↑

それでは、また次回までお楽しみに!

関連する記事を読む

コメント

コメントする




トラックバック

最大6回払い
サイト運営SEOガイドブック無料贈呈
ブログ型ホームページ制作
無料メールマガジン登録無料
業務提携
HIGHQUALITY
WEB DESIGN STUDIO
HP制作/WEBデザイン
株式会社アフラット
〒252-0001
神奈川県座間市相模が丘
1-20-47第2熊崎ビル5F
TEL:042-860-0171
FAX:042-749-6181
E-mail:info@aflat.com
営業時間:10:00-18:00
(定休日:土・日・祝日)
神奈川県座間市のホームページ制作会社アフラットでは、東京、神奈川を中心に全国のWEB制作を承っております。
近隣都市である、相模原大和海老名厚木はもちろんの事、平塚、藤沢、茅ヶ崎等の湘南エリア。はたまた、秦野伊勢原、小田原や南足柄、湯河原等の神奈川県西エリアにも制作実績がございます。
また、少し遠いと思われがちな横浜も、実はアクセスがよいので、訪問してのお伺いも度々行わせて頂いております。 さらに、県をまたぎますが、距離的にはとても近い町田・多摩エリアからも多くのご依頼を受けております。
もちろん、メールや電話のみでの制作も可能ですので、お気軽にお問い合せ下さいませ。