【Illustrator】グラフィックスタイルの追加・編集方法

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Illustrator（イラストレーター）のグラフィックスタイルを追加・編集する方法を詳しく解説します。

イラレを使った作業効率を格段に高められる便利な機能であるグラフィックスタイル。
自身で作成したグラフィックスタイルの登録方法、ダウンロードしたグラフィックスタイルの登録方法など、イラレ初心者の方にも分かりやすく解説いたします！

この記事の目次

グラフィックスタイルとは？

Illustratorのグラフィックスタイルを活用すると、作成したオブジェクトやテキストの見た目を一瞬で変える事ができます。
自身で作成したグラフィックススタイルを登録・適用、他者が作成したダウンロードしたグラフィックスタイルを登録・適用できるなど、幅広い活用が可能！

Illustratorを使ったクリエイティブの効率性を高める上で必要不可欠な機能の一つです。

グラフィックスタイルの登録

グラフィックスタイルの登録方法を解説します。

自作グラフィックスタイルを登録

STEP.1

スタイル用の素材を作成

Illustratorは導入されていますか？
まだの方は事前にAdobe公式サイトから入手しておきましょう。

サンプルはアピアランスを使って線を複数重ねたデザインを登録してみたいと思います。
※詳しい作り方はコチラの記事で解説しています。

STEP.2

グラフィックスタイルパネルを開く

[ グラフィックスタイルパネル ] を開きます。

※非表示の場合は [ ウィンドウ ] → [ グラフィックスタイル ] で表示可。（ショートカットは [ Shift + F5 ] です。）

STEP.3

デザインをドラッグ＆ドロップ

作成したデザインをグラフィックスタイルパネル内へドラッグ＆ドロップします。
すると左図のようにパネル内へスタイルが追加されます。

STEP.4

グラフィックスタイルを保存

パネル左下の [ グラフィックスタイルライブラリメニュー ] → [ グラフィックスタイルを保存 ] をクリック。

自動的に下記ディレクトリが選択されます。

C:\Users\ユーザー名\AppData\Roaming\Adobe\Adobe Illustrator 26 Settings\ja_JP\x64\グラフィックスタイル

ファイル名を指定して保存します。

パネル左下の [ グラフィックスタイルライブラリメニュー ] → [ ユーザー定義 ] を見てみましょう。

先ほど追加したグラフィックスタイルが見つかります。

FINISH

他のオブジェクトに適用

新たにオブジェクトを作成し、選択ツールで選択します。

ユーザー定義に追加したグラフィックスタイルをクリックすると、ワンクリックでスタイルが適用できますよ。

ダウンロードした素材を登録

自身で作成したスタイルではなく、ダウンロードしたグラフィックスタイル素材を登録する方法です。
更に効率的で高品質な作品制作を行う上で素材の活用は重要です。

STEP.1

グラフィックスタイルをダウンロード

ダウンロードしたグラフィックスタイルを登録してみましょう。

サンプルは [ 5 GRAPHIC STYLES FOR DESIGN 03 ] をダウンロードして活用しました。

STEP.2

ダウンロードしたAIを開く

ダウンロードしたAIファイルを開きます。

宝石が散りばめられた非常に緻密なデザインが5種類収録されています。

STEP.3

グラフィックスタイルパネルを開く

[ グラフィックスタイルパネル ] を開きます。
非表示の場合は [ Shift + F5 ] で表示できます。

パネル左下の [ グラフィックスタイルライブラリメニュー ] → [ グラフィックスタイルを保存 ] をクリック。

デフォルトの保存先のまま名前を付けて保存します。

パネル左下の [ グラフィックスタイルライブラリメニュー ] → [ ユーザー定義 ] を参照します。

先ほど追加したグラフィックスタイルが見つかりました。

STEP.4

完成

あとはオブジェクトを選択して適用したいグラフィックスタイルをクリックするだけ！

グラフィックスタイルは質感やデザインを一瞬で全く別のモノに変えられる非常に便利な機能ですよ。

グラフィックスタイルの追加・削除

不要なグラフィックスタイルを削除したい、自身で作成したグラフィックスタイルは一つにまとめて管理したいなど。よりイラレを使った作業効率を高める為にグラフィックスタイルを上手に管理する方法です。

STEP.1

追加したいスタイルAIを開く

[ 5 GRAPHIC STYLES FOR DESIGN 03 ] へ新たに [ 5 GRAPHIC STYLES FOR DESIGN 75 ] を追加してみましょう。

追加ダウンロードした5 GRAPHIC STYLES FOR DESIGN 75を開くと左図スタイルがグラフィックスタイルに表示されます。

