なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。 カンバス上の、塗りつぶしたい場所でクリックします。 選択範囲を作成している場合、その範囲内でのみ塗りつぶしを行うことができます。 同じ塗りつぶしでも、「許容値」を変えたことで範囲が変わってるんですね。   イラストを描く際、「その物体が何であるか」ということを一目でわかってもらうため、物質ごとの質感の差を表現することは重要です。, の質感表現のコツについてご紹介します。いろいろな素材があるけれど、それぞれをどうやって表現するの?とお悩みの方向けの講座です。, 反射した色から透明に変化するグラデーションを使って各面を塗っていきます。光が透過する部分、全反射が起こる部分などの差を意識しつつ色を置いていきましょう。, こちらの視線からガラス面への入射角が垂直に近いほど透化し、平行に近いほど不透化するように描くとそれらしくなります。いわゆるフレネル効果です。, つまり、ガラスのような透明度が高い素材を描くことは「反射を表現する」ということです。, これまでに描いていたレイヤーの下にまたレイヤーを作り、反射を入れ、内部が透けて見える構造を描き加えて完成です。, ベースを描きます。木の色と言っても木材により差があるため、自分の表現したい色を選びましょう。単色で塗るのではなく、数色を使って塗ると木らしくなってきます。, 木目を描き込みます。こちらもまた木材による差があるので、木材の写真を見たりしてリアリティを追求していきましょう。, ベースを描きます。透明度にもよりますが、氷は背後の色を透過するので、背景色に近い色を選ぶ、または色を置かずに透明部分を活かして塗っていくという手法を取ります。, 各面を塗っていきます。今回は透明度の低い、霜の降りた氷を描くことにします。ぼんやりと背側の形が見えるようにレンダリングしていきましょう。この際、霜の表現にザラザラとした質感のブラシを使うことで、表面の質感を素早く描けます。, 木材の質感で少し触れましたが、表現したい素材の写真を見るのは重要です。どの素材でも言えることですが、現実にある特徴を絵の中で描写していくことで、より本物らしく表現することができるでしょう。, いちあっぷゼミは、デジタルイラストをプロの個別指導付きで本格的に学ぶことができるオンラインイラスト講座です。, みんなが読んだ、絵の上達につながる講座はこれだ!  いちあっぷの人気記事2017年, 「DeNA×MUGENUP ハッカドール1号 エンドカード制作コンペ」 5つの採用作品に共通していた㊙ポイントとは?, 「線画症候群」33年間も絵が上手くならなかった経験から語る絵が上手くなるための方法, ゲーム・フィギュア業界の一流クリエイターが伝える「ZBrush」の制作術とは? -「ZBrush Merge 2019」レポート -, きれいな線画を描こう! SAI2を使ったクリンナップ方法 これで「学校の校門前」の背景イラストが描ける!~レイアウト編4~, アドビのスケッチ&ペイントアプリ Adobe Fresco 1周年記念! 人気イラストレーター 灸場メロによる、ライブドローイングイベント開催!.   パターンの定義を使用する キラとマリアの背景が描きたい!学校編』(マール社刊)からの特別版抜粋記事です。. ある程度できた段階でドンドン テキストを入力したレイヤーを右クリックし、「テキストをラスタライズ」を選択します。 田島悠介 具体的にはどうやるんですか~?   Photoshopでは「楕円形選択ツール」を使うと、さまざまな形や色の円を正確に描くことができます。「基本的な描き方」と「形を指定して描く」方法の2つに分けて紹介します。 教室の構造、机やイス、廊下や階段、図書室の本棚など、学校を構成する色々なモノを描くコツを、イラストを使って詳細に解説します。, (https://www.amazon.co.jp/dp/4837305415/), 学校の教室に、学生机を描いてみましょう。並んだ机の天板を描いてから細部を描いていくと混乱しません。, 必要な道具、制作の流れなど、デジタルで漫画を描くのがはじめての人向けの基本的な情報をお届けします。, 漫画制作のクオリティやスピードをさらに上げる、上達のためのさまざまなテクニックをご紹介します。, 現場で活躍されているテクニックや漫画家さんの素顔に迫る記事など、プロの仕事に関する情報をお届けします。. パースペクティブの3点透視の手法を用いる描画を行うためのパース定規を作成します。 (1)まず、メニュー[定規]-[パース定規]-[3点透視を作成]を選びます。 (2)消失点が3つあるパース定規が作成されます。作成直後のアイレベルは下方2つの消失点を通る高さになっています。 (3)3点透視のパース定規を作成した場合は、3つの消失点の方向に、ペンやブラシの動きがスナップします。 (4)アイレベルを回転させると、アングルを傾け … 影を付けるものが描かれているレイヤー(ここではレイヤー0)が選択されていることを確認します。   「編集」から「塗りつぶし」を選択します。 選択範囲と塗りつぶしで影のレイヤーを新しく作成し、自由変形やぼかしなどで影の形に整える方法です。 よ~~~~く注意してください。     カラー:線の色です ぜひ自分でも試してみてください。   Photoshopでは簡単に色々な場面に合わせた影を作成することができるよ。しかも影はあとからいくらでも編集可能なんだ。 さらに「レイヤー」タブをクリックするとレイヤーの画面に戻ります。その後は自動選択を使った時と同様に、文字のレイヤーを非表示にして新規レイヤーを作成してください。 移動を反映させた状態です。 このファイルでは白一色の背景レイヤーの上に、看板の絵のまわりが透過状態(何も描かれていない状態)のレイヤーを作成しています。この看板に影を付けてみたいと思います。 ぼかし(ガウス)の「半径」の項目を設定します。ここでは6.0pixelとしています。 大石ゆかり 「フィルター」→「ぼかし」→「ぼかし(ガウス)」を選択します。 木目の色より薄い色ならOK。, 「ブラシ追加」から平筆ブラシ(ドライ)をダウンロードします。 大石ゆかり   テクスチャのレイヤーを右クリックし、「レイヤーをラスタライズ」を選択します。   「OK」を押すとテクスチャ効果が反映されました。   塗りつぶしを行う場所の指定は、選択範囲など様々な方法で細かく設定できるからね。まずは基本の使い方から見ていこう。 そのため、図の緑の線のように、 このふたつの手順では、あらかじめテクスチャ用の画像を用意する必要があるね。     選択範囲を作成する 上記で使ったブラシ以外でも、筆ブラシなら色々な雰囲気の木目が描けます。 今度は、別の方法を試してみましょう。   キチンと表現として描いていきます。, そういった意味でも、 普段から意識するようにしてみます。ありがとうございました! [PR] Webデザインで挫折しない学習方法を動画で公開中形を指定して描く   やっぱり線を描く方向に気をつけます。, まずは「机を描きます」。   田島メンター!!塗りつぶしツールについて教えてください! 1.ベースを描く . [お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。現役デザイナーに毎日チャットで質問することができます。, 初心者の方でもAdobe Photoshopの使い方がわかる記事です。今回のテーマは「円を描く方法」です。Photoshopの線で丸を書くこともできますが、あまり綺麗にはならないですよね。 メリハリをつけながらこのまま   塗りつぶしの際には「通常」「乗算」「覆い焼き」などの属性を上のオプションから選択することができます。   うまく表現できなくなります。, 机を表現する線を描いたら、 次に左のツールから選択範囲アイコンを右クリックし、「自動選択ツール」を選びます。 ここで線の設定を行います。項目を変えると下記のように変化します。 この画像を使用します。 不透明度を調整する 「隣接」のチェックを外した場合は、額縁の中まで塗りつぶされます。   できました!でも塗りつぶしを行う範囲も、設定ひとつでここまで色々変わるんですね。 次に、テクスチャを貼り付けたいオブジェクトを開きます。 ブラシの種類から「チョーク」を選択します。 3つのうち自分ができるものから試してみてください。 影を描き加えていきます。   文字の形に作成された選択範囲の中をドラッグして塗っていきます。あまり塗りつぶしすぎないようにすると、クレヨン風に仕上がります。 田島悠介     さらにPhotoshopを使いこなしたい場合は、Photoshopで木目を描く方法も合わせてご覧ください。 分かりました! まん丸にしたいときはこんな方法があるんですね。 <背景パースの基本×学校を描くルール>を、マンガで楽しく解説します! 表現となる線と混同してしまうため、 色々方法があるけれど、今回は選択範囲とブラシツールを使ってみよう。 これまでに描いていたレイヤーの下にまたレイヤーを作り、反射を入れ、内部が透けて見える構造を描き加えて完成です。 木の質感表現メイキング.   便利ですね!     まず、鉛筆風に加工するオブジェクトのあるレイヤーを選択しましょう。   田島悠介 文字以外の全ての部分が選択されました。 作成された範囲内で作業していきます。左のメニューから「ブラシツール」を選択します。 塗りつぶしツールは、クリックした部分を色あるいはパターンで塗りつぶすときに使うよ。   選択した範囲の大きさに関わらず、設定した幅・高さの比率が反映された円になります。 上メニューの「選択範囲」から「選択範囲を反転」をクリックします。   大石ゆかり     キチンと表現できるように、 本記事は下記の流れでご紹介します。   しっかりした面を作ることができますし、 一見難しそうに見えますが、Photoshopのレイヤーマスク機能とグラデー... Photoshopは、選択範囲の機能を使って、写真の四隅を角丸に加工することが可能です。 私の場合は木の箱を描いているので、   今回はどなたでも簡単に木目を描く方法をご紹介します。   マンガでわかりやすく背景の描き方を学べる講座。 今回は、学園モノの作品にはなくてはならない…けれど作画が難しい学校の教室(学習机・イス)の描き方です! 本講座で紹介されている基本的な教室・机・椅子のサイズや描き方を押さえておけば、教室の描写がグッと楽になりますよ!   作業用パスを使う場合 「パス」のタブを選択し、「作業用パス」レイヤーを右クリックして「選択範囲を作成」を選びます。   田島悠介 レイヤーを新しく1つ追加します。ここでは「レイヤー2」としています。 田島悠介 同時に描いていったほうがいいです。, デッサンって、モチーフの関係性を   お菓子のシルエット以外の部分が選択されました。 ドロップシャドウを使って影を付ける 下の画像ようにオブジェクトがはみ出している場合は、自由変形などで全体を覆うように調整します。   文字の部分だけ、いい感じに選択できました! テクスチャがオブジェクトの形に反映されました。ここからテクスチャのレイヤーを調整していきます。   基本の描き方 「ファイル」から「配置」を選択します。 レイヤースタイルのひとつ「ドロップシャドウ」を使用する方法です。 パターンなどに画像を使用する場合は、著作権の問題がないように気をつけようね。 なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。   続いて、不透明度を調整する方法を紹介します。 フィルターギャラリーを使用する 描き進めるんですが、 カンバスに何も描かれていない場合は全体が範囲となります。 田島悠介 うまく炭がのらないので、 イラスト・マンガ制作に役立つトーン、ブラシ、3dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。clip studio paintなどのグラフィックソフトに読み込んで使えます。   元画像や表現したい効果によって、適用方法やテクスチャの種類を色々使い分けてみよう。 基本的な円の描き方を覚えたら、次に形を指定して描いてみましょう。 今回の記事は以上です。   (※今回の作業はすべてAdobe PhotoShop CCのバージョンで行っています) 塗りつぶしと自由変形を使って影を付ける Photoshopでは色々な方法でテクスチャ効果を生み出すことができるよ。ここでは3つの方法を使って画像にテクスチャを適用してみよう。 次に透過の部分があるレイヤーの場合です。 直方体と机の関係性が曖昧になってしまい、 田島悠介 大石ゆかり これでオブジェクトの上にテクスチャのレイヤーが作成されます。 レイヤースタイルを使った方法は手軽にできる上に、影の色や不透明度、角度や距離など必要な設定をまとめて行えるので便利だよ。   大石ゆかり 大石ゆかり 大石ゆかり   パターン名を入力して「OK」を押します。ここでは「パターン1」としています。   出来上がった影をさらに自由変形することも可能です。 数値を変更するとプレビューが反映されるので、それを見ながら調整すると便利です。 使用を「ブラック」・描画モードを「通常」・不透明度を「100%」にして「OK」を押します。   田島メンター!!選択ツールっていうのはどこから選べばいいんですか~? 田島悠介 上のオプション内の「隣接」にチェックが入っている場合は外します。 これで下準備は完了だよ。   テクスチャに使用する画像を開き、左のツールアイコンの選択ツールを右クリックして「長方形選択ツール」を選びます。   円を描きたい場所に図のようにドラッグします。ドラッグした範囲が広いほど大きな円になります。 (pixivID:odango_yamamori), おだんごのもう1つの顔。カチョカバロ(caciocavallo)としてコンセプトアートやファンタジー系を中心に描いています。   田島悠介   はい!お願いします!   田島悠介 強弱を付けながらざっくり描いてください。 最も光が当たっている部分を 大石ゆかり © 2020 絵を描くライター。 All rights reserved.   おまけとして描くのではなく、   [お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。現役デザイナーに毎日チャットで質問することができます。, Photoshopでは文字を簡単に加工することができます。そのうち今回は、選択範囲作成機能とブラシツールを使用して、画像や文字をクレヨン風に加工する方法をご紹介します。   リアルな背景や小物が描けますよ♪. それではブラシツールを使って実際に塗りつぶしていってみよう。 下の図は、左の色で全体を塗りつぶした後、右半分に選択範囲を作成し「乗算」モードのグレーで塗りつぶした場合です。 [4]さまざまな脚の形の机を描く. 今回の記事は以上です。 濃さに応じて鉛筆の濃さを変えながら 適当な方向に線を引くと質量が分散してしまって、 田島悠介 田島メンター!!Photoshopを使って鉛筆で描いたような雰囲気のイラストを入れたいんですが、どうしたらいいんですか~? 田島悠介 線の太さや量はお好みで。, ぼかしで全ての線をなぞるのではなく、まばらにぼかしてください。 できれば簡単に、それっぽくしたいんですが…… 角度・位置などを変更して色々な方向からの影に調整することができます。   レイヤーの属性を「乗算」にし、不透明度を50%にします。   このような状態になります。 ここでは幅と高さの比率を入力します。今回は幅2:高さ1としています。 描いていきます。, 影を描くときは、『机に置かれている』を まず、テキストツールを使用して文字を入力します。このファイルでは、白で塗りつぶしたレイヤーの上にテキストのレイヤーを作成しています。 また、透過の状態を保持したまま塗りつぶしの編集をしたいときはロックを使用すると便利です。   触れようと思います。 今度はオプションの「隣接」にチェックを入れ、額縁の外を水色でクリックした場合です。 田島悠介   田島悠介 用意ができたら、ブラシツールから「鉛筆」を使って描きこんでいこう。 これで完了です。   大石ゆかり 斜めに線を引きます(ピンクの線の方向)。, 三角形をつくるように斜めに線を引くことで、   背景や小物に多い木製品をさっと表現できますよ♪, 新しいキャンバスに、バケツツールで塗りつぶして下地を作ります。 サイズ:影の大きさです。 「許容値」は似たようなピクセルがたくさん隣接しているとき、どの程度の範囲までを対象とするかを調整するんだ。 ブラシの種類の中から「鉛筆(木炭)」を選択し、不透明度やブラシの直径などを調整します。 これで完成です。 Photoshop画面の左にあるツールウィンドウからアイコンを選んで選択するよ。もしこのメニューが表示されていない場合は「ウィンドウ」メニューの「ツール」にチェックを入れよう。   練り消しでサッと消して明るくしたり、 描き加えたり明るいところは   [PR] Webデザインで挫折しない学習方法を動画で公開中ドロップシャドウを使って影を付ける   なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。 この方法は、全く同じ形の円をたくさん描きたい時などに便利です。 また、画像からでも同様の手順で選択範囲を作成し、クレヨン風に加工することも可能です。 やり直したい部分がある場合は「選択範囲」→「再選択」を選ぶと、続きを塗ることができます。 突き出た線は消せばいいんです。, 出ちゃってる線を消して、   左のメニューの選択範囲ツールアイコンを右クリックし、「自動選択ツール」を選びます。 Photoshopのフィルターギャラリーからでも、さまざまな効果を適用できるよ。 大石ゆかり   田島悠介 モチーフを描ききったあとで レイヤーマスクを使用する 目次 田島メンター!!写真に人物を追加したいんですが、周りに合わせた角度の影を付けることってできますか~? Shiftキーを使ったやり方は「長方形選択ツール」のときにも有効だよ。押しながら選択すると必ず正方形になるんだ。 下は元になる画像の上に「乗算」で青色を設定し、「許容値50」で右下の部分をクリックした場合です。   描き加えちゃいます。, あとは、側面の明暗にメリハリが足りないので、 水平と奥行きの方向に線を引きます。, 縦の方向に線を引いてしまうと、 レイヤーの下のメニューから「レイヤースタイルを追加」をクリックします。 Photoshopで【木目】を描く方法を初心者向けに解説した記事です。今回は、画像から新しくパターンを作成し塗りつぶしツールで使用する方法と、木目テクスチャ用の画像をオブジェクトにそのまま貼り付ける方法の2つを紹介します。, TechAcademyマガジンは受講者数No.1のオンラインプログラミングスクールTechAcademy [テックアカデミー]が運営。初心者向けに解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。, Photoshopのさまざまな合成機能を使って、画像の一部を木目調にすることができます。, 今回は、画像から新しくパターンを作成し塗りつぶしツールで使用する方法と、木目テクスチャ用の画像をオブジェクトにそのまま貼り付ける方法の2つを紹介します。, なお本記事は、TechAcademyのオンラインブートキャンプPhotoshop講座のカリキュラムをもとに執筆しています。, 田島メンター!!床とか壁に使われるような、木目っぽい表現の画像を作りたいんですが……, ブラシツールを使う手もあるけれど、範囲が大きい場合は写真などの素材を利用するのがいいかもしれないね。, 木目の写真を実際に画面に適用させる方法として、パターンによる塗りつぶしの方法とテクスチャを使った方法のふたつを見てみよう。, 写真などの一部から新規にパターンを作成し、それを塗りつぶしツールを使って画像に適用させる方法です。, 素材にする木目の画像を開いた状態で左のメニューから選択範囲作成アイコンを右クリックし、「長方形選択ツール」を選びます。, これでパターン作成のダイアログが表示されます。今回は「木目」と名前をつけて「OK」をクリックしました。, 次に木目調にしたい画像を開き、パターンを適用させたい部分を自動選択ツールなどで範囲作成しましょう。, 塗りつぶしの種類を「パターン」に変更し、先ほど作成した「木目」を選択してください。, このようにパターンは自分でいくつでも追加できるので、使いたい素材や表現方法があったら普段からストックしておくといいかもしれないね。, 次に、木目調にしたい画像を用意します。適用させる部分以外は透明の状態になっています。, テクスチャに使用する画像のレイヤーを上に、適用させたいオブジェクトのレイヤーを下に配置します。, (この時、オブジェクトがテクスチャのレイヤーからはみ出している場合は拡大縮小などで調整します), テクスチャに使う木目画像のレイヤーを選択した状態で、オブジェクトのレイヤーを下図の赤丸の部分へドラッグしてください。, さらに下にレイヤーを追加し、白で塗りつぶした状態にしました。透過の部分は下レイヤーの状態が反映されます。, テクスチャを使用した方法では、元の木目画像の向きや大きさなどを変えることで色々違った表現をすることができるよ。, パターンやテクスチャに使用する画像は、著作権に関する問題がないように自分で撮ったものやフリー素材などを使おうね。, さらにPhotoshopを使いこなしたい場合は、Photoshopでレイヤーマスクを描画する方法も合わせてご覧ください。, TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインブートキャンプ Photoshop講座を開催しています。. きれいな線でなくても大丈夫です。 先ほどShift+ドラッグで正円を作りましたが、ここの設定で比率を1:1にしておけばShiftを押さなくてもいくつでも正円を描くことが可能になります。   (pixivID:caciocavallo373). [お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。現役デザイナーに毎日チャットで質問することができます。, Photoshopでは、オブジェや人物、文字などの画像に影をつけることができます。 同じ条件で「許容値120」にした場合です。   上のオプションで、塗りつぶしの種類が「描画色」となっている場合は「パターン」に変更します。(手順1)サムネイルの右の矢印をクリックするとパターンの一覧が表示されますので(手順2)、先ほど作成した「パターン1」を選択します。(手順3) 納得がいくまで描いて完成です。, 次回は基本の2つ目、円柱について   描き進めるんですが、 私の場合は木の箱を描いているので、 この段階で木目を加えていきます。 直方体の描き込みが完璧にできてから 木目や模様の描く・・・ではなくて、 ある程度できた段階でドンドン 描き加えちゃいます。 描いていきます。, ただの白い直方体のつもりで描いている場合は、 不透明度:影の濃さに関係します。ここでは50%に設定しています。   大石ゆかり     これで加工したい部分が選択されました。 「ドロップシャドウ」を選択します。 あまり塗りつぶしすぎないほうが自然な仕上がりになります。(塗りきれていない部分には下レイヤーの状態が反映されます) 次に、シルエットのあるレイヤー2を非表示にしてください。   ブラシツールを使うときは、あまり全部塗りつぶしきってしまわない方が雰囲気が出ていいと思うよ。 分かりました。ありがとうございます! 大石ゆかり   線が描かれたら「選択範囲」から「選択範囲を解除」をクリックすれば完成です。 選択範囲を作成した状態で、「編集」メニューから「塗りつぶし」を選択します。 どちらの方法でも影はあとから編集できるので、とりあえず作成してみて全体を見ながら調整してみよう。     アレンジを加えてオリジナルの木目を作ってみてください。 シルエットの部分が黒く塗りつぶされた状態になります。このレイヤーを影として使用します。 田島メンター!!テクスチャって、布や板みたいな模様を入れるやつですよね。実際にはどうやるんですか~? さらにPhotoshopを使いこなしたい場合は、Photoshopで画像に影をつける方法も合わせてご覧ください。   思ったより簡単に作成できちゃいました。   [お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。現役デザイナーに毎日チャットで質問することができます。, HTMLでbuttonタグを使ってリンクを貼る方法を現役エンジニアが解説【初心者向け】.     大石ゆかり 「選択範囲」から「選択範囲を反転」を選びます。 さらにPhotoshopを使いこなしたい場合は、Photoshopで写真をイラスト風にする方法も合わせてご覧ください。 濃い鉛筆で描こうとしても 最初の方に原則として言っていた「安全性」さえ守っていれば、とりあえずいいんじゃないかと、、、 ってことで、どうでしたでしょうか? 理解できました? 鉛筆で加工するためのレイヤーを1つ新規に追加します。ここでは「レイヤー3」としています。 今日はテクスチャについて勉強しよう。テクスチャを使うことで、表現の幅が大きく広がるよ。 OKボタンをクリックすれば完成です。 田島悠介 大石ゆかり 「隣接」チェックの有り/無しや透明ピクセルをロックする手法などは、塗りつぶしに限らず色々なところで使えるので覚えておこう。   5.ではかすれ筆(うす墨)、平筆、平筆(ドライ)を併用しています。, 木目はひとつも同じものはありません。   塗りつぶしツールを使う Photoshopで【木目】を描く方法を初心者向けに解説した記事です。今回は、画像から新しくパターンを作成し塗りつぶしツールで使用する方法と、木目テクスチャ用の画像をオブジェクトにそのまま貼り付ける方法の2つを紹介します。 直方体が机に置かれていますよーということを 色合いを変えたり、木目を曲線にするなど。, さっと描ければ、線画に違和感なく溶け込む木製品が手早くできます。