PhotoshopマスターTOPページへ

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

クリスマスツリーの描き方

Photoshopでのクリスマスツリーの描き方の一例を紹介します。 メニューバーの「ファイル」→「新規」で新規ファイルを作成します。

新規

新規のダイアログボックスが出るのでカンバスの幅800ピクセル、高さ800ピクセルと入力しOKボタンを押して 新規ファイル(カンバス)を 作成します。

新規のファイル

新規のファイルが作成されるのでキーボードの「Ctrlキー」+@でグリッドを 表示します。 この時、メニューバーの「表示」→「スナップ」にチェックが入っていると グリッドの線に選択ツールの線を引く時ピッタリとくっつきやすくなります。

新規のファイル2

画面左のペンツールをクリックします。

ペンツール

図のように左上のマス目から数えて6番目の点を頂点として 線を描いていきます。

クリスマスツリー

「右クリック」→「選択範囲を作成」をクリックします。

クリスマスツリー2

選択範囲を作成の設定画面でぼかしの半径は0ピクセルで OKボタンを押します。
0より上の値を入力すると図形に色を塗った時に境界線が ぼやけてしまいます。

クリスマスツリー3

メニューバーの「選択範囲」→「選択範囲を変更」→「滑らかに」の順に クリックします。

滑らかに

「選択範囲を滑らかに」の設定画面で半径10ピクセルに設定しOKボタンを押します。

クリスマスツリー4

選択範囲の縁が少し丸くなりました。キーボードの「Altキー」+「Deleteキー」で 選択範囲を黒く塗りつぶします。 選択範囲は解除してグリッドは「Ctrlキー」+@で 非表示にします。

クリスマスツリー5

画面左から指先ツールをクリックします。

指先ツール

画面上でブラシの直径を10~20pxに設定し右側で強さを50%に設定します。

クリスマスツリー6

三角形の形になっているツリーの下辺の線を指先ツールで上下に何度も動かすと 図のようにギザギザのような形にできます。

クリスマスツリー7

メニューバーの「フィルタ」→「表現手法」→「輪郭のトレース」の順にクリックします。

輪郭のトレース

輪郭のトレースの画面でレベルを10に設定しエッジは「指定レベル以下の画像の周り」を選択 してOKボタンを押します。ギザギザの輪郭がハッキリとトレース(下絵をなぞること)できています。

クリスマスツリー8

画面左から自動選択ツールをクリックします。

自動選択ツール

ツリーを選択します。

クリスマスツリー9

画面左の描画色をクリックしカラーピッカーの画面で色を「#334c01」に設定しOKボタンを押します。

クリスマスツリー10

キーボードの「Altキー」+Deleteキーで設定した緑系の色で塗りつぶし「Ctrlキー」+jで レイヤーを複製して名前を「クリスマスツリー」に変更します。

クリスマスツリー11

メニューバーの「フィルタ」→「ピクセレート」→「点描」の順にクリックします。

点描

「点描」の画面でセルの大きさを18に設定します。この値を大きくすると一点一点が 大きくなります。

クリスマスツリー12

単色だった葉がたくさんの点になりました。

クリスマスツリー13

メニューバーの「フィルタ」→「スケッチ」→「ぎざぎざのエッジ」の順にクリックします。

ぎざぎさのエッジ

ぎざぎざのエッジの設定画面で以下の値に設定しOKボタンを押します。
画像のバランス:25
滑らかさ:1
コントラスト:17

クリスマスツリー14

ツリーに白い雪が積もったような状態になります。

クリスマスツリー15

「新規レイヤーを作成」ボタンを押して新規レイヤーを作成します。 レイヤー名は「飾り付け」に変更します。

クリスマスツリー16

画面左からブラシツールをクリックします。

ブラシツール

画面上のオプションツールバーでブラシのサイズを24px、流量は 100%に設定します。

クリスマスツリー17

図のように任意の色でブラシの円を配置してスタイルパネルの右にある 逆三角形のマークをクリックしガラスボタン→「マゼンタガラス」を 選択し球体にします。

クリスマスツリー18

新規レイヤーを作成し レイヤー名は「星」に変更します。

クリスマスツリー19

今度は図の歯車マークをクリックして基本ブラシからカスタムブラシを 選び一覧から星(大)をクリックします。サイズは直径のスライダーで24pxに設定します。

クリスマスツリー20

クリスマスツリーの描き方 解説パート2は下の「その他の項目」のページから閲覧して下さい。

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

■ その他の項目

クリスマスツリーの描き方 パート2
クリスマスツリーの描き方 パート3


TOP

Copyright (C) 2015 Photoshopマスター All rights reserved.