• はてなブックマーク
  • RSS
  • Line

Photoshopド定番チュートリアル

2022.04.11 Mon

Photoshopでゼロから虹を作る方法

作例制作:マルミヤン 編集:山口優

今回は、素材を使わずPhotoshopの機能だけでゼロから「虹」を作る方法を解説します。
*本連載はPhotoshopで作る定番グラフィックの制作工程を一から手順通りに解説するHow to記事です。

■使用する機能「グラデーションツール」「極座標」「レイヤーマスク」「ブラシツール」「描画モード」「ぼかし(ガウス)」「不透明度」

1.グラデーションツールを利用して虹の素材を作る

まずは新規ファイルを[幅:1200ピクセル]、[高さ:1200ピクセル]、[解像度:350ピクセル/インチ]で作成したら、グラデーションツールを選択してオプションバーを[線形グラデーション]、[モード:通常]、[不透明度:100%]に設定(図1)。さらに[グラデーションサンプル]のボックス内をクリックしてグラデーションエディターを開き、不透明度の分岐点とカラー分岐点を設定して虹色のグラデーションを作成する(図2)

図1。[線形グラデーション]、[モード:通常]、[不透明度:100%]に設定。[逆方向]はオフにしておく
図2。グラデーションエディターで虹色のグラデーションを設定する。ここでは、カラー分岐点のいちばん左を[カラー:レッド]、[位置:10%]に、いちばん右を[カラー:マゼンタ]、[位置:90%]に設定。さらにカラーバーの下辺をクリックしておおよそ等間隔に並ぶようカラー分岐点を4つ追加し、それぞれイエロー、グリーン、シアン、ブルーに設定した。さらに不透明度の分岐点を6つ用意し、左から[不透明度:0%]と[位置:0%]、[不透明度:50%]と[位置:5%]、[不透明度:100%]と[位置:10%]、[不透明度:100%]と[位置:90%]、[不透明度:50%]と[位置:95%]、[不透明度:0%]と[位置:100%]となるよう設定した

続いて新規レイヤーを作成し、shiftキーを押しながら下から上にドラッグして虹色のグラデーションを描く(図3)

図3。ドラッグの量によって虹の太さが変わるので、イメージに合わせてちょうどよい太さになるよう何度か試してみてほしい

レイヤーパネルでこのグラデーションのレイヤーが選択された状態のまま、フィルターメニュー→“変形”→“極座標...”を[直交座標を極座標に]で適用する(図4)。これで円形の虹ができあがる(図5)

図4。[直交座標を極座標に]を選択する
図5

2.写真に虹の素材を配置する

ここからは、写真に虹の素材をあしらっていく。まず新規ファイルを[幅:1200ピクセル]、[高さ:900ピクセル]、[解像度:350ピクセル/インチ]で作成したら、元となる風景写真を配置(図6)。続いて先ほど作成した虹の素材の上半分ほどを長方形選択ツールで選択し、コピー&ペーストで風景写真の前面に配置する(図7)

図6
図7。コピー&ペーストで風景写真の前面に虹の素材を配置する

次に、移動ツールを選びオプションバーで[バウンディングボックスを表示]をオンにしたあと、虹の画像やバウンディングボックスのハンドル部分をドラッグして、その位置や大きさを調節する(図8)

図8。イメージに合わせて、虹の画像をドラッグして位置を調節したり、バウンディングボックスの周囲のハンドルをドラッグして大きさを調節する

3.背景に虹をなじませて仕上げる

ここからは、風景写真に虹をなじませていく。まず、レイヤーパネルで虹のレイヤーを選択し、パネル下部の[レイヤーマスクを追加]ボタンをクリック(図9)。ブラシツールを選んだら、オプションバーでブラシプリセットピッカーを開き、ブラシの種類を[ソフト円ブラシ]に設定。レイヤーマスクが選択された状態のまま、[描画色]を黒にして虹の根元の部分にブラシを加えて消していく(図10)(図11)

図9。この時点のレイヤーの状態。赤枠部分の[レイヤーマスクを追加]ボタンをクリックすると、レイヤーサムネールの右にレイヤーマスクサムネールが追加される
図10
図11。この時点のレイヤーの状態。レイヤーマスクサムネールの周囲に沿って白い線が表示されている状態(レイヤーマスクが選択された状態)でブラシを加えていくと、その部分の画像をマスクする(隠して見えなくする)ことができる

続いて、レイヤーパネルで虹のレイヤーを[描画モード:スクリーン]に変更したあと、レイヤーサムネールをクリックして選択し(図12)(図13)、フィルターメニュー→“ぼかし”→“ぼかし(ガウス)...”を[半径:6pixel]程度で適用して少しぼかす(図14)(図15)

図12
図13。この時点のレイヤーの状態。虹のレイヤーを[描画モード:スクリーン]に変更して、レイヤーサムネールを選択する
図14。ここでは[半径:6pixel]に設定した。画像や仕上がりイメージに合わせてプレビューを参考にしながらちょうどいい数値に調節してみてほしい
図15
(図15の拡大図)虹が背景の青空となじんでいることが分かる

最後にレイヤーパネルでこの虹のレイヤーを[不透明度:90%]程度に変更すれば、虹を自然に風景になじませることができる(図16)(図17)

図16。虹の完成
図17。この時点のレイヤーの状態。虹のレイヤーを[不透明度:90%]程度に変更する

ここではさらに、文字要素などを配置して完成とした(図18)

図18。完成ビジュアル

以上、Photoshopの機能だけでゼロから「虹」を作る方法でした。

制作者プロフィール

MARUMIYAN(マルミヤン)
グラフィックデザイナー/イラストレーター
2007年より「マルミヤン」(Marumiyan)名義で、福岡を拠点に活動を開始。雑誌、広告、CDジャケット、パッケージ、アパレル、プロダクト、Webなど、様々な媒体で活動を行う。人物や植物、動物、建物など、様々なアイコンをグラフィカルに組み合わせ、洗練された作品作りを目指す。また “FOUR DIMENSIONS WORLD” をテーマとした作品も精力的に制作している。2008年「FUNKY802 digmeout」オーディション通過。https://marumiyan.com/
  • Instagram
読込中...

Follow us!

SNSで最新情報をCheck!

Photoshop、Ilustratorなどのアプリの
使いこなし技や、HTML、CSSの入門から応用まで!
現役デザイナーはもちろん、デザイナーを目指す人、
デザインをしなくてはならない人にも役に立つ
最新情報をいち早くお届け!

  • Instagram