前回CorelDRAWで描いた
ステンレスヘアラインのテクスチャを使って、看板のイラストを描いてみた。
看板は、ステンレスヘアラインのプレートに、ステンレスヘアラインの切文字を貼付けたものという設定である。
看板の文字は、このブログのタイトルである「雑談散歩」にした。
プレートの両側に、これも前回作った
ビスのイラストを配置して、ビス止めで取付けたという看板にした。
ステンレスヘアラインは看板材としては高額で、看板に高級感を求める依頼者によって発注されるものである。
なので、表面からビス止めという無造作な取付け方法は、一般的ではない。
プレートの裏面に取付けのための造作をするのが一般的である。
しかしここでは、高額な看板材を無造作に扱うワイルドな仕様も面白いかなと思い、このようにしてみた。
ステンレス板のテクスチャをクリップする
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjkSRpbZQdEsS178mRoME-bbmgWcZnDO06o35zfxRrGU0GGur7-GYQ2GSWiN4O4Icq0jlnZOjw7bQBz1714rtruFv_O2MzBzwDkEiSxrWV35IZZTb6NSOTiBTFdCYens2SByj6NeXMm4Q/s400-rw/sushl01.jpg) |
自作テクスチャ。 |
前回作ったテクスチャを開いて、別名で保存する。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGZzUXvoGKW-lS05cgbaQdy9YI_lqSQujEDwoA0A0IowepWGKrW-3M595wy5eRFdNwad0SS2QXQGP0CtO_ydH36ZJqR760SC_am6wrBlvqrnrfjjN3NG2oqEvX9UTI9Msl6pWLWigvUQs/s400-rw/sushl02.jpg) |
「長方形ツール」でプレートの型の長方形を作る。 |
「選択ツール」を使って、正方形のテクスチャを横長プレート状に縦幅を縮小する。
左側のツールボックスにある「長方形ツール」で、テクスチャよりも一回り小さい横長長方形を作る。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvUXzvPcc8LqrrMZcEJesDU7q9ufOtUGPDOjtEDG0XjRl7aWrPzX3OvhMMCk3fSQB5Px_uMWccywj-KowufrczyMwiqBC0pLpH9BDKWIZ0EosIhpxuoB1cNi8ImzWpSHHj4dcsDkleBhA/s400-rw/sushl03.jpg) |
「丸型の角」ボタンをクリック。 |
「長方形ツール」を選択すると表示されるプロパティバーの「丸型の角」ボタンをクリック。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC8-Nq5eP6EUZknckyLzbyWpyDwUXVkVLkJHrruL8P4e0rN1dVt_Bc-GG-rArLFQPa8VKgLJnqF6JqggEi7K9dzVH9ftFmadvS8K1TxPSlZNzze5dc3KiQO9zSbfWuDR1JJrYGpVpTjo0/s400-rw/sushl04.jpg) |
数値を入力。 |
「丸型の角」ボタンの右側にある「角の半径」数値入力ボックスに数値を入力。
ここでは、長方形の両端が正円状になるように18ミリにした。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhai-BlXxpoRfwr35QD6aSDOKOaJwsqhfUHtmDliEmikQDc1Uvxz5WbIUV6wHIxvWRM9AID-6EP97DYge9XikoNk2tREtuzqjc_upRxg8ag07EK0ktgWNd9jvTtUUqHhZmFtc7QtMpb8aw/s400-rw/sushl05.jpg) |
中央に整列させる。 |
テクスチャの上に看板の型を置いて、「整列ツール」で両者を中央揃えにする。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjSJkTJnrwuI3s4_u-ymaop7sTD78R87Cx-LvsCNmGfTiosxOxJpl7ZRs7AunD6OaJb3LYNwx7sLSe4pA7cV0KueN4vXAfQBR0iz-EOHMLgZFiCgIbfhjXG3Ip9AhOdVy1r9MmV9xGsUo/s400-rw/sushl06.jpg) |
パワークリップ。 |
テクスチャだけを選択状態にして、メニューバーの「オブジェクト」をクリック。
プルダウンメニューの「パワークリップ」にマウスオンして表示されるフライアウトメニューの「フレーム内に配置」をクリック。
すると、ポインタが下図のように黒い矢印に変わる。
その黒矢印で、看板の型の中をクリックする。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtZqBzicLU6Q_RQmbX0qIJ60bk7EGD6Jcut5J6YKQicoN4Ix8yO1psv_ccAr_ceJBDlCD7DVzMJ9iuYXIlS0walD1TAI8_oKFIzdacZGQFo1MyImVmoDJatvUhRc-HtybEBCy_q6NLJcU/s400-rw/sushl07.jpg) |
黒矢印になったポインタで看板の型をクリック。 |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEvfDdrvvzE1Nspkuq37nQdNkoaW_JQ4q38MNcpvHNy-liuPom5gpuBb2I-JmotroYCvGmW_DYyV-gm-JZsDvjxTww1XeTyCTrljbL0y0DMfXNUpzYTG5jzTSa2qTQTsPyPKhZFc5GGC8/s400-rw/sushl08.jpg) |
看板プレートの輪郭を「なし」に設定。 |
上図のように、テクスチャが看板の型にクリッピングされる。
看板プレートができたら、プレートの輪郭を「なし」にする。
看板文字を作る
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDRA0FP27czgROu4qvcelFAGgWCS_hE6Wsp5bGSduW9Yi8pmNf2w1iECSjJ2MiYU2q-x1PW7SLfZdsEq3ieRoVC3fV3f1Imb39SZxDYqmziTWa1GfS2utTLnS__rxQ3aFB2btoY1gpn0g/s400-rw/sushl09.jpg) |
文字を入力。 |
左側のツールボックスで「テキストツール」をクリックし、ポインタを「テキストツール」に変える。
「テキストツール」で描画ページの適当な場所をクリックするとカーソルが出現する。
キーボードで「雑談散歩」と入力。
フォントは太いほうが減り張りがあってイラストとして目立つので「DF特太ゴシック体」を採用。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuO9mIpb7AYyQICIK9-8QBaJ11iirCQOxs0Px2jDmHqGCqgBWcnUfwk-Dfql36iMRWc1RzxYAGBKlSGHr_J443gvMJXgYiqEmmqHYhmVqcVna6iW_XlXwsqajxAqBBssVVeSHa72uGE1M/s400-rw/sushl10.jpg) |
「曲線に変換」をクリック。 |
文字を右クリックして、右クリックメニューのなかの「曲線に変換」をクリック。
文字をアウトラインを持ったオブジェクトに変える。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeO31OS16dxdS07O7CmWKSh3uWs-cjfXglWElXONwn-5URLlU82gbTQ-qZM72yUGIJIHz8g9U_JsiJhtHEUntiVrFYvZOo7BTrLtzKlco7gmkhnlUxqRECpU0jGFuDSpCv6-QCpNqOHQI/s400-rw/sushl11.jpg) |
複製。 |
看板文字とプレートを各々一個ずつ「Ctrl」キー+「D」キーで複製する。
ステンレスヘアラインの切文字を作る
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjc5gfPJr4rVGLaK2b_938bRW3Z9JmWDWJBBm5HttNy2IqB7gZhNb6FIx2fhoZ66aplktvFtyPWKXip1qlZqjuhyphenhyphenvhutqKMUoasVJ7xWFiqN1vkhuQn3P1B_kjmnabxtPludHcN-oLOeQ/s400-rw/sushl12.jpg) |
看板文字でステンレスをクリッピングする。 |
「雑談散歩」がプレートの下になっている場合は、プレートを最背面に送らなければならない。
ツールボックスで「選択ツール」をクリックし、「選択ツール」で看板プレートをクリックして看板プレートを選択状態にする。
メニューバーの「オブジェクト」をクリックしてプルダウンメニューの「重ね順」にマウスオンし、表示されたフライアウトメニューの「レイヤーの最背面へ」をクリックする。
プレートの上に看板文字を置き、「整列ツール」で両者を中央揃えにする。
「パワークリップ」機能を使って、上図のように「雑談散歩」の切文字を作る。
切文字に影をつける。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy3Mag71dCbOu6QRnpkIm7eemprTaGSTBdQ8pPq9uTqc2nt2xIK4sGKyQMpxILpzkUvJ-cN8Un7f4OEjaQj8dqQekPsTOid_HJpr13dYMvKXWZ-rgGYph4dH3MWGAOlivdS0WsL88gQfM/s400-rw/sushl13.jpg) |
ドロップシャドウ。 |
左側のツールボックスで「ドロップシャドウツール」をクリック。
「ドロップシャドウツール」で上図のように、看板文字の左右の中央付近をクリックし、下側へドラッグする。
オブジェクトが「選択ツール」で選択状態にある場合は、オブジェクトの中央付近にポインタを置き、マウスボタンを押してドラッグすると、影ができる。
ドラッグしていると影になる部分が青い線で表示されるから、その線を確認しながら、適度な影の大きさまでドラッグする。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKNekuxbKCSVuCJysMx4YPYQyaarTBQO_u_Sp4G3yCPd-iBW0naEFL4nwafXQ4qeqio_3ScYsMLPYyPDFV9z8az51za85LX-SPzLIO5snh8a47Xvf4zREj-hspPYj6YFNCknNL0nkYkqk/s400-rw/sushl14.jpg) |
「ドロップシャドウ」の属性 |
ツールボックスの「ドロップシャドーツール」をクリックした段階で、プロパティバーに「ドロップシャドウ」の属性が表示される。
「ドロップシャドウ」が出来ると、その属性ボタンがアクティブになる。
属性ボタンには、「ドロップシャドウの角度」「影の伸縮」「影のフェード」「ドロップシャドウの不透明度」などがあるから、それらで影の状態を希望のものにする。
看板文字の表面をメタリックにする
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDOk2MkBkTfcFIlb3skpgLLi82lEPpIGOhY5rmcX9wlviT3ZHkShkvIuN7kVit7HdecQfROodShdr6oKRlOfNeKevAAcEK61mulCWG2o1mdG772BVvIkPLgaMG5iyqxixQ9RE1ZFRP8aU/s400-rw/sushl15.jpg) |
複製した文字にグラデーションをかける。 |
複製しておいた看板文字に、上図のようなグラデーションをかける。
カラーバンド上をダブルクリックするとカラーの「ノード」がクリックした位置に追加される。
「ノード」の色の変更は、カラーバンドの下にある横長のカラーピッカーで行う。
グラデーションをかけ終えたら、この看板文字を、「重ね順」で「最前面」に置いておく。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGpFX1ist3dNbTpxfMbr0c4AxQ6ZsL7kLO5MMnFFmiHYo8mpKWaeLWcIsuojlEPAav-SjHrnd9P8lwjgcVcJ0ECJiBoUH92U7ZLcXDhs7ob2M5cle7sg0Tzbgv9pZiRdjGmsNNE8x3RmM/s400-rw/sushl16.jpg) |
表示を「ワイヤーフレーム」にする。 |
切文字とグラデーション文字をピッタリ重ねるために、メニューバーの「表示」の「ワイヤーフレーム」をクリックして、オブジェクトの「表示」を「ワイヤーフレーム」にする。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWR_lAXaPoA58wEs1AFTUSKWhAqAGITr-YuO1S43ffCDb6-dPqok2ehLtKspAbUQeN6NJpAk9QV2z0jHliRse0kUg7ssv1UoPmmMgS6YOyX7-Bazk0vZB2ZGfnj_px8dPkBp3RMonoIks/s400-rw/sushl17.jpg) |
ズーム表示して、重なり具合がピッタリであることを確認。 |
文字部分に「ズームイン」して、切文字とグラデーション文字がピッタリ重なっていることを確かめる。
CorelDRAWのデフォルトの設定では、オブジェクトに「スナップ」するようになっている。
「スナップ」とは、複数のオブジェクトの「ノード」や「曲線」が吸着するようにピッタリと重なり合う機能のこと。
メニューバーの「ツール」>「オプション」>「作業領域」>「オブジェクトにスナップ」で、設定の確認ができる。
ちなみに、キーボードの「矢印キー」でのオブジェクトの移動距離の設定は、「ツール」>「オプション」>「ドキュメント」>「ルーラー」の該当入力ボックスに数値入力して行う。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjB-H1ZoRqPmbYjv8E6fOBeGEtBQt-jv8tndiDmTN1qBe30vk6skmA4n5nAPI2I-NDpOZF618jDf9ELT6L2H35_MIO_O-jcRlBfyYph2e415TiNQBvBWLWul_q8i2Idj6m9VcXSvRF_CU/s400-rw/sushl19.jpg) |
「表示」を「標準」に戻す。 |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd3KvTb__mY5_6XVyTqzulxmi-YWUNlDyBmK_ut1M4cnhxzLcm2vMDFk9QtIFOi9CjlkFONrpNqb7ArV8kunv6kmmCp9ZNZt-PsPOaFtrZHsx74EJA_CLiego38DZ_x3B8EyJy_QV4q6E/s400-rw/sushl20.jpg) |
透明度を操作。 |
グラデーション文字の透明度を、上図のようにして切文字の表面のヘアラインが透けて見えるようにする。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivklDXYHDd219jLBgnDkCW4laCoR8Q0-siaUc00RYqQo6mxfnJPJlGM2xXfUNn0VwjJ1XuvW1CxxIKnh4X3YFxzbrC6JgX5Zci7E8dSOhScCDfSH9yY7eZVlomgOh_dpGaLkaEtTbCN58/s400-rw/sushl21.jpg) |
輪郭を塗りつぶす。 |
グラデーション文字を選択して、オブジェクトの輪郭を上図のように1ミリにし、淡いグレーで塗りつぶす。
ステンレスヘアライン切文字のエッジが、光に反射しているように見せるための演出である。
メニューバーの「オブジェクト」>「グループ」>「オブジェクトのグループ化」で、プレートと看板文字を「グループ化」する。
ビスのイラストを「インポート」する
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXvVx5xFr3IR5q5upDhUDhCPvrIfbabhD3Xrw_LgU4-NRDvTqaT670Qnf3LOTlk_8SWO1kjtGiCZECYNL491VTJa4BYIP7jc1WqTxmZNHgBqbsVTPuc2K9K6tTqxAbqm7LQxEDrBZZ1oc/s400-rw/sushl24.jpg) |
インポートをクリック。 |
メニューバーの「ファイル」メニューから「インポート」をクリックする。
するとインポートウィンドウが開くので、ビスのイラストを保存しているフォルダを探して、ビスのイラストファイルを選択し「インポート」ボタンをクリック。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9_h3vYlHjPhQZYYjA81e6IHI6F3OF9lXXptzW7-HitKswg41uVOrfQG7f8KUoDMgjCjH5QfBbVVWZSit_DzGvU8XWwm6gaXAVOp7rRaIlq3U0bXTyZT36OapqnTWnAtWruHVsxHhAT2A/s400-rw/sushl25.jpg) |
カーソルをクリックする。 |
「インポート」ボタンをクリックすると、描画ページに上図のようにカーソルが現れる。
カーソルを適当な位置に移動してクリック。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9b9XtIvaTDcDUVt6z36a-pbLevaA-Pvb-GQTx1cGXj1EIsoENtOqqn6SGlJ_JZ6yuo8piruaDlEuqm5k4SmORBETAMSNAnA5q4FibOi7VlAeRLcQzGdfA1qn74mJkGOfuNg4lZAitVOw/s400-rw/sushl26.jpg) |
ビスの頭のイラストがインポートされた。 |
ビスをプレート上に配置する。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggANSmI3UknCnRLucE7jWoTqoCDAwB_LfaXmn1BXxEQFyyzb3RPM8VO9WwrsKIz-x8fe9RbltJObtgajRb7VlbJSIVEEOzEDToqqS8jW_yyPn26pXMdi9YZBDIRVUhEgzyWM3zJqZ7LuY/s400-rw/sushl27.jpg) |
ビスを配置。 |
インポートされたビスを適当な大きさ変形して、プレートの端に置く。
ビスを複製して、プレートのもう片方の端に置く。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ9jOcsN6lrBOfQYfRmWw0vVfBLgBI-czpktFlDSYBhyWbRnDnDuLpn8eI6pN7zNG0QDvggM9hWvhfEUub3xyvCTMyGPgY7nhRtnAgetw1cE0Z850RXotYBmOIrcO3qw9JnoZiq2mSh7w/s400-rw/sushl28.jpg) |
ふたつのビスを「整列」させる。 |
プレート上の適当な位置に置いたふたつのビスを水平方向に「整列」させ、「グループ化」する。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-jrFdrWaD12rDuV53cZMyyIJmG6gci_aajEC8cN6Ecpsi9XqpXc5SwPtPtiASl9xNI8NwxsO3AI298epXGYzPTY6p38lvc9dreB2h4f4AN0UAeWRoATh86qi6LErw6U4hyjgr-JLImVo/s400-rw/sushl29.jpg) |
ビスをプレートに整列させる。 |
「選択ツール」でプレートとビスを選択し、「整列ツール」で中央揃いにする。
プレートに影をつける
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbTkuNEfTOON0TDQZ9pXpQHjiRsfnpwRFkXgvzwpZ7gAw5uzoNGqfm1e1Xdw499TnrR89LbU_tXv7_73sO6x45DJ8S7Si1ZuBFoJJy0Y4A1kUJIjBzHbWbiUxnp3WO58CGCe5jTmJmcV0/s400-rw/sushl30.jpg) |
プレートに影をつける。 |
ツールボックスの「ドロップシャドウツール」をクリックし、プレート上でクリック&ドラッグする。
プロパティバーで、アクティブになった影の属性を操作して「ドロップシャドウ」を調整。
プレートのエッジの反射を表現するために、輪郭を淡いグレーで塗りつぶす。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMYa3_bA86OVQvmygH0ZOArTtT-k4CS-4PDf8wXx1R8upv9nzsTOwYUNTUQd14tqr3D7v_ShnJ8ja1Bp9-wBhTvZ_QGZzaURo9GuObwtFlmkzsgcxD116v3P_Y1-4s88k0t_AIluq8bhQ/s400-rw/sushl31.jpg) |
影が付いたプレート。 |
最後の仕上げ
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8XLw9kSY3xzbWDPP7asGPWmUh5XsbGcFYBvQoQF9J2sw5HIHuhGj8F6ogBM5dar9oldD-s_xeOcdxA7ZbWfkFDTsLV4d4CW2Dbqau5Y639_ul89SZAJAQb9xUQrE-pVwMWDSgKHDvJx4/s400-rw/sushl32.jpg) |
看板文字を「ズームイン」する。 |
ステンレスヘアライン切文字の仕上がりを見るために、「ズームイン」機能で拡大。
もうちょっと減り張りがほしいのと、看板文字のヘアラインも目立たせたい。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDH177imytTe9OuHO-pkJCtAFbqK_H-XuOQgoPiX4SCxC4ux3wVhImRBFznMQvFxJWVnb9lwxn1F_NysrpJyY15y9TeJh46gLgvCGeySHDlZYVeZwWE2xdvNOnTQkajNBvG2HYkjvwK1E/s400-rw/sushl33.jpg) |
ドッキングウィンドウの設定を変更する。 |
看板文字を選択状態にして「オブジェクトのプロパティ」ドッキングウィンドウのなかの「透明度」ボタンと、透明の「マージモード」を変更して、看板文字の表面の質感を調整。
「マージモード」は、他のモードを試してみたが、「減算」モードにするとヘアラインが浮かび上がって、なおかつ文字表面の反射具合も気に入った仕上がりに近づいた。
イラスト完成
■興味をお持ちの方は下記リンク先へどうぞ