SHU BLOG

  1. Twitter
  2. Instagram
  3. contact

BLOG NEWS ブログ

TITLE

【Photoshop】 ミニチュア風の写真に加工する方法

SHU[シュウ]

1991年生まれ九州の宮崎県育ち
高校卒業後、愛知県で自動車関係の
お仕事に5年間勤め、WEB業界に
転職致しました。
趣味:サッカー観戦、ゲーム、映画、漫画
基本インドアです！笑

シュウ
シュウ
今回は【Photoshop ミニチュア風】の写真に加工してみようをテーマにして
おります。

Photoshop ミニチュア風の完成写真

Photoshop ミニチュア風

こんな感じの写真が約10分で完成します。
難しい作業もないのでぜひ！最後までご覧ください。

ミニチュア風の写真にする手順

ミニチュア風の写真にする手順

最初に、写真をご用意ください。

01 Photoshopで写真を開き「スマートオブジェクトに変換」をしましょう

スマートオブジェクトに変換

●STEP 01
写真レイヤーを
「スマートオブジェクトに変換」
●01. スマートオブジェクトに変換方法
1レイヤーを選択
2マウス(マウス)を右クリック
3「スマートオブジェクトに変換」を選択
●02. スマートオブジェクトに変換方法
1メニュバー
2「フィルター」
3「スマートフィルター用に変換」

スマートオブジェクトに変換方法

「スマートオブジェクトに変換」は、どちらでも構いません、
変換後は写真の横にアイコンが表示して入れば大丈夫です。

02 チルトシフトぼかしで風景の前後をぼかしましょう

チルトシフトぼかしで

●STEP 02
写真レイヤーに
「チルトシフト」を使用しましょう
●01. チルトシフトを選択してぼかしを調整しましょう
1メニュバー
2「フィルター」
3「ぼかしギャラリー」
4「チルトシフト」を選択

チルトシフトを選択するとぼかしの基準となるサークルがあります。その上下の実線と点線でばかしの範囲を調整いたします。
また右側には「ぼかしツール」がありますので「ぼかし、ゆがみ」の調整をおこなってください。
今回は「ぼかし:15px」で設定で進めていきます。

ぼかしツール

全体のトーンを調整してミニチュア感を強調する方法

●STEP 03
新規調整レイヤーから
「トーンカーブ」を使用しましょう
●01. トーンカーブを選択
トーンカーブで全体を明るくし、軽い色調にしましょう！
ポイント:山なりになるように2点ポイントを追加します。
色相・彩度を選択

●STEP 04
新規調整レイヤーから
「色相・彩度」を使用しましょう
●01. 色相・彩度を選択
彩度が高まることにより、ポップなイメージになります。
今回は「彩度： +20」、「明度： +10」で設定で完成になります。

最後にレイヤーの確認

最後にレイヤーの確認

今回、使用したレイヤーは3つです、ご自身のレイヤーをご確認ください！
お好みで文字やイラストを追加してみてください。

新ほめられデザイン事典 写真レタッチ・加工［Photoshop］
created by Rinker

まとめ

今回はこれで以上です。

POINT
  • ぼかしフィルター「チルトシフト」を利用してみよう！
  • 「トーンカーブ」で全体を明るし、山形になるように2点ポイントを追加しよう！
  • 「色相・彩度」で最後にポップなイメージを目指しましょう！

デザインをするうえでPhotosho、Illustratorは必須になっていきます!
Photoshoでの写真のレタッチ・加工とても難しいので最初は簡単な写真からチャレンジしていきましょう。

私もPhotoshopで得た知識をどんどん発信していきます。

スポンサーリンク

SHU

1991年生まれ九州の宮崎県育ち高校卒業後、愛知県で自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。
趣味:サッカー観戦、ゲーム、映画、漫画基本インドアです！笑
つくる、しあわせをテーマとして主にWEBに関する様々な情報を発信しています。

最新記事

関連記事

ドメインを取るなら お名前.com から↓↓


目次

最新記事

人気記事ランキング

オススメ記事

キーワード

  1. @keyframes
  2. attachment
  3. audio
  4. aタグ
  5. b
  6. background
  7. blockquote
  8. border
  9. box-shadow
  10. calc関数
  11. column
  12. content
  13. counter
  14. CSS
  15. CSS関数
  16. cursor
  17. decoration
  18. del要素
  19. display
  20. dl
  21. download
  22. em
  23. favicon
  24. first-letter
  25. first-line
  26. font
  27. form
  28. Google Fonts
  29. GoogleMap
  30. Grid Layout
  31. hr
  32. HTML
  33. HTML5
  34. i
  35. iframe
  36. Illustrator
  37. img
  38. ins要素
  39. jQuery
  40. kbd
  41. letter-spacing
  42. line-height
  43. list-style
  44. margin
  45. mark
  46. meta
  47. object
  48. ol
  49. opacity
  50. outline
  51. overflow
  52. padding
  53. perspective
  54. Photoshop
  55. PHP
  56. position
  57. pタグ
  58. q要素
  59. ruby
  60. small
  61. strong
  62. sub要素
  63. sup要素
  64. s要素
  65. table
  66. text-align
  67. text-indent
  68. text-overflow
  69. text-shadow
  70. transform
  71. transition
  72. ul
  73. vertical-align
  74. video
  75. WEB
  76. white-space
  77. WordPress
  78. WP ULike
  79. writing-mode
  80. z-index
  81. アニメーション
  82. おすすめサイト
  83. グラデーション
  84. ハイライト
  85. ユーザーアクション
  86. 住所検索
  87. 擬似クラス
  88. 絶対・相対パス
  89. 縦書き

カテゴリー

月別アーカイブ

Portfolio

    © 2020 shu-naka-blog

  • HOME
  • CONTACT
  • PAGE TOP

    • page_top