【ipad】Adobe Fresco(フレスコ)でイラスト作成

【ipad】Adobe Fresco(フレスコ)でイラスト作成イラスト
この記事は約6分で読めます。

ipadのペイントアプリAdobe Fresco(フレスコ)でイラストを描いてみました。
ざっくりとですがアプリの使い方と制作過程を書いてみたいと思います。

ちなみに僕はプロのイラストレーターではありませんので絵のクオリティは高くありません(^◇^;)
その点ご了承いただけると非常にありがたいです。

【ipad】Adobe Fresco(フレスコ)でイラスト作成

デジタルペインティング&描画アプリ | Adobe Fresco
Adobe Frescoは、世界最大級のデジタルブラシコレクションを備えた強力な描画アプリです。スタイラスとタッチデバイスを使ってデジタルペイントと描画がおこなえます。その優れた操作性をぜひお試しください。

フレスコは無料でも使えるアプリです。
月額980円(税別)で複数のオリジナルブラシが使えたり、高解像度の画像書き出し、フォトショップ形式でのファイル書き出しができるようになります。

Creative Cloudのコンプリートプラン(イラストレーターやフォトショップなど全てのアプリが使える)に入っていれば、フレスコの有料版も使うことができます。Creative Cloudコンプリートプランは月額5,680円(税別)です。

※仕事でCreative Cloudコンプリートプランを使っているので、今回の記事はフレスコの有料版での内容になります。

ブラシについて

フレスコには大きく3つのブラシがあります。

ピクセルブラシ

フレスコ:ピクセルブラシ

鉛筆のようなタッチや筆っぽい雰囲気のブラシ、漫画のトーンっぽいブラシなどがかなりの数が用意されています。3つのブラシの中ではピクセルブラシが一番ブラシの種類が多いようです。

ライブブラシ

フレスコ:ライブブラシ

水彩ブラシと油彩ブラシがあります。
水彩ブラシは水彩画らしいにじみの表現ができます。油彩ブラシは、上から色を重ねると油絵具のように色が混じり合います。

水彩と油彩のアナログな表現がこのブラシでは可能になります。これ本当にすごいです。

ベクターブラシ

フレスコ:ベクターブラシ

ベクターブラシはブラシの種類が少ないですが、ベクター形式でファイルの保存ができます。

ベクター形式のイラストは解像度を気にせず拡大・縮小が自由にできるので、商業デザイナーにとっては使い勝手が良いのが特徴です。

今回は商用でも使いやすいベクターブラシでイラストを描いてみました。

実際に描いてみた

まずは下書き

今回はPhoto ACの有料写真を参考に模写してイラストにしていこうと思います。

Photo ACの空手写真
Photo ACの写真を模写

0から何かを描けるほどの画力がないので、こういう形を取らせていただきました。

写真素材なら「写真AC」無料(フリー)ダウンロードOK
無料写真素材を提供する「写真AC」のフリー写真素材は、個人、商用を問わず無料でお使いいただけます。クレジット表記やリンクは一切不要です。Web、DTP、動画などの写真素材としてお使いください。

なお、Photo ACの写真は写真のイメージを損ねるものでなければトレースや模写はOKだそうです。ブログやSNS、YouTubeでの掲載も可能です。ただ、トレースや模写したイラストを自分の作品として販売するのはNGとなります。
ですので、できればオリジナルのイラストを作成することをお勧めします。

線画→部分的な塗り

フレスコのアプリを立ち上げて、新規のファイル作成をします。
今回はA4サイズで作成しました。

次に、手書きのイラストをipadのカメラで撮影して下絵として取り込みます。
左のツールスペースに写真っぽいアイコンがあります。ここから写真をタップします。

フレスコ:写真の取り込み

ipadの写真フォルダから、今回模写したイラストを選択して下絵として配置します。
右上の完了をタップして配置できます。

フレスコ:写真の配置

下絵が濃いので、画面右の「レイヤーのプロパティ」アイコンをタップして、不透明度を調整します。30%くらいの透明度にしました。

フレスコ:透明度の設定

