Hubオペレーション支援ソフトウェア。無料ツールからプレミアムエディションまでご用意アプリマーケットプレイス日常的にご利用のツールとHubSpotを連携できます。Emailメルマガに登録するマーケティングブログEメールアドレスハブスポットはお客様のプライバシー保護に全力で取り組んでいます。ハブスポットは、コンテンツ、製品、サービスに関連する情報を配信するため、お客様から提供された情報を利用します。この情報配信はいつでも停止できます。詳細については弊社の「プライバシーポリシー」をご覧ください。イラストレーター)は、世界中のデザイナーから愛されているデザインツールです。企業のマーケティングでも、ロゴやアイコンなどにイラストレーターを使ったグラフィックデザインが多く起用されています。Adobeアプリの基礎ガイドをご覧いただけますAdobeはイラストレーターだけでなく、さまざまなクリエイティブ制作に役立つ高品質なアプリを提供しています。料金プランや代表的なアプリの概要をまとめていますので、他のツールにも興味がある方、これから本格的にクリエイティブ制作を始めたい方はぜひ参考にしてみてください。イラストレーターにはさまざまな機能がありますが、最初から全ての操作方法を学ぶ必要はありません。基本的なデザインに必要な8つの操作方法を覚えましょう。本記事では、イラストレーターの基本的な使い方を初心者の方向けにわかりやすく解説します。アプリの基礎ガイドイラストレーターの基礎知識イラストレーターは、次のようなデザイン制作に使用できます。Photoshop(フォトショップ)との大きな違いは画像形式です。フォトショップがラスタ形式なのに対し、イラストレーターはベクタ形式のため、拡大縮小に強くサイズを変えても崩れないという特徴があります。そのため、サイズを変更する印刷物やロゴなどのデザインに適しています。Cloud(CC)のサブスクリプションサービスとなっています。Cloud公式ページからご確認ください。イラストレーターのバージョンは時々更新されますが、基本的な操作は同じです。macとwindowsではショートカットキーが異なりますので、その点だけ注意が必要です。イラストレーターの使い方・基本操作イラストレーターを使い始めたら、まずはこれから紹介する8つの操作方法を覚えましょう。新規ファイル作成まずは新規ファイルを作成してみましょう。保存をするときは「ファイル」の「保存」を選択してください。ファイルには名前をつけることができます。基礎知識として、印刷データとWebデータの違いについても知っておきましょう。デザイン用途が印刷かWebかで、使用カラーや画像の解像度が変わります。印刷用とWeb用では使用するカラーが異なるため、実際のカラーも異なります。<画像の解像度の違いについて>Web用と印刷用で画像の必要解像度も変わります。一般的に、Webは72dpi、印刷物は350dpiの解像度が必要です。Web用の画像を印刷物で使用する場合は、約5倍の画像サイズが必要となるので注意しましょう。)のツールが備わっています。この4つの基本的な図形を使い、複雑なデザインに応用していくのです。図形の作り方をご紹介します。長方形ツールを長押しすると、以下のような図形が表示されます。必要なツールを選択し、作図してみましょう。長方形ツール角丸長方形ツール楕円形ツール多角形ツールスターツール画像SNS投稿やバナーの作成など、画像挿入はなにかと使う機会が多いのでしっかりと覚えておきましょう。ここでは基本となる画像の入れ方についてご紹介します。「ファイル」の「配置」を選択リンクのチェックを外し画像を埋め込むこれで画像を挿入できます。2でリンクのチェックをつけたままにすると、画像がリンクとして挿入されます。「埋め込み」と「リンク」の違いは以下の通りです。画像の埋め込み:イラストレーターのプレビューに画像が表示されるリンク:イラストレーターのプレビューに画像表示されない(リンクのみ)プレビューで画像は表示されませんが、作業中は「リンク」にしておくと動作が軽くなるのでおすすめです。リンクの場合には元画像を編集するとそのまま反映されるのも利点です。テキストテキストの挿入も、イラストレーターでよく使う操作方法の一つです。ここでは、文字ツール機能や文字の入力方法、文字のアウトライン化についてご紹介します。<文字ツール機能>イラストレーターの文字ツールは全部で7つです。種類とそれぞれの特徴を見ていきましょう。編集を行うツールパネルの「文字ツール」を長押しすると、「エリア内文字ツール」「パス上文字ツール」など隠れている文字ツールを選択できます。※Enterキー(Returnキー)で改行できます。「文字(縦)ツール」も入力方法や使い方は同じです。※Enterキー(Returnキー)で改行できます。「エリア内文字(縦)ツール」も入力方法や使い方は同じです。「パス上文字(縦)ツール」も入力方法や使い方は同じです。動かしたい文字をクリックドラッグやドロップで変形させる<文字のアウトライン化>文字のアウトライン化とは、簡単にいうと「文字」を「図形」にすることです。フォント(文字)をオブジェクト(図形)情報に変換することで、他のパソコンや別環境で開くときの「文字化け」などを防ぐことができます。文字のアウトライン化のやり方は次のとおりです。「書式」の「アウトラインを作成」を選択カラーデザインにはカラーも重要なポイントです。ここでは図形やテキストの色変更の方法についてご説明します。※色を無しにする場合は、赤い斜線の四角をクリック<カスタマイズした色のつけ方>カラーパネルの見本から選びたい色が無い場合は、カスタマイズした色をつけることもできます。色をつけたい文字をクリックプロパティパネルから「塗り」「線」をクリックし、カラーパネルから色を設定レイヤーレイヤーとは「層」や「重なり」を意味します。イラストレーターではアートボード上に、図形が描かれた複数のレイヤー(層)を重ねて絵やイラストを制作します。レイヤーをつけずに作業することも可能ですが、「修正に時間がかかる」「自分以外の人にデータを渡したときにわかりにくい」などのデメリットがあります。「背景」や「人物」など、まとまりごとにレイヤーを作るのがおすすめです。レイヤーは「ウィンドウ」の「レイヤー」を選択し、レイヤーパネルから変更できます。ペンツール「ペンツール」をマスターすれば、独自のロゴやアイコンを作れるようになります。ここではペンツールを使う上で知っておきたい用語や、直線と曲線の描き方をご紹介します。押さえておきたいのが「ベジェ曲線」と「アンカーポイント」です。イラストレーターのペンツールを使って描く曲線を「ベジェ曲線」といいます。「アンカーポイント」とは、描かれる形の関節のようなものです。三角形を例にすると、3つの角の点が「アンカーポイント」となります。直線はクリックで点と点を結んで描き、曲線はドラッグをして描きます。Adobe公式ページでは動画を使ってペンツールの使用方法を分かりやすく説明しているので参考になるでしょう。クリッピングマスク画像サイズが大きいときなど、画像をトリミングするのに使用するのが「クリッピングマスク」です。長方形の図形でクリッピングマスクを使用する方法をご紹介します。画像がトリミングされるクリッピングマスクでは、長方形だけではなく、円や多角形などその他の図形で画像を切り抜くことも可能です。初心者向けイラストレーターの使い方が学べる動画イラストレーターは、動画で使い方を学ぶのがおすすめです。イラストレーターの使い方を体系的に学べる動画サイトを厳選して2つご紹介します。IllustratorチュートリアルAdobe公式ページには「今日から始めるIllustrator」や「1分で分かるIllustrator」など、多彩なテーマで動画が用意されています。初心者には特に「Illustratorことはじめ」というシリーズがおすすめです。動画で基礎を学びながら、アイコンや制作物などを一緒に作成することができるようになっています。シリーズを3つご紹介します。1:図形の組み合わせで絵を描くこの動画では、図形を使ってお手本通りの絵を描きます。イラストレーターの立ち上げから、図形の作り方や動かし方、保存方法まで幅広く網羅されています。約15分の動画で基本的な操作を身につけられます。出典:IllustratorことはじめStep1:まずはここから「図形の組み合わせで絵を描く」2:アイコンの作成こちらは基本の図形作成を応用してアイコンを作成する動画です。「オブジェクトの合成」など図形を変形させる方法が詳しく説明されているので、動画内容を覚えることで好きな形のアイコンを作成できるようになります。出典:IllustratorことはじめStep2:応用「アイコンの作成」3:印刷物の作成この動画では、レストランのメニューを例に「印刷物」を作成する手順が理解できます。文字の入力をはじめ、画像挿入やレイアウトなどを学べるので、印刷物だけでなくWebコンテンツにも応用しやすいというメリットがあります。出典:IllustratorことはじめStep3:実践「印刷物の作成」Udemy「Udemy」はスキルアップしたい社会人向けの情報サイトです。有料にはなりますが、自分のレベルに合わせて、数時間の動画講座を受講できます。ここでは、イラストレーターの使い方を学べる初心者向け動画講座を2つご紹介します。Illustrator(イラストレーター)グラフィックデザイン実践基礎講座この講座では、イラストレーターのグラフィックデザインの基礎を学べます。アイコンやロゴなどを、実際に自分でも制作しながら受講できることがポイントです。6.5時間という長編の動画ですが、学習期間に制限がないため、自分のペースで進めることができます。CCの基礎から応用まで学べる講座です。24時間のオンデマンドビデオで、初心者からプロレベルのスキルが身につけられます。イラストレーターのほぼすべての機能を網羅したい方におすすめです。完全ですべてをゼロから最短で学べる標準Illustratorコース【実践編】イラストレーターで簡単に作れるバナーデザインSNS投稿やバナーなどのWebでよく見かける画像の中には、これまで紹介した8つの基礎知識で作成できるものも多くあります。イラストレーターの基本的な使い方を学んだあとは、実際に画像を作成して練習してみましょう。こちらで作成していくのはインスタグラム用の広告画像です。写真の埋め込みファイルを作成し、まずは使用したい写真を埋め込んでいきます。今回はインスタグラムの広告なのでサイズ比は1:1でファイルを作成します。写真をトリミングクリッピングマスクを使用して写真を好きなサイズにトリミングします。写真の位置をずらしたい時は、選択ツールの状態でオプション+コマンドを押すと写真の位置を変更できるようになります。図形の入れ込み装飾として長方形を入れ込んでいきます。テキストを入れたい箇所に長方形を配置するだけでおしゃれな印象になります。広告用のコピーを入力します。この時点ではまだカラーなどは変更せず、全てのテキストを配置しましょう。することで一度全体のバランスを確認できます。テキストカラーとフォントの変更テキストを配置した後は、最後にカラーやフォントを変更します。全体のバランスを見ながらサイズなどの微調整もしておきましょう。以上で画像の作成は完了です。画像をJPEGやPNGデータとして書き出す場合は「ファイル→書き出し→書き出し形式」を選択します。イラストレーターの使い方を覚えるには、練習を繰り返すことが大切です。Adobeソフトには7日間無料体験版があるので、まだインストールしていない方はまず無料版で試してみましょう。イラストレーターの基本的な使い方は難しくないイラストレーターの基本的な使い方は、一度覚えてしまえばそれほど難しいものではありません。基本的な操作方法をマスターすれば、Webコンテンツからオリジナルの名刺、チラシ、パンフレットといった制作物を幅広くデザインできます。基礎をマスターしたら、それをベースにどんどん応用していくことも可能です。本記事や紹介したチュートリアル動画を参考にしながら実際に取り組んでみてください。2023年4月14日トピック::adobeいかがでしたか?お気に召したのであればシェアはこちらから。プライバシーポリシーセキュリティーウェブサイトアクセシビリティ。