コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。itアドビのイラストレーター(Illustrator:通称イラレ)を勉強中の方向けに、よく使うショートカットキーをまとめました。イラストレーターが使いこなせるようになってくると、「よく同じ操作をしてるなぁ」って感じる様になるはずです。なった時がまさに、ショートカットを覚える時です!フエルイラストレーターの特性上、同じ操作を繰り返す作業が多いので必須だよ。フォトショップも同じですが、初心者だった頃はショートカットキーって必要なの?って思ってました。出来ない人ほどショートカットを使わないんです。全部使う必要はないですが、よく使う物だけでも覚えておくと作業効率が格段に上がります。初心者でもよく使うショートカットと覚えるコツ覚えるコツはこれ!アドビのイラストレーターを使っていると、「なんだか同じ操作をしてるなぁっ」て事に気付くと思います。この操作ってショートカット出来ないかな?で、実際に操作してみる感じです。使う操作は大抵の場合初めからショートカットキーが割り当てられています。Windowsのキーで解説しています。Macの方はコマンドキーとオプションキーに置き換えてね。ダウンロード出来ます。ショートカット「直前の操作」をひとつ前に戻します。繰り返しCtrl+Zキーを入力すれば、可能な限り「ひとつ前に」戻れます。※これらはフォトショップと同じですね。左メニュー:パフォーマンスから変更できます。ショートカット「取り消し」をやり直したい時に使います。繰り返しShift+Ctrl+Zキーを入力すれば、可能な限り「先に」進めます。ショートカットレイヤーを選んでCtrl++Vキーを入力すれば、コピーした画像を貼り付けます。貼り付け方には基準があります。「アートボードを基準」にしているのであれば、貼り付け位置はアートボードの中央になります。ショートカットCtrl+Fキーで、コピーしたオブジェクトの前面に貼り付けます。コピー元オブジェクトとは別のサブレイヤーが前面(すぐ上の位置)に作られ、オブジェクトもピッタリ重なった位置に貼り付けられます。ショートカット先程とは逆で、Ctrl+Bキーでコピーしたオブジェクトの背面に貼り付けます。コピー元オブジェクトとは別のサブレイヤーが背面(すぐ下の位置)に作られ、オブジェクトもピッタリ重なった位置に貼り付けられます。ショートカットShift+Ctrl+Vキーで、コピーしたオブジェクト(サブレイヤー)をそのレイヤーの中の一番上に貼り付けます。前・背面へペーストと違いが分かりにくいですが、レイヤーの中に複数のサブレイヤーがあっても一番上に貼り付けます。重なり順を複数のサブレイヤーの中で一番上にしたい時は便利です。ショートカットCtrl+Aキーで、すべてのオブジェクトを選択します。ちなみにフォトショップだとカンバス全体が選択範囲として囲まれます。ショートカットCtrl+Lキーで、選択しているレイヤーのオブジェクトをすべて消去します。ショートカットアートボードを拡大、縮小します。Ctrl++キーで拡大。Ctrl+–キーで縮小。キーボードのテンキーにある「+」「-」で操作します。ショートカットCtrl+0で、画像の拡大率に関係なく画面表示領域一杯に拡大表示させる。ショートカットCtrl+1キーで、画面表示領域内で、画像自体を100%(実寸サイズ)にする。その為、画面表示領域に収まりきらず、スクロールバーが出る場合も。ショートカットCtrl+Rキーを押すたびに表示・非表示を切り替えます。定規上でマウスを画面中央方向へドラッグするとガイド線を引くことが出来ます。フォトショップと違って、ガイドライン自体もレイヤーで扱われます。ショートカットCtrl+:キーを押すたびに、引いたガイド線の表示・非表示を切り替えます。ショートカットAlt+Ctrl+:キーを押すたびにロック・ロック解除を切り替えます。レイヤーごとにロックを掛けるのと違って、すべてのガイドを一度にロック出来るので便利です。ショートカットCtrl+Uキーを押すたびオン・オフを切り替えます。オブジェクトをドラッグすると、オブジェクト同士の距離や座標が表示されます。スナップ機能と組み合わせれば、「整列」なども楽ですね。ショートカットCtrl+Sキーで保存。現在では一定時間ごとに自動保存されますが、こまめに保存しましょう。余裕があれば覚えたいショートカット使用頻度が高いのでこちらも覚えましょうね。「→」テキストツールで文字と文字の間にカーソルを合わせ、Alt+←キーを押すたびに文字の間隔を詰めます。反対にAlt+→キーを押せば文字の間隔を広げる事が出来ます。WAFとはプロポーショナルフォントの文字同士の間隔(アキ)を調整する技法のこと。簡単に言えば、文字同士の間隔をバランスよく調整する事で読みやすくします。フエルカーニングが上手に出来ていないと一気に素人感が出てしまいます。「→」テキストツールでテキストまたはテキスト全体を選択し文字の間隔を調整します。Alt+←キーを押すたびに選択した選択したテキストの間隔が詰まります。反対にAlt+→キーを押せば選択したテキストの間隔を広げる事が出来ます。カーニングとの違いは、1文字1文字同士の間隔調整か、テキスト全体の文字間隔の調整かです。トラッキングとは選択したテキストまたはテキストブロック全体の文字間隔を調整する処理です。「↓」トラッキングと同じ様にテキストツールでテキストを複数行またはテキスト全体を選択し、行間隔を調整します。Alt+↑キーを押すたびに複数選択したテキストの行間隔が詰まります。反対にAlt+↓キーを押せば選択したテキストの行間隔を広げる事が出来ます。DDキー入力で、塗りが白、線が黒の初期状態に戻ります。XShift+Xキー入力で、「塗り」と「線」を入れ替えます。スペースバースペースバーを押し続けるとカーソルが手のひらの形になり、その状態でドラッグする事でカンバスを移動させる事が出来ます。十字キーShift+十字キー入力で、オブジェクトを10ピクセルずつ移動させる事が出来ます。十字キーだけだと1ピクセルずつです。ショートカットCtrl+Gキー入力で、オブジェクトをグループ化し、同じサブレイヤーにまとめられます。グループ化する事によって、まとめて移動やコピーなどが出来ます。管理しやすくなる半面、間違えて関係ないものまでグループに加えてしまわない様に注意が必要です。ショートカットCtrl+Dキー入力で、直前の操作を何度も繰り返すことが出来ます。便利なショートカットなので、使う機会はかなり多いです。)で威力を発揮します。イラストレーターの強みを活かせる操作ですね。ツールに切り替えるショートカット左メニューにあるツールボタンはペンなら「P」、テキストなら「T」の様に英単語そのままのキーで切り替え可能です。ツールによってはツールアイコンの中に別のツールが格納されています。キーを少し長押しで表示させるか、Alt+クリックで切り替える事も出来ます。ショートカットTキー入力で、テキストツールに変更出来ます。文字入力するのにマウス操作があると不便なのでキーボードでスムーズに切り替えましょう。イラレはテキスト入力をよく使うので必須のショートカットの1つです。ショートカットPキー入力で、ペンツールに変更出来ます。図形作成や切り抜きなど、ベジェ曲線をよく使うので覚えておきたいですね。イラレではシェイプの変更にもよく使うので必須のショートカットの1つです。ショートカットVキー入力で、選択ツールに変更出来ます。オブジェクト全体を選択する時に欠かせません。選択ツールは複数ありますが、こちらはオブジェクト全体を選択するのに使います。ショートカットAキー入力で、ダイレクト選択ツールに変更出来ます。オブジェクトの一部を選択する時に使う訳ですが、オブジェクト操作時に「選択」と「ダイレクト選択」を頻繁に切り替えるので覚えておくと便利です。選択ツールは複数ありますが、こちらはオブジェクト全体を選択するのに使います。まとめ、イラレのショートカットいかがでしたか?よく使うツールをご紹介しました。細かく見ればもっと沢山ありますが、必要に応じて覚えれば良いと思います。他にもツールによっては、使うときにAltで操作の基点を指定したりと、知らないと上手く使えないイラレならではの操作もあります。フォトショップと似ている所も沢山ありますので、覚えるだけの価値はありますよ。フリー素材の使い方HTML・CSS2023.04.16CSSの単位を使い分け、違いを理解して便利に使おう検索:FUERU(フエル)ウェブデザイナーが知識と経験をもとに、制作やSEO対策、ITスキルについて解説・発信するブログ。デザイン・コーディングからSEO対策やライティングなど幅広くWEB制作をしています。スキルアップして仕事に活かしましょう。コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。