下書きレイヤーを描画レイヤーの下に移動します。レイヤー部分を長押しして上下に入れ替えることができます。
描画レイヤーを選択した状態で、ベクターブラシで線を描いていきます。
ベクターブラシは何種類かありますが、今回は「テーパー」というブラシを使っていきます。

フレスコ:ブラシの選択(テーパー)

左のツールスペースでは色の変更や

フレスコ:色の変更方法

線の太さなどを調節できます。

フレスコ:ブラシの太さの調整方法

テーパーのブラシは描き始めと描き終わりが細くなります。画面を長く押さえることで線の強弱をつけることができます。

フレスコ:テーパーブラシ

一通り線が描けました。

フレスコ:線画

レイヤーは画面右端の「目のアイコン」をタップすることで非表示にすることができます。
下書きは非表示にしました。

フレスコ:レイヤの表示・非表示

画面右端の「目のアイコン」の上にある「+のアイコン」をタップして新たにレイヤーを作成します。
今度は塗りの部分を作っていきます。塗りのレイヤーは線のレイヤーよりも下に移動します。線と塗りのレイヤーを分けておくと、あとで修正がしやすくなります。

フレスコ:塗りのレイヤーは別にする

これで完成です。
男性も同じ方法で描きました。

フレスコ:ベクターイラスト

書き出し

イラストが完成したのでファイルを書き出します。
jpgファイルやフォトショップ形式のファイルなどで書き出すことができますが、今回はベクターブラシで描いているので、PDFファイルで書き出してパソコン上でイラストレーターを使って編集しようと思います。

画面右上のアイコンから書き出します。

フレスコ:ファイルの書き出し方法

「公開と書き出し」→「書き出し形式」→形式を「PDF」

フレスコ:PDFファイルで書き出す

書き出し場所はパソコンにしたいので、AirDropでパソコンにファイルを送ります。

フレスコ:AirDropでパソコンへファイル転送

そのままipadでjpgファイルやpngファイルに書き出すこともできるので、必ずしもパソコンは必要ありません。

パソコンでイラストレーターを使って編集

PDFファイルをイラストレーターで開きます。

フレスコ:PDFファイルをイラストレーターで開く

きちんとイラストのパスも残っています。

少し色を調整して男女を並べてみました。

フレスコ:イラストレーター上で調整

suzuriなどのグッズ販売サイトで売るのもアリ!

グッズに使いやすいようにイラストを縦に並べました。

フレスコ:空手イラスト

Tシャツやバッグなどのグッズとして販売するのも良いかもしれません。
suzuriというサイトでは無料でイラストをグッズ化して販売することができます。

自分だけのオリジナルアイテム・グッズを手軽に作成・販売 | SUZURI(スズリ)
オリジナルアイテム・グッズを手軽に作成・販売できるサイト、SUZURI(スズリ)。自分だけの Tシャツやスマホケースなどを簡単につくることができます。キミが気に入ったなら、この船に乗れ。

ipadで作成したイラストをjpgやpngファイルで書き出して、suzuriのサイト上でイラストを配置するだけでオリジナルのグッズができます。気になった方は使ってみてください。

suzuriでTシャツとコップを作成してみました。

フレスコ:グッズ販売
フレスコ:グッズ販売

ですが、このイラストは写真ACの写真を模写しているのでグッズ販売はNGになります。
登録せずに削除しました。

こんな感じでipadで描いたイラストをグッズとして販売できます。
パソコンを使わなくてもイラストをグッズ化して販売できるというのは、なかなかの感動です。

まとめ

フレスコの使い勝手はペイントアプリでは最高峰のレベルだと思います。
今回はベクターブラシでイラストを描いてみましたが、非常に描きやすく使いやすい!
アプリの使い方も直感的にわかりやすいですし、チュートリアルもあるので親切です。

他にもイラストを描いてみました。なかなか思うように描けないですね(^◇^;)

フレスコ:イラストその他
フレスコ:イラストその他

水彩や油彩の高度な機能もあるのでまた機会があれば挑戦してみようと思います。

なお、今回のイラストの作成風景は動画にしております。
動画の方がわかりやすい部分もあると思いますので、気になった方はご覧いただければ嬉しい限りです。

【ipad】Adobe Fresco(フレスコ)を使ってイラストを描いてみた〈ベクターブラシ編〉

コメント