広告ブロックが検出された!

このサイトは存続するために広告に依存しています。 私たちをサポートするために、ブラウザ内の広告ブロックを無効にすることを検討してください。 ありがとうございます!

【Photoshop】コピーして粗く歪んだようなグラフィックを表現する(コピー/ゆがみ/写真加工)

エムディエヌコーポレーション 8 時 前
Facebook Icon Twitter Icon
Photoshopで何回もコピーを繰り返して粗く歪んだようなグラフィックを表現するテクニックを紹介します。
*本連載はPhotoshopで作る定番グラフィックの制作工程を、一から手順通りに解説するHow to記事です。■使用する機能「スマートオブジェクト」「ちりめんじわ」「粒状」「ハーフトーンパターン」「粒状フィルム」「ゆがみ」「長方形選択ツール」「自由変形」「ワープ」「海の波紋」目次【Photoshop】コピーして粗く歪んだようなグラフィック表現: 
1.元となる写真を配置して粗い画像に加工するまずは新規ファイルを[幅:1200ピクセル]、[高さ:1400ピクセル]、[解像度:350ピクセル/インチ]で作成したら、元となる写真素材を用意して配置する(図1)図1レイヤーパネルで元写真のレイヤーを選択して、レイヤーメニュー→“スマートオブジェクト”→“スマートオブジェクトに変換”を実行(図2)図2。この時点のレイヤーの状態。元写真のレイヤーをスマートオブジェクトに変換しておく次にフィルターメニュー→“フィルターギャラリー...”を選び、[スケッチ]の[ちりめんじわ]を[密度:0]、[描画レベル:5]、[背景レベル:5]に設定する(図3)図3。[スケッチ]の[ちりめんじわ]を[密度:0]、[描画レベル:5]、[背景レベル:5]に設定するダイアログ右下の[+]ボタンをクリックしてエフェクトレイヤーを追加したら、[テクスチャ]の[粒状]を[密度:20]、[コントラスト:40]、[粒子の種類:標準]に設定(図4)図4。赤枠部分の[+]ボタンをクリックしてエフェクトレイヤーを追加し、[テクスチャ]の[粒状]を[密度:20]、[コントラスト:40]、[粒子の種類:標準]に設定する続いて[+]ボタンをクリックしてエフェクトレイヤーを追加し、[スケッチ]の[ハーフトーンパターン]を[サイズ:3]、[コントラスト:50]、[パターンタイプ:点]に設定する(図5)図5。[スケッチ]の[ハーフトーンパターン]を[サイズ:3]、[コントラスト:50]、[パターンタイプ:点]に設定するさらに[+]ボタンをクリックしてエフェクトレイヤーを追加し、[アーティスティック]の[粒状フィルム]を[粒子:8]、[領域のハイライト:0]、[密度:3]に設定して適用する(図6)(図7)図6。[アーティスティック]の[粒状フィルム]を[粒子:8]、[領域のハイライト:0]、[密度:3]に設定する図7【Photoshop】コピーして粗く歪んだようなグラフィック表現: 
2.「ゆがみ」フィルターで画像を加工する画像を加工していく。まず、元写真のレイヤーが選択された状態のまま、フィルターメニュー→“ゆがみ...”を選択。ゆがみダイアログボックスが表示されるので、その左側にあるツールパネルでピクセル移動ツールを選び、[ブラシツールオプション]で[サイズ]を適宜調整しながら、プレビュー上で縦方向にドラッグして歪ませていく(図8)(図9)(図10)図8。赤枠部分がピクセル移動ツール。ここでは[ブラシツールオプション]で[サイズ:100]、[密度:50]、[筆圧:100]程度に設定し、縦方向にドラッグして歪ませていった図9図10イメージ通りに歪ませることができたら、[OK]をクリックして効果を確定させる(図11)図11【Photoshop】コピーして粗く歪んだようなグラフィック表現: 
3.波状の歪みを加えてビジュアルを仕上げるビジュアルを仕上げていく。まず長方形選択ツールを選び、顔の中央付近の歪んだ部分から右側を囲むようにドラッグして選択範囲を作成し(図12)、コピー&ペーストする(図13)図12。ここでは、赤い点線部分に選択範囲を作成した図13。この時点のレイヤーの状態レイヤーパネルで元写真のレイヤーを選び直したら、長方形選択ツールで顔の中央付近の歪んだ部分をドラッグして選択範囲を作成し(図14)、コピー&ペーストする(図15)図14。ここでは、赤い点線部分に選択範囲を作成した図15。この時点のレイヤーの状態次に、最初にペーストした方のレイヤーを移動ツールでドラッグして右側にずらしたら(図16)、2番目にペーストした方のレイヤーを選択して、編集メニュー→“自由変形”を選んだあとバウンディングボックスのハンドルをドラッグして横に引き伸ばす(図17)図16。最初にペーストした方のレイヤーを移動ツールでドラッグして右側にずらす図17。2番目にペーストした方のレイヤーを自由変形で横に引き伸ばす続いて、オプションバーで[自由変形モードとワープモードの切り替え]をクリックしたあと、[ワープ:波形]に設定(図18)(図19)。コントロールポイント(グリッド部分にある白い小さな四角)をドラッグして波の形を調整したら(図20)、オプションバーの[○]をクリックして(またはEnterキーを押して)変形を確定させる(図21)図18。オプションバーで[自由変形モードとワープモードの切り替え]をクリックしたあと、[ワープ:波形]に設定する図19図20。コントロールポイント(赤丸部分)をドラッグして波の形を調整する図21レイヤーパネルで背景レイヤー以外のすべてのレイヤーを選択したら、レイヤーメニュー→“レイヤーを結合”を実行し、続けてレイヤーメニュー→“スマートオブジェクト”→“スマートオブジェクトに変換”を実行(図22)図22。この時点のレイヤーの状態フィルターメニュー→“フィルターギャラリー...”を選んで、3つのエフェクトレイヤーを削除してひとつだけにしたら、[変形]の[海の波紋]を[波紋の振幅数:3]、[波紋の大きさ:2]に設定して適用する(図23)(図24)図23。エフェクトレイヤーを選んでゴミ箱のアイコン(赤枠部分)をクリックすると削除できる。3つのエフェクトレイヤーを削除してひとつだけにしたら、[変形]の[海の波紋]を[波紋の振幅数:3]、[波紋の大きさ:2]に設定する図24ここでは、さらに文字要素などを配置して完成とした(図25)図25。完成ビジュアル以上、Photoshopで何回もコピーを繰り返して粗く歪んだようなグラフィックを表現する方法でした。
記事全体を読む