photoshopは写真を加工して楽しく、よりスタイリッシュに見せることができる業界標準のソフトです。今回は、写真をポップに見せるために縁取りでペーパークラフト技術について挑戦します。
Contents
手順は3工程で完成
今回用意したのは、以下の画像です。
![tree-4700_640](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/tree-4700_640.jpg?resize=300%2C225&ssl=1)
![boy-1113806_640](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/boy-1113806_640.jpg?resize=300%2C206&ssl=1)
![brown-owl-1208042_640](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/brown-owl-1208042_640.jpg?resize=300%2C198&ssl=1)
![animal-1238237_640](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/animal-1238237_640.jpg?resize=300%2C218&ssl=1)
![short-eared-owl-1225961_640](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/short-eared-owl-1225961_640.jpg?resize=300%2C200&ssl=1)
![peek-1199225_640](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/peek-1199225_640.jpg?resize=300%2C133&ssl=1)
これらの画像を利用して簡単なクラフトアートを作りたいと思います。
工程としては、
- ドットの背景作り
- 立体感のある丘作り
- 人物・動物の切り抜きと縁取り
の3つを解説してゆきます。
カラーハーフトーンでドットの背景作り
まず、ドットの背景作りから入ります。
「塗りつぶし」→「不透明度」を下げる
Photoshopを立ち上げたら、描画色のツールパネルでピンク色を作るため「R:255」「G:200」「B:255」と設定します。続いて、地となるレイヤーを新規作成して「編集」→「塗りつぶし」を実行。ピンク色の地ができあがりました。
![paper1-4](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/paper1-4.png?resize=300%2C300&ssl=1)
ピンク色の地をカラーハーフトーンにした画像
ここから「フィルター」→「ピクセレート」→「カラーハーフトーン」→「最大判系:20ピクセル」で実行すると、ドットパターンが完成します。好みの問題ですが、個人的にはピンク色が強い気がするので、不透明度を下げて(今回は20%)にして、薄いピンク色にしました。
![paper1-5](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/paper1-5.png?resize=300%2C300&ssl=1)
不透明度20%まで下げたピンク色の地色
立体感のある丘を作る
パスで土台や丘を切り抜く
次に、芝生を切り抜いて変形させることで、立体感のある丘を作ります。芝生と丘のレイヤーをそれぞれ作成。芝生は長方形、丘は半円を描くようにパスを作成し、パスのチャンネルからそれぞれの「作業用パス」を保存。選択範囲を読み込みこんだら、切り抜いたパスの外側を消すため「選択範囲の反転」(Macならshift+⌘+I)で不必要な外側を消します。
![paper2-1](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/paper2-1.png?resize=300%2C224&ssl=1)
芝生の切り取り用写真
![paper2-2](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/paper2-2.png?resize=300%2C212&ssl=1)
切り抜いたパスチャンネルから「選択範囲を作成」
![paper-5](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/paper-5.png?resize=300%2C300&ssl=1)
切り抜いたパスで丘と芝生の土台を作りました
土台のレイヤーは手前に芝生、奥に丘がくるように重ね方を入れ替えています。
![paper2-6](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/paper2-6.png?resize=288%2C300&ssl=1)
芝生と土台のレイヤーの重ね順
レイヤースタイルで立体感を出す
ただ、これでは丘と芝生の奥行きがわかりにくいので、立体感をつける必要がありそうです。ここでは芝生の一つのレイヤーを選んで「レイヤースタイルを追加」を選択します。
レイヤースタイルは「ドロップシャドウ」→「描画モード:乗算」「カラー:黒」「不透明度:50%」「角度:−150%」「距離:5px」「サイズ:5px」に設定します。このスタイルを他の芝生レイヤーにも適用させるため「レイヤースタイル」→「レイヤースタイルをコピー」を選択し、それぞれのレイヤーにあてはめます。
![paper2-8](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/paper2-8.png?resize=563%2C350&ssl=1)
レイヤースタイルを適用
![paper2-12](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/paper2-12.png?resize=300%2C300&ssl=1)
丘や土台に立体感がでました
丘のダブり感は「水平方向に反転」で解消
すると、土台や丘に影や立体感が出ました。しかし、元写真の芝の色が赤くて不自然ですね。そこで、「レイヤー」→「調整レイヤー」→「色相・彩度」→「色相:+20」「彩度:-10」「明度:+10」と設定、調整レイヤーは一番上にします。また、丘の1つのレイヤーを選択したら、「編集」→「変形」→「水平方向に反転」を選択すると、ダブった感じが解消されます。
![paper2-13](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/paper2-13.png?resize=246%2C300&ssl=1)
芝の色相・彩度を変更させます
![paper2-15](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/paper2-15.png?resize=290%2C458&ssl=1)
芝生の調整レイヤーは一番上まで持ってきましょう
![paper2-16](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/paper2-16.png?resize=310%2C310&ssl=1)
芝生の色が緑色に変わりました
画像を切り抜き縁をつけて配置
今度は画像を切り抜いて配置しましょう。ペンツールで人や動物の輪郭に沿って選択範囲を作成し、「編集」→「コピー」で土台の画像にペーストするか、選択範囲を反転させて背景を削除して画像を配置してください。
配置した画像の大きさを変更しよう
ペーストさせた画像は自由変形(⌘+T)で大きさを自由に変更させましょう。切り抜いた画像は適当な位置に配置させます。
![paper3-5](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/paper3-5.png?resize=533%2C533&ssl=1)
切り抜いた人や動物を自由変形で配置させた
白い縁のつけ方
最後に、切り抜いた画像に白い縁をつけてペーパークラフト感を出します。切り抜いたオブジェクトを選択してから「レイヤー効果」→「境界線」→「サイズ:10px」「位置:外側」「不透明度:100%」「カラー:白」、「ドロップシャドウ」→「描画モード:乗算」→「カラー:黒」「不透明度:70%」「角度:-150°」「距離:10px」「スプレッド:10%」「サイズ:30px」と設定しました。
このレイヤースタイルをコピーし、他の動物や人物にも適用させましょう。できあがった画像は以下の通りです。
![paper3-7](https://i0.wp.com/banabo.net/wordpress/wp-content/uploads/2016/03/paper3-7.png?resize=511%2C511&ssl=1)
完成画像
Photoshopは画像のニュアンスを変えるだけでなく、工作のように切り取った画像をクラフト風にアレンジすることができます。素材はフリーでpixabayから取得できるので、あとはこの手順通りにこなせば誰もが同じような画像を完成させることができます。みなさんもチャレンジしてみましょう。
![]() |
Adobe Creative Cloud フォトグラフィプラン(Photoshop Lightroom) 12か月版 Windows/Mac対応 [ダウンロードコード] 新品価格 |
![](https://i0.wp.com/www11.a8.net/0.gif?resize=1%2C1)
![]() |
学生・教職員個人版 Adobe Creative Cloud コンプリート 12か月版 Windows/Mac対応 [オンラインコード] 新品価格 |
![](https://i0.wp.com/www11.a8.net/0.gif?resize=1%2C1)
現在、Amazonで2016年3月31日まで、「Adobe Elements 14」シリーズがAdobeストア参考価格より25%以上オフのキャンペーンを展開しています。通常価格は14,901円が、今なら10,081円で手に入れることができます。このチャンスを逃すことなく手に入れておきましょう。
コメントを残す