マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン WEB制作

【これぞPhotoshopマジック】イラスト風・水彩風・レトロ風に写真を加工するワザ

投稿日:2014年6月16日 更新日:

img00

Webデザインを制作する中で、写真素材を使用することが多々あります。
これらの素材にひと手間加えることで、写真の魅力がグッと加わったり、
サイトの印象を変えることができたり、ポイントにもなったりしますよね。

そこで!
今回はPhotoshopで写真をカンタンにイラスト風・水彩風・レトロ風に加工する方法を
紹介されているページをご紹介します。
※実際に試してみたので、元画像と比較しながらご覧下さい!
↓元画像
img01



▼イラスト風に加工

掲載元:http://photoshop76.blog.fc2.com/blog-entry-32.html

↓実際にやってみるとこんな感じ
img02

デッサンで描いたようなタッチにすることができます。
顔写真を似顔絵風にしたい!という時に便利そうですね。



▼水彩風に加工

掲載元:http://www.webcreatorbox.com/inspiration/watercolor-web-design/

↓実際にやってみるとこんな感じ
img03

水彩ブラシツールを使用すると、格段に水彩っぽさが上がります。
挿絵をこのように加工することで、ちょっとしたアクセントになるかもしれませんね。



▼レトロ風に加工

掲載元:http://designers-tips.com/archives/6013

↓実際にやってみるとこんな感じ
img04

クラフト感のあるサイトデザインと相性が良さそうな加工法ですね。
風景写真と組み合わせることでポストカードのようなイメージにもなりそうです。

 

画像加工でデザインにアクセントを加えたい!という方は
この機会に是非、試してみてはいかがでしょうか?
一度やってみると、なかなか発見があって面白いのでオススメです。

-WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

クオリティの高い“フリー写真素材サイト”まとめ編!

皆さん! こんばんは!! 株式会社マーカーネットでwebデザインを修行をしている新人デザイナーKです。 今回、私が皆さんにご紹介したいのはweb制作は欠かせない「素材」についてです。正確には、クオリテ …

jQueryを使ってみよう【開閉式メニューを作る編】

html・CSSでのマークアップは何となく分かるけどjQueryはちょっと分からないという方、 今からjQueryを使ってみようと思っている方必見。 jQueryの便利な使い方をご紹介します。 jQu …

面白い動きや便利な機能をJSで実装! その5:ちょっと変わったマウスオーバーの応用編

javascript(jquery)でマウスオーバー時に変わった動きを付けたいと思います。 面白い動きや便利な機能をJSで実装! その4:ちょっと変わったマウスオーバーを実装してみました。の続きになり …

ウェブ上学習プログラム「Dash」!ブラウザでWEB制作(HTML, CSS, JavaScript)の基礎を学べ

ウェブ上学習プログラム「Dash」!ブラウザでWEB制作(HTML, CSS, JavaScript)の基礎を学べ

この「Dash」と呼ばれるプログラムはGeneral Assemblyが起業家などを育てる教育分野に転身したのをきっかけにもともと自社内の教育ツールとして開発されたものだったらしいのですが、評判が良か …

【Illustrator】多角形を使った簡単な花形の作り方

【Illustrator】多角形を使った簡単な花形の作り方

みなさまこんばんは、新人Aです。 今日は、多角形を使って一瞬でお花の形にする方法をお話しようと思います! 数値をずらすだけで形が簡単に変わるので、とってもおすすめです。     【 …