PhotoshopマスターTOPページへ

初心者の為のPhotoshopの解説サイトです。画像の切り抜きや合成の方法などを 写真付きでわかりやすく解説しています。
これからPhotoshopを勉強したい、復習したいと思っている方に役立つサイトです。
TOP >グラデーションの描き方

グラデーションの描き方

画像やカンバスにグラデーションを描く方法の解説です。

メニューバーの「ファイル」→「新規」で任意のサイズのカンバスを作成します。

新規カンバス

画面左からグラデーションツールをクリックします。 描画色はデフォルトで黒、背景色は白にしておきます。

グラデーションツール

画面上を見るとグラデーションのオプションツールバーに切り替わります。 線形グラデーションのアイコンをクリックします。 右側にある不透明度のスライドバーで値を小さくすると左のグラデーションアイコンの 黒と白の色が薄くなります。

グラデーションの設定

カンバスの左上から右下にグラデーションの線を引きます。

斜めの線を引く

カンバスの左上の方が黒で右下の方が白というように黒色(描画色)から白色(背景色)の順番で グラデーションが描かれました。

黒から白のグラデーションがかかる

■ グラデーションのかかり方

グラデーションの線を引く際、線を引く位置や長さによっては色々なグラデーションのかかり方 になります。
線を引く際はキーボードの「Shiftキー」を押しながらクリックしドラッグ すると水平、垂直な線になります。

【線形グラデーション】
グラデーションのかかり方(通常モード、不透明度100% 描画色黒、背景色白)
左上斜め線 カンバスの左上から中心へ線を引きます。

左上斜め線塗り 左上の黒の領域は小さく右下の白の領域は多めです。
上中央直線 カンバスの上中央から真下まで線を引きます。

上中央直線塗り カンバスの上側の領域が黒で下側の領域は白になっています。
上中央半直線 カンバスの上中央から中心まで線を引きます。

上中央半直線塗り カンバスの上側の黒い領域が小さ目で下側の白い領域は広くなっています。
左中央直線 カンバスの左中央から右端まで線を引きます。

左中央直線塗り カンバスの左側の領域が黒で右側の領域は白になっています。
左中央半直線 カンバスの左中央から中心まで線を引きます。

左中央半直線塗り カンバスの左側の黒い領域が小さ目で右側の白い領域は広くなっています。
縦短線 カンバスの中央付近から垂直下方向に短い線を引きます。

縦短線塗り カンバスの上側の領域が黒、中央が黒白、下側の領域が白という具合になっています。
横短線 カンバスの中央付近から水平右方向に短い線を引きます。

横短線塗り カンバスの左側の領域が黒、中央が黒白、右側の領域が白という具合になっています。

■ 円形グラデーション

円形グラデーションは丸い形のグラデーションがかかります。 下の例では上から下に垂直な線を引いた例ですが右から左、下から上、左から右方向に引いた 場合のグラデーションのかかり方は2番目と3番目のカンバスの向きを変えると同じとわかるので 省略します。

【円形グラデーション】
グラデーションのかかり方(通常モード、不透明度100% 描画色黒、背景色白)
中央上短線 カンバスの中心から上方向に線を引きます。

中央上短線塗り カンバスの中心が黒、その周りが白になっています。 この例では中心から90度の角度で線引いていますが中心から360度までどの角度で 線を引いても中心円のグラデーションが描けます。
円形中央上縦線 カンバスの中央上から下端まで線を引きます。

円形中央上縦線塗り カンバスの上側が円形の黒で下側が白になっています。
円形中央上半縦線 カンバスの中央上から中心まで線を引きます。

円形中央上半縦線塗り カンバスの上半分が円形の黒でその周りが白になっています。
円形短線 カンバスの中心から下方向に短い線を引きます。

円形短線塗り カンバスの中央に小さい黒があり周りは白になっています。 短い垂直線をカンバス左上や右上から引くと太陽や月の影として活用すること ができます。

■ 円錐形グラデーション

円錐形グラデーションは線の引き始めの点を頂点とする円錐形のグラデーションがかかります。

【円錐形グラデーション】
グラデーションのかかり方(通常モード、不透明度100% 描画色黒、背景色白)
円錐斜め線 カンバスの左上から右下に斜めの線を引きます。

円錐斜め線塗り カンバスの対角線より左が黒、対角線より右が白になります。
円錐半斜め線 カンバスの中心から左下に斜めの線を引きます。

円錐半斜め線塗り 丸い鉛筆の先を真上から見たような円錐形のグラデーションが描けます。 中心から線を引く場合360度までどの角度でも円錐のような形のグラデーションが かかります。

■ 反射形グラデーション

反射形グラデーションは線を引く開始点を中心にして反対側にも同じグラデーションがかかります。

【反射形グラデーション】
グラデーションのかかり方(通常モード、不透明度100% 描画色黒、背景色白)
反射形右斜め線 カンバスの右上から左下に斜めの線を引きます。

反射形右斜め線塗り カンバスの右側の領域が黒で左側の領域が白になっています。 右上からの開始なので反対側のグラデーションは見切れてしまいます。
反射形半右斜め線 カンバスの中心から左下に斜めの線を引きます。

反射形半右斜め線塗り カンバスの左側の黒→白のグラデーションが反射して右側も同じ形で黒→白のグラデーションになっています。
反射形縦短線 カンバスの中心から垂直下方向に短い線を引きます。

反射形縦短線塗り 上から白白黒黒白白という風に上下対象の棒状グラデーションになっています。 縦線を引くと横向きの棒になるという覚え方ができます。
反射形横短線 カンバスの中心から水平右方向に短い線を引きます。

反射形横短線塗り 左から白白黒白白という風に左右対象のグラデーションになっています。 こちらはさき程とは逆に横線を引くと縦向きの棒になるという覚え方ができます。

この続きは下の その他の項目のグラデーションの描き方 パート2のリンクへ移動して下さい。

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

グラデーションの描き方 パート2