BOOK

【ストックイラスト】とっても便利!ipad版”affinitydesigner”から投稿データを作成する方法/注意事項/良かった点をまとめました

こんにちは。

イラストレーターのあなんよーこ(@anan_illust)です。

私はつい最近から、ストックイラストに投稿するデータをラスターからベクターデータに切り替えました。

▼メインで描いていたイラストはこんなテイストです

あっちゃん
あっちゃん
描きやすいけど、使用する人の事を考えたらベクターデータも用意したいなあ
あなん
あなん
展開する時も、ごみが出やすかったり、扱っているうちに画質が落ちたり、少し問題もあったね。

ベクターデータ作成のため準備した物

Adobe Illustrator

やはり、なんと言っても使いやすく多機能なイラレは外せないです!!

ずっとデザイン作成で使っていましたが、魔法の様になんでもできるのが楽しく飽きません。学んで損はないと思います。

また、私がメインで使用しているPIXTAでは、affinitydesignerのデータをそのまま投稿できません。
一度、イラレを通す必要があります。

iPad版 affinity designer

有料のアプリではありますが、本当にオススメしたいです。

イラレと近い機能を持っていて、ほとんど同じ様な動きができます。

とは言うものの、やはりツールの場所や使い方に慣れは必要ではありますが、感覚的に操作できる部分も多く、パスを引くのがもっと楽しくなります!

クリッピングマスクの操作方法なんかは、イラレより楽ちんかもしれません。

Affinity Designer

Affinity Designer

Serif Labs¥1,220posted withアプリーチ

新しい絵柄

どうしてもメインで描いていたイラストのタッチではベクターデータに展開した時に不便があると思ったので、もう一つ絵柄を作ることにしました。

素材として意識したことは4点

絵柄を変えるなら、今までと違う雰囲気であり、欠点を解決できるものを目指しました。

  1. 肌色は白背景でも見えやすく濃いめにする(上記のTwitterでは未修正)
  2. 手足・指は関節で変更しやすくバラバラに作成する
  3. 人のシルエットがわかりやすく少しデフォルメする
  4. 線がなく、シンプルな絵柄でどんなデザインにも使いやすくする

以上のことを考えて、新しい絵柄を作成しました!

ストックイラストでは、同じ人物の様々なシーンを揃えていた方が、購入につながっている様に感じているので、しばらくこちらの絵柄で挑戦していきたいと思います。

ストックイラスト作成手順

1.iPad版 affinity designerで素材を用意する

iPadにaffinitydesignerを入れた理由の一つに、どこでもいつでもベクターデータを作れること!があります。

昼間は他のデザインやイラストの仕事をしていてストックイラストに時間を割けていなくても、夜に旦那とソファーでテレビを見ていながら、素材をコツコツ作ることができます。
なんて効率的!と思ってやっています!!

2.PCへ共有し、adobe Illustratorで開く

affinitydesignerで作成したデータは様々な形式で保存することもでき、共有も簡単です。

1.「書き出し」を選択

2.「EPS」を選択

3.左下の「共有」を選択して「Airdrop」(私はiPad→iMacです)

4.Adobe illustratorで開きます。

3.アウトライン化を行い、レイヤーを整理する→元データの完成

affinity designerでもアウトライン化やパスファインダーの効果は使用できますが、イラレで内容を確認してからアウトライン化をする様にしています。

レイヤーも、affinitydesignerで整えていても、イラレで開くと全てバラバラになってしまっています。(解決法あるのかも?)
1つ1つ丁寧にグループ化や合体を行って整理していきます。変更がしやすい様にレイヤーにも部位ごとに名前をつけています。

この後、色々なイラストに展開していきます。そのための元データをここでしっかり作り込むと今後がとても楽になりますよ!!

特にシンボルは簡単に表情や衣装、ポーズなどを変更できるので元データに仕込んでおくと、とっても便利です!

4.展開する

先ほど作ったデータを使って、どんどん展開していきます。

この時、イラレのアートボードを上手に使うと、とっても楽になります!

  • アートボードごとのデータに一括保存ができる
  • 1つのデータに保存されているため管理が楽になる
  • 作っている内容が一覧になり見やすい

5.eps保存する

epsで保存していきます。
「別名保存」→「illustrator EPS」を選択し、「アートボードごとにに作成」にチェックを入れてください。

一部のアートボードだけを選択したい場合は「範囲」で指定してください。

保存名はデータ名とアートボード名が反映されます。
データを作る際にアートボードの管理もしっかりしておくと良いですよ。

例えば、「date.ai」に「coffee_time」というアートボード名を付けながら作成すると、「date_coffee_time.eps」というデータ名になり保存されます。

6.png保存する

「ファイル」→「書き出し」→「書き出し形式」でepsと同じ様に、「png」と「アートボードごとに作成」を選択して保存をしてください。

データの作成は以上です!!

イラレだと効率よく作業できるツールがたくさんあってとっても便利です♪

affinitydesignerを使う時の注意点

現段階でaffinitydesignerを使う時に注意していただきたい点は2点ほどです。

  • イラレで扱いやすい様にデータは重ねない

今のところ、イラレに持っていく段階で、affinitydesignerで作っていたレイヤーの内容が消えてしまい、全てバラバラになってしまいます。

そのため、上記の様に色々なオブジェクトが重なった状態で、イラレに持って行ってしまうと整理が大変になってしまいます!!

オブジェクトが重ならない様に綺麗に配置しながら作成した方が良いでしょう。

  • グラデーションは、画像化してしまうので使わない

グラデーションを使用しているところは、画像化してしまい編集の邪魔になってしまうので、affinitydesignerの段階では使用せずに作成した方が良いのかなと思っています。

affinitydesignerを使う利点

  • いつでも素材を作成できる!

この利点がとっても大きいです!!

パソコンだと、ちょっとした隙間時間になかなか手を出しにくいイメージがありますが、iPadで使用できるので、リラックスタイムにソファに座りながらチョコチョコと素材を作れるのです!!!すごい嬉しい!!!

また、私はデザインをやる時はパソコンでも問題ないのですが、イラストとなるとどうしても、下を向いて直接ペンでかける方がスムーズに作業ができます…。

iPad買って良かったなぁぁ。

おかげでパスでオリジナルイラストを描く苦手意識もなくなりました!

さいごに

やはりベクターデータの良さって捨てきれませんね。

私もまだまだこれからですが、もっと効率よくイラストを作成できる技があるはず!!ワクワク!と思って頑張っていきます!

Adobe Illustratorの早技を知りたい方には、以下の記事でもご紹介したこちらの本がおすすめです!

この記事が誰かのお役に立てれば幸いです♪
ここまでお読みいただきありがとうございました!!
イラストレーターのあなんよーこ(@anan_illust)でした。

ABOUT ME
あなんよーこ
1989年神奈川県生まれ。東京都在住。 Tシャツプリント会社でデザイン部部長としてカタログやWEBデザインを担当。 2019年春にイラストレーター・デザイナーとしてフリーランスへ。  ”おしゃれ×かわいい×優しい色味”で人物を中心としたイラストが特徴。 「わかりやすく伝える」をモットーにイラストからデザインまで作成をしています。 制作には、Adobe Illustrator/Adobe Photoshopを使用しています。 今後は、雑誌や書籍、絵本、パッケージなど幅広く挑戦していきたいです!!!!