※そのまま追加すると別のユーザー定義スタイルになります。

STEP.2

任意のグラフィックスタイルを選択

先に作成した [ 5 GRAPHIC STYLES FOR DESIGN 03 ] のユーザー定義ファイルを開きます。

グラフィックススタイル左下の [ グラフィックスタイルライブラリメニュー ] → [ ユーザー定義 ] → [ 任意のグラフィックスタイル ] をクリック。

STEP.3

ドラッグ＆ドロップで追加できる

Illustratorの画面上にグラフィックスタイルパネルとユーザー定義のグラフィックスタイルが表示されています。

任意のグラフィックスタイルからグラフィックスタイルパネルへドラッグ＆ドロップ。

するとグラフィックスタイルへコピペできます。

必要なスタイルをコピペしましょう。

不要なスタイルはグラフィックスタイルパネル右下の [ ゴミ箱アイコン ] で削除できます。

FINISH

完成

あとはグラフィックスタイルパネル左下の [ グラフィックスタイルライブラリメニュー ] → [ グラフィックスタイルを保存 ] をクリック。

名前を付けて保存したら完成です。

[ original_styles.ai ] 等の名前を付け、追加・削除を行って上書き保存すればオリジナルのグラフィックスタイルライブラリが作れますよ。

高品質なポートフォリオテンプレート

InDesignで作られた商用利用可能で高品質なポートフォリオテンプレートです。
就職活動や作家活動をする上で必要不可欠なポートフォリオ制作を圧倒的短時間で終わらせられるチートアイテム！ポートフォリオ制作で間違いなく役立つテンプレートですよ。

ポートフォリオテンプレートまとめ

下記で高品質なポートフォリオを短時間で作れる便利なテンプレートを紹介しています。
InDesignの他にIllustratorやPhotoshop形式のテンプレートもあります。
商用利用可能、画像と文章を差し替えるだけで面倒なポートフォリオの完成！

ポートフォリオ用の高品質なテンプレート42選【InDesign,Illustrator,Photoshop】

【Illustrator】高品質なポートフォリオテンプレート26選【商用利用可能】

ワンランク上のテンプレート素材

Illustratorのスキルアップをする上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減するだけでなく、スキルアップの教材としても活用できますよ！

AI形式で作られた高品質なフライヤーのテンプレート50選です。画像と文字を差し替えるだけ、超短時間でハイクオリティなフライヤーが作成可能！
様々なフライヤーのテンプレート50選

デザイン制作を学ぶ導入編としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートでレイアウトや余白、文字サイズを簡単に研究可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

ロゴ作成とIllustratorの相性は抜群！
ロゴ制作の効率化だけでなく、アイディアやデータの作り方を学習・研究するための良質な教材だらけですよ。
ハイクオリティなロゴテンプレート50選

単なる白黒のテキストを高品質なロゴのようなグラフィックにできるエフェクトです。
ロゴ・見出しなどキャッチなオリジナルタイトルを一瞬で作成できる優秀な素材ばかり！
商用利用が可能で高品質なテキストエフェクト50選

継ぎ目が無い高品質な背景素材50選です。
全て商用利用OK！作品の密度を一気に高める事ができる汎用性の高い素材ばかりです。
商用利用できる高品質なシームレス背景パターン58選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Illustrator（イラストレーター）でグラフィックスタイルを追加・編集する方法についてでした。

一度グラフィックスタイルを作成・登録しておくとワンクリックで同じデザインが適用できます。
イラレの作業効率を劇的に効率化できる機能の一つなので是非使いこなしましょう！
よく使うスタイルはオリジナルのグラフィックっスタイルに登録しておくと便利ですよ。

ではまた！

アピアランスを使ったグラフィックスタイル

イラレのアピアランスを使ったグラフィックスタイルの作成テクニックです。様々な質感を効率的に自作してみませんか？

【Illustrator】色々なテキストエフェクトの作り方まとめ

【Illustrator】グラフィックスタイルの追加・編集方法

【Illustrator】リアルなネオンサインの作り方を徹底解説

【Illustrator】アメコミ風テキストエフェクトの作り方forイラレ初心者

【Illustrator】レトロな雰囲気のロゴを作る方法forイラレ初心者

【Illustrator】高品質な金（ゴールド）表現の作り方forイラレ初心者

【Illustrator】長い影(ロングシャドウ)の作り方2選forイラレ初心者

【Illustrator】デボス加工カットアウト風テキストエフェクトの作り方

InDesignは活用されていますか？

Illustratorだけでなく、InDesign（インデザイン）も活用されているでしょうか？
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はAdobe公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート40選はコチラ！

Illustratorの操作方法

イラレ基本操作