うんてれぺんた

めっちゃ用事が立て込んでてお絵描きどころじゃなかったけど、無理せずブログ放置したお陰で元気です。( ｰ`дｰ´)ｷﾘｯ 引き続きスタンディング姿でチュートリアルを続けたいと思います。 次はStep 4-4、文字の入力だそうです。そんなんもう知ってるよ、と思ったけど。。。 IllustratorことはじめStep4：イラストを描き様々な印刷物に横展開していく方法 Step 4-4でやったことメモ↓ パス上文字ツール →「文字ツール」のメニューの中に「パス上文字ツール」というというのがあり。いちいち切り替えて使うのかと思いきや、「文字ツール」のままで「パス上文字ツール」にできると知ってカルチャーショック。 →まず「ペンツール」を使って、文字を沿わせるための適当な曲線を描いておく。その後「文字ツール」に変更し、そのまま曲線の上をホバーさせると、ピンク色で「パス」と表示されるので、そこでクリックして入力すると自動的に「パス上文字ツール」になる。 パス上文字ツールが意外と直感的に使えると知りました Creative Cloudメンバーが無償で使えるTypeKit →文字パネルの右上に「フォントを追加」というボタンがあれば、TypeKitを追加できるというのが面白かった。 ***** 。。。えっ？今回これだけで終わり？ でも、せっかく買ったペンタブを早速使ってみました。「パス上文字ツール」の練習用に描いた波線一本だけですが。。。笑

ペンタブのお陰でスピーディに色塗りができた！ ちょっと体が弱ってきて集中力が切れたので素直に休んでました。煮詰まってたのかも。Illustratorに熱中してる間は部屋が散らかり放題だったのですが、何日か遠ざかってみたら自然と片付ける気になったり、不用品をリサイクルに出すといった気分になってきました。バランスが悪かったのかな。 一番の成果は、デスクの上に キャンプ用のミニテーブル を載せて、立って作業することを思いついたことです。あとで気づいたけど、これって流行りのスタンディングデスクと同じ考えですね。もちろん立ちっぱなしなので足裏は痛くなるんだけど、慢性的な肩こりや腰回りの不快感がなくなって「もっと早くにこうすればよかった〜」(ToT) ***** というわけで、立ったままで大物チュートリアル、まだまだ続きます。 次はStep 4-3、イラストに色を塗り塗りするお話です。今回から新兵器のペンタブを使っていきます！ IllustratorことはじめStep4：イラストを描き様々な印刷物に横展開していく方法 Step 4-3でやったことメモ↓ 塗りブラシツール →なんとなく存在は知ってたけど使ったことのない機能。「ブラシツール」が線に太さを与えて塗るのに対し、「塗りブラシツール」は塗った部分がそのまま面のオブジェクトになるのが特徴。 →「線レイヤー」の下に「塗りレイヤー」を作ってから、「塗りブラシツール」で塗ると良い。塗りが線からはみ出しても大丈夫。後で「消しゴムツールで」はみ出た部分を消すことができる。 ***** 今回の4-3は塗りの話だけでした。いやーペンタブあって助かった〜。これにマウスで色を塗るとか、時間かかりすぎて発狂してたかも知れない。 「塗りブラシツール」で大雑把に塗り、はみでた部分を「消しゴムツール」で削る、というのを繰り返したのがこれです。でもまだ「塗りブラシツール」の線幅(筆圧？)コントロール方法がよく分からなくて、細かい部分を塗るのに苦労したかな。。。このへんは徐々に勉強していきたいと思います。 とりあえずペンタブで塗ってみたところ Step4-3チュートリアル後半で、影を塗るという話があったのでやってみたけど、塗ってない顔とかシャツとかまで色が入ってしまったので、さらに塗り足し...

今回は線のタッチを変更する方法などを学びました 大物チュートリアル、続けていきます。次はStep 4-2、トレースした絵の見栄えを調整するというお話です。 IllustratorことはじめStep4：イラストを描き様々な印刷物に横展開していく方法 Step 4-2でやったことメモ↓ はみ出した線の処理 →「ブラシツール」で描いてはみ出した線は「消しゴムツール」で消せばいいという話なんですが、私のように「ペンツール」で描いて線幅をいじった線はうまく消せなかったという。。。(変形しちゃった)。 Shaperツール＞連結ツール →見るのも聞くのも初めての機能。私のデフォルトのツールボックスにはShaperツールが見当たらず困惑。そこでツールボックス最下部の「･･･」を押して、すべてのツールを表示させ、隠れていた「Shaperツール」をツールボックスにドラッグ配置。ふう。 その「Shaperツール」の中に「連結ツール」が。。。と思ったら、無いし！よく見たら、ビデオに紹介されてる「連結ツール」のほか「鉛筆ツール」「スムーズツール」「パス消しゴムツール」も全部入ってない。→自分で手動追加。 やっと「連結ツール」を使って、交差したパス上で、削除したいセグメント上をドラッグすると、そこだけ消えて残りのパスが繋がるという魔法ツール。これは1線ずつ描いて行く時に便利かも！→Adobe blogに 詳細が載ってました 線のタッチの変更 →タッチを変更したい線を選択した状態で、ブラシ一覧から他のブラシ(今回は「木炭画・ぼかし」)を選ぶと、線のタッチが変わる。また、その場合でも線の太さは線パネルで数値を変更することができる(1pt→0.75ptなど)。 シャツの縦縞を木炭画タッチに変更 絵だけ見るとほとんど何も変わってない気がするけど、内心すごい冒険した気分なので、今日はここまでにしとこう。笑

チュートリアルの前に、トレース済みの絵を用意する さて、Illustrator初心者向けチュートリアル第4弾はちょっと大物です。なんとビデオが10回分もあるという。。。それだけ大事なことが詰まってるんでしょうね。 IllustratorことはじめStep4：イラストを描き様々な印刷物に横展開していく方法 練習用のサンプルファイルをダウンロードしたら注意書きが。「本素材は、練習用素材としてのみ、御利用頂けます。作品の公開はお控えください。」ですって。ということは、このブログに絵を載せちゃ駄目ってことか。困ったな、自分で描くしかないか。 ペンタブ持ってないけど、たまたまiPadとApple Pencil(全然使ってない)は持ってたので、ちょっとヘタな下絵を描いてみました。iPadのAdobe SketchアプリからそのままMacBookのPhotoshop CCに画像を送信できるなんて便利！何でもやってみるもんだ。 iPad + Apple Pencilで描いた手描きの絵。今回これで行きます。 しかし、今回のチュートリアルではペンタブ使うって言ってるんですけど。。。マウスしか持ってない人はベジェ曲線でトレースするってことになるんだろうか。ううーむ。 恐る恐るビデオ(4-1)を見てみます。。。あと、知らなかった事もメモ。 ドラッグしながら配置 →下絵を配置するとき、ドラッグしながらやれば最初から任意の大きさで配置できるなんて知らなかった！(いままでずっと配置してからサイズ変更してた) レイヤーのテンプレート機能 →配置した下絵が選択された状態で、レイヤーパネル右上オプション(≡)内の「テンプレート」を選択すると、一発でレイヤーにロックがかかり色が薄く表示される！地味に便利。これも今まで全部手動でやってた。。。 ブラシライブラリメニュー →ブラシパネルの左下にあり、中に様々なブラシ(筆圧感知対応)が入っているのだそうです。ふむふむ、覚えておこう。 ペンタブで筆圧感知させる →これはペンタブ買うまで実験できないのだけど、やり方だけメモ。 ブラシツールで5ptの丸筆(基本のやつ)を選び、ダブルクリック。→「カリグラフィブラシオプション」画面が出てくる。デフォルトだと「直径：固定」となっている所を「直径：筆圧...

Illustratorチュートリアルの練習ファイルは最初からカッコいい いま流行している水彩エフェクトは素敵だなーと思うけど、制作工程がちょっと複雑な気もしてきた今日このごろ。もっとベーシックな質感を出せる方法はないかと思ったら、AdobeのIllustratorチュートリアルでこんなのがありました。 オブジェクトに質感を追加し、作品の深みを演出する⽅法 要はアピアランスに「テクスチャ(粒状)」を適用するという話で、砂絵っぽい感じの仕上がりなります。例題がカッコいいので、ちょっとやってみることにしました。しかし一見シンプルな絵なのに、練習用のサンプルファイルが35MBもあるのは何故じゃ。。。 アピアランスの塗りを複製 →今回「アピアランスの塗りを複製」というのを見て、アピアランスもレイヤーとして扱う事が出来るのか〜！とカルチャーショック。しかも、複製した塗りにグラデーションを適用して、下の塗りを透かすなんて事ができるとは。。。(今までわざわざオブジェクトごと複製して同じことをやってた orz) アピアランスに新規効果を追加 →そしてアピアランス画面下部の「新規効果を追加(fx)」アイコンをクリックし「テクスチャ＞粒状」を選択すると「粒状」ダイアログが出てきて、右側のパラメータをいじると粒の雰囲気が変わる。 今回は「粒子の種類：拡大」を選んで大きなツブツブにした上で「密度：75」「コントラスト：75」に設定。 アピアランスの塗りの不透明度 →上記でグラデーションにしたアピアランスの塗りの「不透明度」を開くと、透明パネルが開くので、描画モードを「乗算」に変更。全く違和感のない操作感なんだけど、これってアピアランス内でやってるんだよなぁ。こんな事ができるとは。。。 アピアランス効果の再利用 →ここまでは月のオブジェクト(レイヤー上にはsunと書いてあるが...)に対して効果を設定。そのグラデ月を選択した状態で「ウィンドウ＞グラフィックスタイル」を呼び出し、下部の「新規グラフィックスタイル」アイコンをポチッとやると、月に適用している粒状グラデのアピアランスがまるごとスタイル登録される。(そもそもグラフィックスタイルの存在を全く知りませんでした orz) →一度登録されたグラフィックスタイルは、スウォッチのように使えるように...

チュートリアル課題のメニューついに完成 Illustratorチュートリアル第3弾の最後(Step3-3)です。カフェのメニューの仕上げをやってみます。なんとAdobeのチュートリアル、ここまで話を引っ張ってから初めてレイヤー操作の話が出てくるという。(こちら古い人間なので、レイヤーの概念なしにここまで進んで来れた事のほうがむしろ新鮮) IllustratorことはじめStep3：実践「印刷物の作成」 今回の目からウロコをメモしてみます。 コーナーウィジェットの変形技 →矩形の四隅の点をつまむと簡単に角丸矩形が作れて便利なコーナーウィジェット。これをドラッグしながらキーボードで上下キーを押すと、角丸だけでなく「面取り」や「凹み」に形状を変更できる。想像もつかなかった技だけど、これは地味に便利かも。。。 パターンの登録 →今までバカ正直に「オブジェクト＞パターン＞作成」という順序でパターン登録してたけど、なんとビックリ、オブジェクトをスウォッチにドラッグ＆ドロップするだけで良かったとは！(マジで知らなかったorz) ただ、どういうわけか「選択ツール」でドラッグ＆ドロップしようとすると、時々ただの移動になってしまってスウォッチ登録画面に反応しづらい。だけど「ダイレクト選択ツール」でドラッグ&ドロップすれば100%スウォッチ登録できる。謎。 パターンの編集 →スウォッチ上のパターンをダブルクリックすると、パターンの編集画面になる。中央の青枠で囲まれた部分がタイルの範囲。「パターンオプションパネル」画面内左上の「パターンタイルツール」アイコン(存在すら知らなかった)をクリックすると、この青枠のサイズを変更でき、タイルの間隔を変えられる。 →また「パターンオプションパネル」内の「タイルの種類」はデフォルトで「グリッド」だが、「レンガ」や「六角形」なども選べる。(今回は六角形を使用) →パターン間隔の調整が終わったら「パターンタイルツール」をOFFにする。この状態でパターンそのものの形状を編集出来るようになる。オブジェクトを追加したり移動したりすると、リアルタイムでパターンが変化する。 →パターン編集画面を終了するには、画面上部の「◯完了」をクリック。 PDF保存 →複製保存時に「Adobe PDF」を選べばPDF保存...

チュートリアルによる架空カフェのメニュー、作成途中です 前回 、Illustratorチュートリアル第3弾(Step3-1)でカフェのメニューを作り始めました。今回はその続き(Step3-2)のビデオ分をやってみます。 IllustratorことはじめStep3：実践「印刷物の作成」 例によって目からウロコだったことをメモしとこう。。。 タブパネルを使ってタブ間隔を設定 →この技をもっとはやく知っていれば、会社の仕事もずいぶん楽だったのに。。。と落ち込んだやつ。メニュー名称と価格の間をTabで区切っていくのがポイント。そのままだと当然、価格の先頭が揃わずガタガタになるので、何をやってるんだろうと思ったら。。。エリア内テキスト全文選択した状態で「ウィンドウ＞書式＞タブ」を開くと、テキストのバウンディングボックスの上に「タブパネル」という定規みたいな画面が出てくる。定規上の任意の箇所をクリックすると、全Tabが一斉にその位置に揃う。(今までこれを毎回手動でやってた。。。orz) タブパネルを使ってタブのリーダーを設定 →Tabが占めている空間に「・・・」とナカグロ(リーダー)を入れて見やすくする方法。上と同じ「タブパネル」内の右上の「リーダー」項目に「・」をひとつ入力するだけで、自動的にリーダーが「・・・・・」と設定される。これも便利！ 線幅と効果を拡大・縮小 →これも知らなかった〜！恥ずかし〜。拡大・縮小時に線幅が狂わないように、いままで毎回アウトライン化して対応してました。(当然、それ以降は線として編集できなくなるので非常にやりにくかったです。。。)　正しくは、選択ツールで何も選択されていない状態で「プロパティ」を開くと「線幅と効果を拡大・縮小」というチェックボックスが出てくるので、これをチェックするだけでOKだったのでした。トホホ。。。 複数の画像を一気に配置 →「ファイル＞配置」で画像を選ぶとき、複数の画像を一気に選ぶことができると初めて知る。例えば5枚選ぶとカーソルに「1/5」と表示され、クリックした位置に順番に貼り付けされる(ドラッグすれば任意の大きさで配置できる)。または、貼り付ける前にカーソルキーを押せば「1/5→2/5→3/5→...」と画像切り替えができる。 クリッピングマスクのショートカット →「⌘...

コバルトヤドクガエルの写真トレース(左)とローポリ(右) 超初心者向けのIllustratorチュートリアルの第3弾に入ります。カフェのメニューを作るというお題なのに、なんでカエルの絵が貼ってあるのかは後ほど。。。このチュートリアル、内容的にちょっとボリュームがあるので分割してやってみます。今回やるのはStep 3-1のビデオの分です。 IllustratorことはじめStep3：実践「印刷物の作成」 毎度知らないことが盛りだくさんなので、学んだことをメモメモ。。。(現在、Illustrator 2019を使っております) ガイドを用紙中央に配置 →恥ずかしながら「定規からガイドを引っ張ってくる」という基本を知りませんでした。しかも定規の出し方が「プロパティ＞定規」というのも初めて(表示＞定規しか知らなかった)。もっというと「選択ツールを選んでるけどオブジェクトが一つも選択されていない状態」でしか「プロパティ＞定規」が表示されないという臨機応変な仕様であることも知らず、最初ちょっとハマりました。 あと、ビデオではいとも簡単に用紙中央にガイドを配置してるけど(中央にスナップされてた)、自分でやってみたらなぜか中央スナップされず、手動合わせは無理でした(原因を調べたけどよく分からず)。しかも初回のガイドは自動ロックがかかって位置が修正できないみたいだし。なので結論としては、「定規を出す→ガイドを適当な位置に作成→ガイドのロックを外す→整列ツールで中央に配置→再びガイドをロック」が確実なのではないかと。このへん、ビギナー向けにもうちょっと説明が欲しかったな。 アートボードにセンターマークを表示 →これは今回のチュートリアルに関係ないのですが、上記のガイドを中央配置する件で悩んでた時に初めて知った機能です。「アートボードツール」をクリックして出てきた画面(アートボードオプション)の中に、「センターマークを表示」「十字線を表示」というのがあり、チェックを入れると中央を示す緑色のマークが現れます。これは便利かも。 ポイントテキスト vs エリア内テキスト →普通にテキストと呼んでたけどそういう呼称だとは知りませんでした。あと、テキスト選択中にプロパティを開くと文字関連のツールがひとまとめに表示されるのを見て「そういう事だったのか！プロパ...

お天気アイコンと食事アイコン 超初心者向けのIllustratorチュートリアルの第二弾やってみます。単純図形を組み合わせてピクトグラムを作るという練習です。 IllustratorことはじめStep2：応用「アイコンの作成」 正直「オブジェクト結合？そんなん散々やってきたから知ってるよ！」と思いながら見始めたのですが。。。。うおおおお、やっぱり知らない機能の紹介がいっぱいあった〜！！すみません旧人類すぎてナメてました、反省して出直します。(涙) シェイプ形成ツールで結合 →今まで複数の図形を結合するときは「パスファインダー＞結合」でチクチクやってましたが、「シェイプ形成ツール」を使えば簡単に結合できるよ！というお話。ドラッグするだけでオブジェクトを任意結合できるのでめっちゃ便利。知らなかった。。。 シェイプ形成ツールで型抜き →複数のオブジェクトから不要な部分を型抜きする場合も、パスファインダーで重なりを気にしながらやる必要なし。「シェイプ形成ツール」で⌥を押しながらドラッグすれば対象オブジェクトだけが型抜きされます。これも便利！ レイヤーを使わずにロック →今までオブジェクトがずれないようにロックするにはレイヤー上の鍵マークをチクチク操作してましたが、いちいちレイヤーを見に行く必要はなかったと判明。。。ロックしたい対象を選択した状態で、「オブジェクト＞ロック＞選択」とやればロック完了！ ⌘+Dで変形の繰り返し →これも基本操作だと思うんだけど使ってなかった。。。一つ前の操作を繰り返す方法で、等間隔にオブジェクトを配置したい時などに便利。メニューからだと「オブジェクト＞変形＞変形の繰り返し」に相当するんですが、よく使う機能なので「⌘＋D」というショートカットが用意されてます。すごい時間節約になるのでもっと使うようにしよう。 回転コピー(回転の中心を移動) →回転コピーはやったことあるけど、しょっちゅうではないので忘れてました。回転の中心を移動するには⌥＋クリック。回転コピーにはダイアログに数値(回転の角度)を入力し「コピー」を選択。そして上記の⌘＋Dを使って回転コピーの繰り返しを行えばOK。 連続的にズーム/ズームアウト →画面のズームはショートカット(⌘＋− 等)でよく使ってたけど、ズームツールを左右にドラ...

長年デザインの仕事でIllustratorを使ってはいたのですが、フタをあけてみると実に限られた機能しか使ってなくて、時代遅れのやり方しか知らなくて、あ〜ら恥ずかしい。 AdobeではIllustratorチュートリアルを公開してますが、今回その中の一番初心者向けのやつを「こんなの楽勝でしょ？」と思って観てみたら、意外とおばさんの知らない機能がいっぱい紹介されてて凹みました。。。orz IllustratorことはじめStep1：まずはここから「図形の組み合わせで絵を描く」 そういやずっと自己流だったから、こんなふうに系統だてて教わったことは無かったな。。。悔しいから、初心に還って愚直にAdobeチュートリアルをやってみて、目からウロコだった事などをメモしておこうと思いました。(上記のチュートリアルビデオ参照) 見れば見るほど初歩的なことを知らずに使ってきたことを痛感。。。 三角形の作り方 →多角形ツールで適当に六角形を描き、そのままバウンディングボックス(?)の辺の上にある小さなダイヤ型の「辺の数」スライダを最小に動かすことで六角形→三角形にできる。 ドームの作り方 →三角形の角にある二重丸をドラッグすると角丸になる。ダイレクト選択で頂点のみ選択し限界まで角丸にし続けるとドーム状になる。 オブジェクトの中心から作図 →基本だろうけど知らなかった！通常は斜めドラッグで隅から作図だけど、⌥＋ドラッグすれば中心から作図できるし、中心を起点にした拡大縮小もできる。 移動コピー →これも基本中の基本だろうけど、オブジェクト選択後に⌥＋ドラッグで移動コピーになるって知らなかった。。。(いつも⌘＋C、⌘＋Fで同位置にコピペしてた orz) 表示＞アウトライン →これで塗りも線色もないパスも含めて全てのオブジェクトが表示される(白黒)。通常の画面に戻すには、表示＞プレビュー。 ＊＊＊ というわけで、今回学んだことを応用してシームレスな背景画像を作ってみました。ちょっと北欧デザインっぽくなってイイ感じです。(以下の画像にはサインが入ってますので、シームレスに使うには イラストAC から無料ダウンロードしてください) おうちがいっぱい＠イラストAC