【デザイン学生必見!】
ポートフォリオをゼロから作ろう!

AdobeExpressのデザインテンプレートをイラレで編集する方法

記事内にプロモーションを含む場合があります
Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Adobe Express(アドビエクスプレス)の各種デザインテンプレートをIllustrator(イラストレーター)で編集する方法を初心者の方に分かりやすく解説します。

イラレを使ってAdobeExpressのテンプレートにより細かなデザイン編集を加える際に役立つテクニック!
更にクリエイティブを加速させられたい方必見ですよ。

AdobeExpressのテンプレをIllustratorで編集する方法

Adobe Express(アドビエクスプレス)のデザインテンプレートをIllustrator(イラストレーター)で編集する方法を詳しく解説します。

PDFからAIやEPSにする方法

STEP.1
Adobe Expressを開く
AdobeExpressのデザインテンプレートにアクセス。
Adobe Express公式サイトから無料で利用できます。
サンプルはinstagram(インスタグラム)用のスクウェア型バナーテンプレートを選択しました。
お好みで文字や画像などを編集して下さい。
STEP.2
PDF形式でダウンロード
右上の [ ダウンロード ] をクリックします。
[ ファイル形式 ] → [ PDF(ドキュメント向け) ] を選択しましょう。

最後に [ ダウンロード ] をクリックします。

※ページ選択は [ 全てのページ ] 、[ 個別のPDFファイルとしてダウンロード ] はチェック無しで大丈夫です。
指定のフォルダにPDFがダウンロードされている事を確認しましょう。
STEP.3
Illustratorを開く
Illustratorを立ち上げます。
※イラレ未導入の方は事前にIllustrator公式サイトから入手しておきましょう。
ダウンロードしたPDFをイラストレーターに読み込みます。
※PDFをドラッグ&ドロップ、または [ Ctrl + O ] (Mac: + O) で指定のPDFを選択。

すると [ PDF読み込みオプション ] が開きます。
複数のデザインが収録されたPDFの場合は [ ページを選択 ] で読み込ませるページが設定できます。
特に理由が無ければ基本的に [ すべて ] を選択するのがオススメです。
するとIllustratorでAdobeExpress(アドビエクスプレス)のデザインテンプレートが編集できるようになります。
もちろん背景やテキストなどの要素は全て個別で編集可能です。
FINISH
AI形式で保存
[ ファイル ] → [ 別名で保存 ] でAIやEPSなど、各種形式で保存可能です。
※別名で保存のショートカットは [ Shift + Ctrl + S ] (Mac:Shift + + S)

以上でAdobeExpressのデザインテンプレートをIllustratorのAIやEPSで保存する事ができました。

リンクエラーに注意

画像が配置されたデザインテンプレートを活用する際はリンクエラーに注意しましょう。
例えばダウンロードしたPDFの場所や名前を変更すると、AIやEPSで保存したデザインテンプレートの画像がリンクエラーで見つからなくなります。
埋め込み対象の画像を [ 選択ツール ] で選択。
その後に画面上部の [ コントロール ] → [ 埋め込み ] をクリックしましょう。

AIファイル内に画像を埋め込むのでリンクエラーが一切無くなります。
PhotoshopやIllustratorなら更に快適
ウェブサービスであるAdobe Expressはもっさりした動作で表現の幅が限られていますが、アプリ版のPhotoshopやIllustratorならサクサクと直感的な動作で表現の幅が段違いに広がります。
クリエイティブの品質や幅を広げたい方はフォトショ、イラレの併用をオススメします。
Photoshopはコチラ、Illustratorはコチラで徹底解説しています。

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

紙媒体やPDF形式で作成したポートフォリオの品質を手っ取り早く高めるには、高品質なテンプレートの活用が最も効率的かつ効果的です。

商用利用可能で高品質テンプレートばかり厳選!
今まで意識しなかった多くの「気づき」に出会えますよ。

※なお、ポートフォリオ制作はInDesign(インデザイン)を使うのが最も効率的です。
コチラでインデザ初心者の方向けにポートフォリオテンプレートの使い方を詳しく解説しております。

#01 Pink Portfolio Layout

ピンク系のキレイ目カワイイ風ポートフォリオ用テンプレートです。InDesign形式なので文字と画像の差し替えが超楽!
2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。

ダウンロードする

#02 Portfolio Layout with Gray Accents

モノトーン系でどんな作風にも合うポートフォリオ用テンプレートです。イラスト、写真、建築、Web、グッズ…テンプレ選びに迷ったらコレがオススメ!
A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。

ダウンロードする

#03 Portfolio Layout with Yellow Accents

黄色が鮮やかでキレイなポートフォリオテンプレートです。
爽やかな画風のイラストにもピッタリ!
クセが無く、ベースデザインとして非常に扱いやすいテンプレートの一つです。

ダウンロードする

#04 Portfolio Template in Pale Green and Mint

収録されているレイアウトパターンが非常に豊富なポートフォリオ用テンプレートです。
作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。

ダウンロードする

#05 Minimalist Portfolio Layout

ポートフォリオの表紙には必ずメインビジュアルを入れないとダメか?そんな事はありません。
単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。

ダウンロードする

紹介しきれなかったポートフォリオテンプレートや素材
上記のテンプレートはほんの一部。
下記リンクで多数の高品質なポートフォリオテンプレートを紹介しています!

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

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

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

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


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


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


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


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


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


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


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

おわりに

以上、Adobe Express(アドビエクスプレス)のデザインテンプレートをIllustrator(イラストレーター)で編集する方法についてでした。

AdobeExpressでは実現できない、より細やかなデザイン編集を行う際に役立つテクニックです。
InstagramやTikTok、FacebookやYouTubeなどをはじめとした、汎用的なフォーマットで豊富なデザインテンプレートが収録されたAdobeExpressはクリエイターにとって非常に便利です。

より世界観に沿った質の高いクリエイティブを行う際にイラレとの併用は必要不可欠!
是非活用し、日々の制作を加速させてください。

ではまた!