※本ページは広告を含む場合があります。

Photoshopテクニック

Photoshopでアイコンにスタンプ(ハンコ)風の加工を施す方法

今回は、Photoshopを使ってアイコンをスタンプ(ハンコ)風に加工する方法をご紹介します。

Photoshopのフィルター機能を使えば簡単に行うことができるので、Photoshop初心者の方もぜひ挑戦してみてくださいね!

 

手順① 元となるアイコン(イラスト)を準備する

Photoshopでアイコンに判(ハンコ)風の加工を施す方法

今回は、こちらの猫のイラストをハンコ風に加工したいと思います。

イラストは、黒色一色で作成するようにしてください。

 

 

手順② 新規レイヤーに雲模様フィルターをかける

Photoshopでアイコンに判(ハンコ)風の加工を施す方法

続いて、元となるイラストの上に新規レイヤーを作成します。

新規レイヤーの作成方法は、レイヤーパネルの下にある「+」マークのボタンをクリックすればOKです!

 

 

Photoshopでアイコンに判(ハンコ)風の加工を施す方法

続いて、雲模様のフィルターをかけていきます。

① フィルター

② 描画

③ 雲模様1

 

赤色の雲模様を作りたいので、「描画色の設定」を必ず赤色にしておいてください。

 

 

Photoshopでアイコンに判(ハンコ)風の加工を施す方法

雲模様フィルターが適用されました。

 

 

Photoshopでアイコンに判(ハンコ)風の加工を施す方法

雲模様フィルターの描写モードを「スクリーン」に設定します。

 

 

Photoshopでアイコンに判(ハンコ)風の加工を施す方法

その後、加工がしやすいように今あるすべてのレイヤーを統合してください。



スポンサーリンク


 

手順③ スタンプの風合いを出していく

Photoshopでアイコンに判(ハンコ)風の加工を施す方法

スタンプ(ハンコ)のような風合いが出てきましたが、さらにリアリティーのある雰囲気を出していきましょう。

以下の「コピー」フィルターを適用します。

① フィルター

② スケッチ

③ コピー

スケッチフィルターが見つからない場合は、

①フィルター → ②フィルターギャラリー → ③スケッチ → ④コピー

から探してみてください。

 

Photoshopでアイコンに判(ハンコ)風の加工を施す方法

コピーフィルターの設定値を、以下の通りに設定します。

ディテール:7
暗さ:28

 

 

Photoshopでアイコンに判(ハンコ)風の加工を施す方法

もっとスタンプ風の加工を施していきましょう。

① フィルター

② スケッチ

③ スタンプ

スケッチフィルターが見つからない場合は、

①フィルター → ②フィルターギャラリー → ③スケッチ → ④スタンプ

から探してみてください。

 

Photoshopでアイコンに判(ハンコ)風の加工を施す方法

スタンプフィルターの設定値を、以下の通りに設定します。

明るさ・暗さのバランス:37
滑らかさ:8

 

 

Photoshopでアイコンに判(ハンコ)風の加工を施す方法

スタンプフィルターが適用されました。

 

 

完 成!

Photoshopでアイコンに判(ハンコ)風の加工を施す方法

完成しました!

スタンプ(ハンコ)を押したかのような風合いのデザインに仕上がりました。

 

 

Photoshopでアイコンに判(ハンコ)風の加工を施す方法

背景に紙の素材を敷けば、さらに臨場感のある仕上がりになります。

「スケッチ」及び「スタンプ」フィルターを使えば簡単に作ることができるので、ぜひ当記事を参考にしていただけたらと思います。



 

Adobe CCを安くで買う裏技!

『デジハリ・オンラインスクール』受講で、
定価の約半額でAdobe CCを購入できる!

デジハリでAdobe CCが39,980円

 Adobe CCの1年間ライセンス
Illustrator・PhotoshopなどのAdobe動画教材

以上の内容がセットで、39,980円(税込)!

\今すぐ詳細をチェック/

デジハリ・オンライン公式

 
デジハリAdobe講座の口コミ評判とデザイナーの私が実際に使った体験談  

スポンサーリンク



最大70%割引になるWebデザインスクール厳選

Webデザインスクールの受講料金が70%も安くなる裏技を知りたい方はこちらの記事へ

記事本編はこちらから

   

グラフィック・Webデザイナー向けの転職サイト8選はコレ!

グラフィックデザイナー・Webデザイナー向けのおすすめ転職サイト・転職エージェントを比較しながら詳しく解説しています!

記事本編はこちらから

   

学び方〜仕事の探し方まで!未経験からデザイナーになるための完全ガイド

デザインまったくの未経験者が、プロのデザイナーになるまでのステップを詳しく丁寧に徹底解説しています。

記事本編はこちらから

   

長時間労働?人間関係?みんながデザイナーを辞めたくなる3つの理由

「デザイナー辞めたい!」一度は考えたことありませんか? そんなデザイナーの不平・不満を調査してみました。 デザイナーのみなさんならこの苦労を分かち合えるはずです!

記事本編はこちらから

   

Webデザインを安く勉強できるオンラインスクール厳選

Webデザインを勉強したい方に向けて、価格や授業内容を比較しながら、おすすめできるオンラインスクールをまとめてご紹介しています。

記事本編はこちらから

© 2024 デザイナーの道しるべ