この記事には広告が含まれています。
こんにちは、イラレ常人です。
それでは、今回もイラストレーターの勉強をしていきましょう。
先日お寿司を食べたかったのですが、食べられなかったので、イラレで描くことにしました。
アイキャッチにもあったように、作るお寿司はサーモン握りです。
先にネタの方を描いて、あとからシャリを描いていきます。
サーモンの大体の形を取る
まずペンツールに切り換え、サーモンを形作っていきます。
線はなしで、塗りは下図(2枚目)の通りです。
![](https://irarecreate.com/wp-content/uploads/2022/05/2f9d5148e352e68c4719044a2cce240f-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/2ca00c6a9c85cd666b00e936fe79ffc5-1024x576.jpg)
下図のように、左クリックでアンカーポイントを置いていき、サーモンの大体の形を取っていきます。
アナログと違って何度でも修正が効くので、最初から正確に形を取る必要はありません。
ポイントとして、台形を意識してアンカーポイントをつなげていくと良いと思います。
![](https://irarecreate.com/wp-content/uploads/2022/05/6444545bbad077703681f8bd2d88a906.gif)
![](https://irarecreate.com/wp-content/uploads/2022/05/1d43bf9d419db170f8a4dabb9d57f262-1024x576.jpg)
これが終わったら、今形取った図形の角を取ります。
ダイレクト選択ツールに切り換え、どこでも良いのでアンカーポイントを選択すると、
![](https://irarecreate.com/wp-content/uploads/2022/05/86bbb500e028db0fb69c23846e979d64-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/1e70b0a229c6e1bd0882beefbe802d02-1024x576.jpg)
下図(1枚目)のように「変換」というものが出てきて、「選択したアンカーをコーナーポイントに切り換え」と「選択したアンカーをスムーズポイントに切り換え」の2つを選べます。
![](https://irarecreate.com/wp-content/uploads/2022/05/20eda181a3a0e573db9b79022715d937-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/a4fac670328cfe1469785312232d5143-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/25ccbdcb9b08b1f6c48eefb8336d7c2e-1024x576.jpg)
今選択しているアンカーポイントは「コーナーポイント」に分類されるので、「スムーズポイント」に切り換えます。
![](https://irarecreate.com/wp-content/uploads/2022/05/bb38a336168b1477f8d683703d51904b-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/009780c7e4bc260895c3d0dfadd5e38e-1024x576.jpg)
そうすることで、先ほどまで角張っていた角が丸くまりました。
![](https://irarecreate.com/wp-content/uploads/2022/05/964888b15d68ddccb34a775658185bd1-1024x576.jpg)
他の角も同様に「スムーズポイント」にしていきます。
![](https://irarecreate.com/wp-content/uploads/2022/05/01b25eb9a4d265bc25bbcf3c6ba6da52-1024x576.jpg)
ここまできたら、サーモンの形を微調整します。
ダイレクト選択ツールのまま、アンカーポイントをクリックすると、そのアンカーを移動させたり、アンカーから伸びているハンドルをドラッグして、形を変えることができます。
![](https://irarecreate.com/wp-content/uploads/2022/05/08c2dc7a55d411cccce7c381932d25f5-2-1024x576.jpg)
サーモン握りにもいろいろな形があるので、実物の画像を見ながら、自分がこうしたいと思うものを参考に調整してみても良いかもしれません。
因みに、私は可愛らしい仕上がりにしたかったので、肉厚で短めのものをイメージして調整しました。
![](https://irarecreate.com/wp-content/uploads/2022/05/eb0a5a5398f7a25aa76cb74e58bd9121-1024x576.jpg)
サーモンに陰を加える
次に、サーモン側面の陰を追加します。
肉厚な感じにしたいので、陰もちょっと厚くします。
どのように作るのかというと、これ(下図参照)を活用します。
![](https://irarecreate.com/wp-content/uploads/2022/05/4d849e6a0ada0d549a44db343b3c82c8-1024x576.jpg)
選択ツールの状態で、左クリックを押したまま、shiftとalt(option)を押し、上の方にドラッグします。
![](https://irarecreate.com/wp-content/uploads/2022/05/71d9f887a87b0e814804be219c04608b-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/5c3ff5ea18681590d7dd48fa417893bd.gif)
そして、下図のところらへんで全てを離します。
この操作でサーモンのコピーができます。
![](https://irarecreate.com/wp-content/uploads/2022/05/f7ee0fe4b1faa8f5186c6ef374b2337d-1024x576.jpg)
さらに、今のコピー操作をもう一度、下図のように行います。
![](https://irarecreate.com/wp-content/uploads/2022/05/6541e4df01197db7160163eb5469ebed-1024x576.jpg)
下図マーキング部分が、サーモンの影となる部分です。
![](https://irarecreate.com/wp-content/uploads/2022/05/6b574a1efcc56fd17fd1e039af3eca94-1024x576.jpg)
ここまできたら、選択ツールでこの2つを選択した状態で「シェイプ形成ツール」に切り換えます。
このツールは、パスで囲まれたところをそのままシェイプ、つまり図形にしてくれるツールです。
![](https://irarecreate.com/wp-content/uploads/2022/05/fa7129f300547abfc23fefded6d2acec-1024x576.jpg)
切り換えた状態でカーソルをホバーさせると、網掛けになるところがあります。
その部分を左クリックすると、網掛けの形に合わせて図形ができます。
![](https://irarecreate.com/wp-content/uploads/2022/05/88dd34ae510c523e8e2cb54a2af55309-1-1024x576.jpg)
使う部分はここだけなので、他は選択ツールで選択して、削除します。
![](https://irarecreate.com/wp-content/uploads/2022/05/6eef3473357ee917852b4be490d1b831-1024x576.jpg)
シェイプ形成ツールでできたこの図形の塗りは、下図のように灰色にします。
線はなしです。
![](https://irarecreate.com/wp-content/uploads/2022/05/4b287ea858d8b7b58ac0ed26bf600d89-1024x576.jpg)
そして下図のように、下のサーモンに図形を移動させます。
まっすぐ下に下ろしたいときは、shiftを押しながらドラッグすれば、できます。
このとき、ctrl(⌘) + [ u ]でスマートガイドというものを有効にしておくと、サーモンの下の部分と陰がぴったり合うところをイラレが教えてくれます。
![](https://irarecreate.com/wp-content/uploads/2022/05/777a77670b6d3d006087a093b7885817-1024x576.jpg)
陰は、このままでは不自然なので「透明パネル」というところを開いて、「描画モード」を「乗算」にします。
![](https://irarecreate.com/wp-content/uploads/2022/05/e600a9d48b3f136a50e62275029bdbd7-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/f331bc0e9b8ffb139b926a271dc6a44f-1024x576.jpg)
サーモンの白いスジを加える
あとは白いスジを加えれば、サーモンの部分は完成です。
ここは「描画方法」というところから「内側描画」を活用します。
これは「クリッピングマスク」と呼ばれる切り抜き機能の親戚のようなものなのですが、予め作っておいた図形の範囲内で描画ができるものです。
さっそくやっていきます。
サーモンを選択した状態で、ここの「描画方法」を押し、「内側描画」を選択します。
![](https://irarecreate.com/wp-content/uploads/2022/05/61764bd35fdf39ee6bb364cde88f77ef-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/098fa037a5c750ccfa4b54ec9d0c62ce-1024x576.jpg)
するとサーモンの四隅に点々の囲いが現れましたね。
これが「内側描画」モードです。
![](https://irarecreate.com/wp-content/uploads/2022/05/c33ebab45355989314b571418ed1f194-1024x576.jpg)
このままの状態で、塗りブラシツールに切り換えます。
線は白に設定しておきます。
![](https://irarecreate.com/wp-content/uploads/2022/05/b75bbe40b5a481d4b4f08e6776db224d-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/fe0c38aa924a48f87b332f9c8b279c6c-1024x576.jpg)
太さはツールのボタンをダブルクリックすれば、変えることができます。
![](https://irarecreate.com/wp-content/uploads/2022/05/603a3b971dab87479aeb97640603cec1-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/de2f70742c268f837201906d1f5bfbdb-1024x576.jpg)
そして、サーモンの白いスジを意識してドラッグで線を引いていくと、サーモンの範囲内で描画がなされます。
![](https://irarecreate.com/wp-content/uploads/2022/05/24a2fd306c2796d52d289339b05297c2-1.gif)
![](https://irarecreate.com/wp-content/uploads/2022/05/1283e950d0869ace216fb05e6c74037e-1024x576.jpg)
線は立体感を意識して、側面の部分は少し曲げています。
![](https://irarecreate.com/wp-content/uploads/2022/05/14be4e1d2fef6d931bda0669b8dac528-1024x576.jpg)
内側描画を終了したいときは、再度「描画方法」を押し、「標準描画」を選択すれば、終了することができます。
![](https://irarecreate.com/wp-content/uploads/2022/05/fede064560f77431d1388e91105959ed-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/21e75986d28e19248dc59647a1e35b06-1024x576.jpg)
このままでは白いスジが目立ちすぎているので、少し色を抑えます。
![](https://irarecreate.com/wp-content/uploads/2022/05/21e75986d28e19248dc59647a1e35b06-1-1024x576.jpg)
先ほど、「内側描画」はクリッピングマスクの親戚のようなものと申し上げましたが、その理由がこちら(下図参照)です。
![](https://irarecreate.com/wp-content/uploads/2022/05/b779b7497dbdfb16a227b77163c04ced-1024x576.jpg)
選択ツールでサーモンを選択すると、ここに「マスクを編集」「オブジェクトを編集」というものが出てきます。
![](https://irarecreate.com/wp-content/uploads/2022/05/3c3918ab9153309e0869df3ff9ccb259-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/1a94bfea853926efd820db6f7038366c-1024x576.jpg)
「マスク」というのは、「サーモンのシルエット」のことで、「オブジェクト」は「白いスジ」のことです。
![](https://irarecreate.com/wp-content/uploads/2022/05/58800ded42f4b10f332b07f12fbae551-1-1024x576.jpg)
クリッピングマスクを利用すると、これら(マスクとオブジェクト)の編集ができるので、「内側描画」はクリッピングマスクの親戚というような表現をしました。
話を戻しますが、白いスジの色を抑えたいので「オブジェクトを編集」を押して、「透明パネル」から不透明度を下図(2枚目)のように設定します。
![](https://irarecreate.com/wp-content/uploads/2022/05/fdfbc55ff071ead8c5a4a89ff8808b60-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/710e34e7127d35ecf2e3174bf409de08-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/e31af4dddd4d1b3984e340896d5fc036-1024x576.jpg)
これでサーモンの部分は完成です。
シャリの形を取る
続いて、シャリの部分です。
こちらもまず、ペンツールでシャリの形を取っていきます。
ペンツールの扱いに慣れている方は、下図(2枚目)のように初めから曲線を伸ばして線をつなげていっても問題ありません。
まだちょっと慣れていない…という方は、サーモンのときのように、左クリックでアンカーポイントを置いていき、あとからダイレクト選択ツールでアンカーを選択して、角を取る方法でいくと良いです。
![](https://irarecreate.com/wp-content/uploads/2022/05/b0ce205679d838f3d2fa4feafa55c3b8-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/1241d7ab01dbb37be21fa5da9788a829-1024x576.jpg)
この図形の線はなしで、塗りは下図の通りです。
![](https://irarecreate.com/wp-content/uploads/2022/05/f78c52a794194bdf6cdd9d05c5713781-1024x576.jpg)
そうしたら、これをお米の形を意識して少しガタガタにします。
この図形を選択した状態で「アピアランスパネル」というところから「fx」を押し、「パスの変形」「ラフ」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/05/6668f3887635f86f6958f9d50f881815-1024x576.jpg)
すると下図のようなウィンドウが出てくるので、マーキング部分のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/05/8a33da4b152b8bd3810286e3116688d5-1024x576.jpg)
再度「fx」を押し、「パスの変形」から今度は「パンク・膨張」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/05/6e779765223c71a72cec318c4e1813ee-1024x576.jpg)
下図のようなウィンドウが出てくるので、ここも字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/05/d1524fa70805ba7f35a19683032e3e97-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/33fc211eb6f8a4dadd3d519b5d1262d0-1024x576.jpg)
シャリに質感を加える
ここまできたら、このシャリをコピーします。
コピーは先ほどやったように、選択ツールの状態で、左クリックを押したまま、shiftとalt(option)を押してドラッグ、コピーしたいところで全てを離せばできます。
![](https://irarecreate.com/wp-content/uploads/2022/05/cfdf93c38dadbc51bb8e32ad480b6896-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/ee0fe76c5de6d3f46fc92f624b2812d5-1024x576.jpg)
コピーした方のシャリは、よりシャリっぽくする質感を表現するために使います。
これを選択したままの状態で、下図の手順で「効果ギャラリー」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/05/3e48c2ae284e71c0fb94113fc6e9cc91-1024x576.jpg)
すると下図のようなウィンドウが出てくるので、「テクスチャ」というところの「ステンドグラス」と選択します。
![](https://irarecreate.com/wp-content/uploads/2022/05/b2767d2d3a4f195afadab5b7f495b4c5-1024x576.jpg)
そして、マーキング部分(下図参照)のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/05/0fdb32efb6b5e8b76e1619f8421fd2f3-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/0207a81b7c718650fb4da196e8ef912a-1024x576.jpg)
次にこれをパスに変換して、編集が自由にできるようにします。
このままの状態で下図の手順で「ラスタライズ」を実行します。
ラスタライズとは、描画方式をドットの集合体に切り換えるものです。
![](https://irarecreate.com/wp-content/uploads/2022/05/1bbf511d8cd323b0fa8c35b41c96e4b2-1024x576.jpg)
下図のようなウィンドウが出てきますが、そのままOKで問題ありません。
![](https://irarecreate.com/wp-content/uploads/2022/05/f4b741fd3ae0c1433cedff927c5d7c6c-1024x576.jpg)
そうしたら、さらに「画像トレース」を押します。
![](https://irarecreate.com/wp-content/uploads/2022/05/80b4aec18da50934e8873a34a4c7d1b8-1024x576.jpg)
これで、このオブジェクトはパスに変換されましたが、まだ自由に編集することはできません。
画像トレースを押したあとに出てくる「拡張」を押すことで、編集可能になります。
![](https://irarecreate.com/wp-content/uploads/2022/05/7ffa61084a74cdb27e0815673aac9142-1024x576.jpg)
拡張直後、これは白い部分と黒い部分がグループ化されているので、shift + ctrl(⌘) + [ g ]でグループ化を解除します。
![](https://irarecreate.com/wp-content/uploads/2022/05/bc8adb3f9a4c5bb465fd208a3bb12ea9-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/16dbf4893d924bc7984a6334c640e118-1024x576.jpg)
使うのは黒い方だけなので、白い方は削除します。
![](https://irarecreate.com/wp-content/uploads/2022/05/247010f2813241eb3fa36ef77e6c7259-1024x576.jpg)
そうしたら、この黒塗りを選択した状態で、アピアランスパネルを開き、「fx」から「パス」「パスのオフセット」へと進んでいきます。
オフセットとは、ある位置から移動させた位置にセットし直すという意味です。
![](https://irarecreate.com/wp-content/uploads/2022/05/b3c5ed47c48ce48bff6362c218416fe4-1024x576.jpg)
すると下図のようなウィンドウが開くので、マーキング部分のように設定して、OKを押します。
この結果ではわかりづらいですが、元あったパスの位置から内側に「1mm」移動させた位置にパスを移動させたので、この形になりました。
![](https://irarecreate.com/wp-content/uploads/2022/05/a3d060cd051d29c1800eee6c0b6a0f87-1024x576.jpg)
因みにオフセットの設定は、アピアランスパネルのここ(下図参照)から再度変えることができます。
![](https://irarecreate.com/wp-content/uploads/2022/05/1354ab32270daed3575a9368a148f04e-1024x576.jpg)
では、これをシャリの部分に重ね合わせます。
ですが、重ね合わせる前に色を調整しておきます。
シャリ本体と質感ともに下図の色にします。
![](https://irarecreate.com/wp-content/uploads/2022/05/a0d3150504c384e0274690438c909a84-1024x576.jpg)
それが終わったら、下図のように重ねます。
![](https://irarecreate.com/wp-content/uploads/2022/05/f68e7f224590f00240cd5370b18df28a-1024x576.jpg)
これでは質感の部分が全く見えないので、「透明パネル」から「描画モード」を「乗算」にします。
![](https://irarecreate.com/wp-content/uploads/2022/05/770b71aa9750d9474cea228682696241-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/6eba76c6b705a18d4935bf63f5d93e3b-1024x576.jpg)
ネタとシャリを合体させる
さあ、これでシャリの部分も完成しました。
あとはネタとシャリを合体させれば、サーモン握りの完成です。
まず、この2つの重ね順ですが、今はシャリが前に来てしまっているので、
![](https://irarecreate.com/wp-content/uploads/2022/05/c5f24e2635dcb9dbfccc243d3497e08f-1024x576.jpg)
選択ツールでシャリを選択した状態で右クリックを押し、重ね順を「最背面」にします。
![](https://irarecreate.com/wp-content/uploads/2022/05/83fdf8a283c0b74d3b936cf15a9acb2b-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/d93327e5b839a8bf6e876a9a8c6433db-1024x576.jpg)
次に、サーモンをシャリの上に乗せたときにできる影を加えます。
ここも「内側描画」を活用します。
シャリの質感ではない方(シャリのシルエット)を選択した状態で「内側描画」に切り換えます。
![](https://irarecreate.com/wp-content/uploads/2022/05/d24bf57ba66f6ed8044b7389bfa87d05-1024x576.jpg)
質感の方が邪魔をしてシャリのシルエットを選択できないときは、ctrl(⌘) + [ 2 ]で一度質感をロックしてから本体を選択します。
![](https://irarecreate.com/wp-content/uploads/2022/05/eedf88c23c230993ecc55de3d151b8ca-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/55f2afe7a958506444ac37f18c824689-1024x576.jpg)
そして塗りブラシツールに切り換え、線を下図(2枚目)のように設定して、線を引いていきます。
![](https://irarecreate.com/wp-content/uploads/2022/05/2a376b83e970c7a8f9525cb1577f5f89-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/a5738d14278556bb80062a087eade479-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/a75180e04dcc37fb913390fd6c78b8f8.gif)
![](https://irarecreate.com/wp-content/uploads/2022/05/cfe02fa17e99db7d2755b5a9f861e8b6-1024x576.jpg)
一応、これでサーモン握りの完成ですが、ワンランク上まで付き合っていただけるのであれば、もうちょっとだけ時間をくださいm(_ _)m
ハイライトを加える
サーモンにハイライトを加えます。
ペンツールに切り換え、下図のように線を引いていきます。
線の色は白で、太さは5ptです。
![](https://irarecreate.com/wp-content/uploads/2022/05/a1b202c472d687fc34cb2a7b80357af0-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/9267d2258fb1b0d1d91295266dad9082-1024x576.jpg)
引き終わったら選択ツールに切り換え、ここ(下図参照)を押して、線の形を「線幅プロファイル1」に変えます。
![](https://irarecreate.com/wp-content/uploads/2022/05/fd5e4a517b726edfb9395a0e89e4ead3-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/0c9720d6dcdb9add5cb980e64ff390e2-1024x576.jpg)
さらに「透明パネル」から「不透明度」を下図のように変えて、
![](https://irarecreate.com/wp-content/uploads/2022/05/1633b5ee12aaef729f9d5664671f4c75-1024x576.jpg)
出来上がった線を下図のように、あと2箇所ほどコピーしてダイレクト選択ツールで変形すれば、サーモン握りの完成です。
![](https://irarecreate.com/wp-content/uploads/2022/05/b37db7e2eb98d31237b462ab7a50c1aa-1024x576.jpg)
先ほどロックしたシャリの質感のロック解除は、shift + ctrl(⌘) + [ 2 ]でできます。
![](https://irarecreate.com/wp-content/uploads/2022/05/d76738885f2700b9d746651bb66eabc4-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/05/8e86cc4b6c022c071cb487c8d8982490-1024x576.jpg)
最後までお読みいただき、ありがとうございます。
コメント