３時限：円を応用して桜マークを作ります
今回は２時限でダウンロード&インストール
したインクスケープを使って
実際にイラストを描いてみたいと思います。
描くのは上の画像の右端にもある
１年生の桜マークです。
本日の目標
円を応用して桜のマークを描きます
こんなにピシッとした線で描くのは
難しそうだなぁ
初めての方にはいきなり難しい事をと思われる
かもしれませんが、
桜をフリーハンドで描くのでは無くて
円を少し加工し１枚の花びらを作ります。
それを５枚複製して最後にくっつけるだけなので
構造を知ってしまえば何て事は無いです。
これを完成させれば、
これから何か作る（描く）時に使える事が
いくつかあると思います。
それではインクスケープを立ち上げます。
（横の「X」マークはMacの方がインクスケープを
立ち上げた時に一緒に現れるものです）
余談ですが、画面のサイズは右下でしか
変更出来ないようですね。
円を描きます
円の中（桜マークで言うとピンク）と
外側の線（桜マークで言うと黒）の色を決める
ために＜オブジェクト＞から＜フィル /ストローク＞
を選んで右側に窓を出しておきます。
＜円・弧ツール＞を選んでマウスをドラッグすると
最初は四角い点線のみで”円”がありません。
”× 塗りなし” のように
今出した＜フィル /ストローク＞
の設定が何もしていない状態だからです
中の色（フィル）をここでは左から2番目の「単一色」
を選び、RGB,CMYKなど色々ありますがホイールで
直感的に選んでみます。
外側の輪が同じ所を指していても
中の三角で鮮やかさ、明暗を変えられます。
なるほど、外側の円で色を選んで、
中の三角で更に細かく調節出来るんだね。
画面の下にだーっと並んでいる色をクリック
しても変えられます。
いろんなやり方があるんだね。
色々いじっていると他にもありそうだ。
円の色（フィル）を選んでから＜円・弧ツール＞
を使うと最初から点線の四角の中に丸◯
が作れます。
ちなみに正円を描きたい時は control を押し
ながら割と正確に斜め下にドラッグします。
”割と”正確に斜め下でないと楕円になります。
微妙！
円の周りに線をつけます
桜マークの輪郭になる黒い線を描きます。
＜フィル＞の隣の＜ストロークの塗り＞がそうです。
ここでも×の隣の「単一色」を選び、
「ホイール」で黒を選びました。
これだとちょっと線が細くてサンプルのように
ならないので
＜ストロークのスタイル＞→「幅」で線の太さを
３としました。
「線種」をクリックすれば点線なども沢山の
中から選ぶ事が出来ます。
花びらを作ってから必要なワザとなりますが
ここで複製の説明を。
コピペじゃダメなの？
ナイスアシスト。
イラストレーターの時のようにコピペだと
上の画像のように余計な白が付いて
画像がガタガタします
インクスケープの場合の”コピペ”は
コピーしたいイラストの上で右クリック、
「複製」を選びます。
一見何もおこっていないように見えて
こっそり重なって２つ目が出来ているので
左の一番上の矢印マーク↑、＜選択ツール＞で
ずらすと確認できます。
※とこの時点でこう書いていましたが
WinとMac、バージョンでも違う事が判明。
私はMacなのですが昨日コピぺ（Ctrl+C → Ctrl+V）
をした所、後ろに「白」が付かずにちゃんと出来て
しまいました。（いつの間にかバージョンが変わって
いたのでしょうか。。。）
ただ同じようにしても「白」が付いてしまう
時もあり理由が分かりません。
ですのでこの記事はそのまま残しておきます。
（2018年5月9日）
花びらを描きます
円の描き方も分かったところで、
いよいよ花びらを１枚描きます。
１枚というのがポイントです◎
＜円/弧ツール＞縦長の楕円を描きます。
ここで＜スポイトツール＞の説明になりますが、
もし画面上に描いた物で「これと同じ色が使いたい」
という事があったらスポイトツールの出番です。
例えば私は左の桜マークのピンクと同じ色の
楕円にしたいので、楕円を選択しておいてスポイトで
桜のピンクをクリック、色を吸い上げます。
イラストレーターですと桜の黒い縁取りまで同じに
なる所ですが、インクスケープでは線は線で別に
決めます。
線の色をスポイトツールで選ぶにはshiftキー
を押しながらクリックします。
桜マークに戻ります。
線を黒くして、適度に太くしました。
細かく形を変えるための準備をします。
楕円を選択しておいて上のメニューの
＜パス＞→＜オブジェクトをパスへ＞を選びます。
一見何も起こっていないようですが、これをする
事で変形させるためのポイント（のような物）を
追加出来るよになります。
＜ノードツール＞を選び、上の □に＋マーク
を選び、線の上をダブルクリックして点を２つ
追加します。
あれ？そのマークが
僕の画面には出ていないよ。
ノードツールを選んだ事によって現れる物なので
選んでいない時は現れません◎
他のツールも同様で、ぽちぽち押してみると分かる
のですがそれぞれに使える物が表示されます。
最初からあった楕円の頂点の点を
controlを押しながら少し下げます。
controlを押すことで真っ直ぐに下がります。
花びら１枚、完成しました。
次はこれを５枚に複製して丸く並べます。
花びら５枚を１つにします
３の説明と重複しますが、
花びらの上で右クリック、複製を選びます。
綺麗に開かせるため
先ほど複製した花びらを回転させたいので
＜オブジェクト＞→＜変形＞で右側に窓を出します。
＜回転＞を選び
３６０度 ÷ ５枚=７２ で、角度に７２を記入し
下のApply (OK) をクリックします。
複製、７２記入を繰り返し５枚花びらを作ります。
周りに作った緑の正円は
中心から同じ距離に並べるための目安です。
花びら５枚を＜選択ツール＞で全部選択し
＜パス＞→＜統合＞を選びます。
＜選択ツール＞で全てを一度で囲むように
マウスをドラッグしてください。
なるほど、囲めていない部分が
少しでもあるとその花びらは選択されないね
一瞬で１つになりました。
個人的意見ですが、私はこの＜パス＞→＜統合＞
はイラストレーターの時からよく使っていました。
あ、アドビのイラストレーターソフトって
意味ですよ。
職業じゃないですよ。
。。。どっちでもいいよ。
文字を書きます
「い」の後ろの白い丸は１で説明した通りです。
ここでは白い丸を桜の中心に配置する方法を書きます。
画面の上と左に定規が書いてあります。
そこにカーソルを持って行って上からドラックする
と画面に平行な青い線が出ます。
これがガイドラインです。
同じように左からは画面に垂直な青い線（ガイドライン）
が出ますので、それぞれ桜の外側を囲んでいる
四角の中心に合わせれば
交差したところが桜の中心という事になります。
この青いガイドラインは
印刷には出ないんだよね。
左から「A」とある＜テキストツール＞を選択し、
画面の上でクリックして始まる位置を決め、
文字を打ちます。
（何度も恐縮ですがMacは日本語で入力出来ない
ため、私はスティッキーズに書いたものを
コピペしています）
テキストパネルでフォント（文字のデザイン）や大きさ
などを変えられます。
この窓が出ていない場合は上のメニュー
＜テキスト＞→＜テキストとフォント＞で
右側に出ます。
決まったらApplyをクリックします。
大きさはフォントサイズに数字を入力しても、
このようにcontrolを押しながら文字の
外側の四角の矢印のどれかを外側に広げても
大きく出来ます。
controlを押しながらでないと、横長や縦長、
比率が変わってしまいます。
完成。
左の桜より若干先が開いていますが
完成です。
作業が続けられる形式で保存します
インクスケープを終了してまた明日開いたとしても
今の状態のまま作業が続けられる形式で保存します。
ギンプ（画像加工ソフト）で学んだけど
SNS用に保存したもの（jpeg・ジェイペグ）
１つの画像になってしまっている
ので、それを加工する事は出来ない
んだよね。
そうです。
拡大や縮小などは出来ても
文字のフォントを変えたり花びらの色だけ
変えたり個別の加工が出来ません。
ここではそれとは違う保存方法です。
上のメニュー、
＜ファイル＞→＜保存＞を選択します。
ファイル名の右側が「.svg」となっています。
(”sakura”の部分はご自分で分かり易いファイル名を
打ち込みます）
保存場所も自分で選べます。
もし「.svg」になっていなかったら右下の四角、
今はInkscapeSVG(.svg)となっている所から
選びます。
作業の途中でも万が一を考えて時々この方法で
保存すると思いますが、
「保存したっけ、してないっけ？」
という時の判別方法。
ファイル名の左上に米印「＊」があったらら
保存していません。
ちゃんと保存出来ていると「＊」は消えます。
簡単な事を長々と説明しましたが
今回は以上です。
インクスケープ１年生の私も
使っているうちにこれはイラストレーターよりも
痒い所に手が届くと感じるところが出てきました。
むむ。。。やはりどれだけ触ったかなんですね。
願わくばMacにも日本語入力をっ。
それではお疲れ様でした。
４時限もどうぞお付き合いください◎