昔から、道路標識や工事中案内などは影絵みたいな標識であったが、最近の看板は、SDGsや東京オリンピックなどで見られるように簡単な絵文字表現が主流になっているように思う。この絵文字表現の事を、ピクトグラムというらしい。
ＩＴ用語辞典によると、「ピクトグラムとは、情報や指示、案内などを単純化された絵や図形で表したもの。「絵文字」「絵記号」「図記号」などと訳されることもある。言語によらず情報を伝達することができ、街頭や施設内での案内などによく用いられる。」と書かれている。
参考：ピクトグラム 【pictogram】
このピクトグラムをイラレで書いてみようと思う。そこでSDGsや東京オリンピックのピクトグラムをテンプレートにしてトレースしてみようかなと思ったが、
SDGsの場合、「ダウンロードは自由だがロゴやアイコンを加工してはいけない。」と書かれている。
参考：SDGsのロゴは自由に使える？使用時の注意点や許可について
また、東京オリンピックのピクトグラムについては、「オリンピック・パラリンピック関連のマークについては、無断で使用することはできません。」とある。
参考：東京2020オリンピック・パラリンピック調整部
以上の理由からこれらのピクトグラムのダウンロードは諦めて、ダウンロードや、加工がＯＫなサイトからダウンロードしてみた。
このピクトグラムはペンツールでなぞれば比較的楽であろうが、今回はイラレの図形を駆使しながら下絵を参考になぞってみる。
トレース用の画像を準備
illustrator作成手順
サンプルイラストの用意
１．ピクトグラムの下絵となるものをダウンロードする。
今回は、イラストＡＣのホームページより、
しぶしぶさんのお天気アイコンセット-01をダウンロードさせて頂きました。
ありがとうございます。
新規フィルの作成
フォルダの作成。イラレ呼び出し。
１．エクスプローラーで適当な箇所にトレースファイル一式を保存するフォルダを
作成する。
２．イラストレーターを呼び出し、新規ドキュメントを作成する。
サイズ：Ａ４、横。カラーモード：ＣＭＹＫ。
トレース用画像を配置
トレース用画像配置。
１．ファイルメニュー→配置の順にクリックすると、配置ダイアログが表示される
ので、配置させたい画像を選択し、テンプレートにチェックを入れて、配置
ボタンを押下。すると、新規レイヤーに下絵画像を「トレースしやすい色に
変更してレイヤーをロックしてくれた状態で配置してくれる。」
円を作成
円をトレース。
１．レイヤーパネルの新規レイヤーを作成ボタンを押下し、新規レイヤーを作成
する。名称を「背景」に変更する。
２．長方形ツールを選択後、適当な余白に正方形を作成し、CTRL+Cで正方形を
コピーし、CTRL+Fで正方形の上にかぶさるようにペーストする。これを５回
繰り返す。
３．正方形の上にペーストされた四角形を順番に横に広げてゆき、６個の四角形を
並べる。
４．１個の四角形を選択した状態で、スポイトツールに変え、テンプレートの正円
１つを選択する。すると、四角形の色が正円１つの色に置き換わるので、この
作業を６回分繰り返す。
５．楕円形ツールを選択し、SHIFTキー＋ドラッグでテンプレートに沿って正円を
6個作っていく。
６．正円１つを選択した状態で、スポイトツールに変え、四角形１つを選択する。
すると、正円１つが四角形１つの色に置き換わるので、この作業を６回繰り
返す。
７．６個の四角形はカラーボックスとして一時保管する。
天気記号レイヤーを作成
天気記号レイヤーを作成。
１．レイヤーパネルの新規レイヤーを作成ボタンを押下し、新規レイヤーを作成
する。名称を「天気記号」に変更する。
晴れマークをトレース
晴れマーク作成。
１．楕円形ツールを選択し、カーソルを外円の中心に添える。
２．ALT+ＳＨＩＦＴキーを押しながら、外円へとドラッグする。
３．円の中心から内円が作成されるので、適当な箇所でドラッグを止める。
塗りの色をC:0%。M:0%。Y:0%。K:0%の白にする。線は無し。
４．多角形ツールを選択し、外円の真上の外側でクリックすると、多角形ダイアログ
が、表示されるので、辺の数：３と入力し、ＯＫボタンを押下。
５．正三角形が作成されたら、ダイレクト選択ツールを選択する。
６．正三角形の辺をクリックし、２等辺三角形になるように、ドラッグしていく。
塗りの色をC:0%。M:0%。Y:0%。K:0%の白にする。線は無し。
７．２等辺三角形の大きさをテンプレートの三角形の大きさにドラッグしながら合わ
せていく。
８．外円の真上外側に2等辺三角形が出来たら、回転ツールを選択し、外円の中心に
ALTキーを押しながら、クリックすると、回転ダイアログが表示されるので、
角度：４５°に入力し、コピーボタンを押下する。
９．２等辺三角形が外円を囲むようにコピーされるので、ＣＴＲＬ＋ｄボタン押下で
円周分、コピーを繰り返す。
10．文字ツールを選択し、外円真下をクリックする。
11．ＳＵＮＮＹと入力し、入力し終わったら文字を選択した状態で、選択ツールを
選択する。
12．文字パネルを選択し、文字：MS UI ゴシック 標準。フォントサイズ：26PTに
変更する。
雨マークをトレース
雨マーク作成。
１．楕円形ツールを選択し、カーソルを外円の中心に添える。
２．ALT+SHIFTキーを押しながら、外円へとドラッグする。
３．円の中心から内円が作成されるので、適当な箇所でドラッグを止める。
塗りの色をC:0%。M:0%。Y:0%。K:0%の白にする。線は無し。
４．再度、カーソルを円の中心に添える。
５．ALT+SHIFTキーを押しながら、内円へとドラッグする。
６．円の中心から先ほどの内円より小さい円が出来たところで、ドラッグを止める。
７．小さい円を選択して、CTRL+Cでコピーし、CTRL+Vで２回ペーストすると、
小さい円が２つコピーされるので、中心にある円に少し重なるようにドラッグ
する。
８．内円、小さい円全てを選択した状態で、パスファインダーパネルを選択する。
９．形状モード：前面オブジェクトの型抜きを２回選択して、内円、小さい円が
傘の形になったらＯＫ。
10．ペンツールに切り替え、傘の中心上をクリックして、SHIFTを押しながら、傘
の真下へと線を引き、クリックする。
11．直線が引かれるので、クリックした箇所から、Ｕ字になるようにドラッグする。
塗りは無し。線の色をC:0%。M:0%。Y:0%。K:0%の白にする。
12．傘の柄が出来たら、選択ツールに切り替え、線パネルを選択する。
13．線パネルの線幅：7ptに変更して完成。
14．文字ツールを選択し、外円真下をクリックする。
15．ＲＡＩＮＹと入力し、入力し終わったら文字を選択した状態で、選択ツールを
選択する。
16．文字パネルを選択し、文字：MS UI ゴシック 標準。フォントサイズ：26PTに
変更する。
曇りマークをトレース
曇りマーク作成。
１．楕円形ツールを選択し、カーソルを外円の中心に添える。
２．ALT+ＳＨＩＦＴキーを押しながら、外円へとドラッグする。
３．円の中心から内円が作成されるので、適当な箇所でドラッグを止める。
塗りの色をC:0%。M:0%。Y:0%。K:0%の白にする。線は無し。
４．さらに内円を囲むように、ALTキーを押しながら、正円を作成していく。
５．内円、複数の正円を選択した状態でパスファインダーパネルを選択する。
６．形状モード：合体を選択して複数の円が雲の形になればＯＫ。
７．文字ツールを選択し、外円真下をクリックする。
８．ＣＬＯＵＤＹと入力し、入力し終わったら文字を選択した状態で、選択ツールを
選択する。
９．文字パネルを選択し、文字：MS UI ゴシック 標準。フォントサイズ：26PTに
変更する。
雷マークをトレース
雷マーク作成。
１．多角形ツールを選択し、アートボードの適当な箇所をクリックする。
２．多角形ダイアログが表示されるので、辺の数：３を入力し、ＯＫボタンを押下。
３．正三角形が作られたら、選択ツールを選択し、正三角形の頂点をクリック後、
適当な位置までドラッグすると２等辺三角形になる。
４．２等辺三角形の２辺の片方にカーソルをクリックし、２等辺三角形の内側へドラ
ッグすると、鋭角な２等辺三角形になる。
５．出来上がった２等辺三角形をテンプレートの雷に合わせるように２等辺三角形を
傾け、適当な大きさに調整していく。傾きは、カーソルが２等辺三角形の付近で
左右カーソルが現れた時点でクリックし、傾きをテンプレートに合わせてドラ
ッグしながら、角度調整していく。
６．角度調整が終わったら、ダイレクト選択ツールを選択し、２等辺三角形の角に
カーソルを持っていく。すると、アンカーポイントが現れるので、テンプレー
トに合わせて、ドラッグしながら角の調整を行う。
塗りの色をC:0%。M:0%。Y:0%。K:0%の白にする。線は無し。
７．角の調整が終わったら、２等辺三角形を選択した状態で、CTRL+CとCTRL+F
を２回繰り返し、２等辺三角形の真上に同じ２等辺三角形が２個ペーストされ
る。
８．ペーストされた２等辺三角形の１個をドラッグしながら下に移動させ、適当な
箇所で元の２等辺三角形と、移動させた２等辺三角形を選択する。
９．パスファインダーパネルを選択し、形状モード：前面オブジェクトで型抜きを
選択すると、雷の根元が作成される。
10．2等辺三角形のペーストされたもう一つの2等辺三角形（雷の先端）を雷の根元
にくっつくように並べ、雷の根元と、雷の先端両方選んだ状態で、パスファイン
ダーパネルを選択する。
11．形状モード：合体を選択し、雷が落ちたような形になればＯＫ。
12．今作成された雷を選択した状態で、CTRL+CとCTRL+Fで、コピーされた雷が
ペーストされる。
13．コピーされた雷をテンプレートに沿って並べる。
14．文字ツールを選択し、外円真下をクリックする。
15．ＴＥＵＮＤＥＲと入力し、入力し終わったら文字を選択した状態で、選択ツー
ルを選択する。
16．文字パネルを選択し、文字：MS UI ゴシック 標準。フォントサイズ：26PTに
変更する。
台風マークをトレース
台風マーク作成。
１．楕円形ツールを選択し、ALT+ＳＨＩＦＴキーを押しながら、大きな正円を作成
する。
２．作成された大きな正円を選択した状態で、CTRL+C、CTRL+Fで大きな正円の
真上に大きな正円がペーストされる。
３．ペーストされた大きな正円を選択した状態で、選択ツールを選択し、ペースト
された大きな正円が三日月にみえるところまでずらしていく。
４．正円と、ずらした正円両方を選択した状態で、パスファインダーパネルを選択
し、形状モード：前面オブジェクトで型抜きを選択する。
塗りの色をC:0%。M:0%。Y:0%。K:0%の白にする。線は無し。
６．三日月のように見えたらＯＫ。
７．選択ツールを選択し、三日月の下弦を円の中心に置く。
８．三日月を選択した状態で、回転ツールを選択すると、回転ダイアログが表示さ
れるので、角度：４５°に入力し、コピーボタンを押下する。
９．三日月が中心を囲むようにコピーされるので、ＣＴＲＬ＋ｄボタン押下で円周
分、コピーを繰り返す。
９．外円の中心にALTキーを押しながら、クリックすると回転ダイアログが、表示
されるので、角度：真上外側に2等辺三角形が出来たら、回転ツールを選択し、
外円の中心にALTキーを押しながら、クリックすると、回転ダイアログが表示
されるので、角度：４５°に入力し、コピーボタンを押下する。
９．２等辺三角形が外円を囲むようにコピーされるので、ＣＴＲＬ＋ｄボタン押下
で円周分、コピーを繰り返す。
10．文字ツールを選択し、外円真下をクリックする。
11．ＴＹＰＨＯＯＮと入力し、入力し終わったら文字を選択した状態で、選択
ツールを選択する。
12．文字パネルを選択し、文字：MS UI ゴシック 標準。フォントサイズ：26PT
に変更する。
雪マークをトレース
雪マーク作成。
１．ペンツールを選択し、テンプレートの雪の先端をクリック後、さらに、外円の
中心をクリックして、ENTERキーを押下。
２．すると、中心めがけて直線が引かれる。
塗りは無し。線の色をC:0%。M:0%。Y:0%。K:0%の白にする。
３．直線を選択した状態で、線パネルを開き、線幅：５ｐｔに修正する。
４．次に、木の枝のように、テンプレートの斜め線の先端をクリック後、さらに
中心線と交わる個所をクリック。そのまま逆の斜め線の先端をクリックし、
ENTERキーを押下すると、木の形に似た図形が作られる。
５．直線と、木の枝両方を選択した状態で、オブジェクト→グループを選択すると、
直線と木の枝がグループ化される。
６．木の枝が出来たら、回転ツールを選択し、外円の中心にALTキーを押しながら、
クリックすると、回転ダイアログが表示されるので、角度：60°に入力し、
コピーボタンを押下する。
９．木の枝が外円を囲むようにコピーされるので、ＣＴＲＬ＋ｄボタン押下で円周分
、コピーを繰り返す。
10．文字ツールを選択し、外円真下をクリックする。
11．ＳＮＯＷと入力し、入力し終わったら文字を選択した状態で、選択ツールを
選択する。
12．文字パネルを選択し、文字：MS UI ゴシック 標準。フォントサイズ：26PTに
変更する。
カラーボックス削除
カラーボックス削除。
１．お天気アイコンのピクトグラムが完成したので、最後にカラーボックスを削除
して完成。
