イラスト

Firealpacaの使い方を徹底的に解説します

更新日:

悩んでいる人
Firealpacaの使い方を教えてほしいな。

こうした疑問に答えます。

本ブログでは自作イラストも挿入していますが、自作は全てFirealpacaで描いたものです。

そこで、今回は、Firealpacaの使い方を初心者でもすぐ使えるように解説していきたいと思います。

いらすとやでもいいですが自作できると差別化できますよ。

ブログにイラストを想定することを前提としていますが、それ以外の用途でイラストを描きたい方にも参考になると思います。

Firealpacaの使い方

以下の順序で解説していきます。

①Firealpacaのインストール

②メニューツールで重要なもの

③キャンバスの選定

④レイヤーを覚え

⑤おすすめのブラシ

⑥図形を描く

⑦レイヤの絵の拡大・縮小、移動、回転

⑧色を塗る(パレットに登録しよう)

⑨スポイトを使う

⑩スナップを活用しよう

 

①Filealpacaのインストール

まずはFirealpacaをインストールしましょう。

こちらのサイトでインストールできます。

セットアップ画面が出ると思うので、「Next」を選択していき、「Install」>「Finish」をクリックすれば簡単にインストールすることができます。

②メニューツールで重要なもの

f:id:mayaaaaasama:20190709220429p:plain

「Firealpaca」を開くと、上図のようなメニューツール(上図の青枠)が表示されます。

ここで各ツールを簡単に説明します。

f:id:mayaaaaasama:20190709222934p:plain
1.ブラシツール⇒重要

線を描画するためのツールです。ペン、エアブラシ、鉛筆、水彩などのブラシが用意されています。

2.消しゴムツール⇒重要

描画した線を消すツールです。

3.ドットツール

1pixelのドットで描画するツールです。ドット絵を描くときに使います。

4.移動ツール⇒重要

選択したレイヤーを移動させるツールです(7.レイヤの絵の拡大・縮小、移動、回転で詳述)。

5.図形塗りつぶしツール⇒重要

図形を塗りつぶすツールです。(6.図形を描くで詳述)

6.バケツツール⇒重要

線で囲まれた箇所や選択範囲を塗りつぶすツールです(8.色を塗るで詳述)。

7.グラデーションツール

グラデーションを作成するツールです。

8.選択ツール⇒重要

選択範囲を作成するツールです(6.図形を描くで詳述)

9.投げ縄ツール

選択範囲を自由に描画して作成できるツールです

10.自動選択ツール

線で囲まれた部分や色を自動で選択できるツールです。

11.選択ペンツール

選択範囲をペンで描けるツールです。

12.選択消しツール

選択範囲を消しゴムで消すためのツールです。

13.文字ツール⇒重要

文字を入力するためのツールです。

14.操作ツール

描画した枠線の位置を変更したり、太さを変更したりするツールです。

15.分割ツール

描画した枠線を分割するツールです(例えば、長方形の枠線を分割して2つの長方形の枠線にするなど)

16.スポイトツール⇒重要

キャンバス上の色を拾い上げるツールです(9.スポイトを使おうで詳述)

17.手のひらツール

キャンバスの位置を動かせます

③キャンバスの選定

f:id:mayaaaaasama:20190709192924p:plain

次にキャンバスを作ります。

キャンバスは、メニューの「ファイル」>「新規作成」の順序で選択すると、ダイアログが表示されますのでこれに「幅」「高さ」「解像度(dpi)」を入力します。

ここでブログのためのイラストを描くときは、「幅」「高さ」「解像度(dpi)」は以下の値を設定することがおすすめです。

「幅」:448pixel、「高さ」:252piel(幅:高さ=16:9)

「解像度」:350dpi

(理由)

・ツィッターなどのSNSでシェアされた時にアイキャッチ画像が見切れないようにするため。

・解像度は、350dpiも600dpiの2種類を選択できるが、ほとんど見た目的に変わらず、データが重くなるのを避けるため350dpiがよい

幅:高さについては上記の値が推奨されます。実際に下の図は、ツィッターでシェアした時の画像ですが、アイキャッチ画像は見切れていません。

f:id:mayaaaaasama:20190709192715p:plain

④レイヤーを覚える

f:id:mayaaaaasama:20190709201901p:plain

次にレイヤーを覚えましょう。

ペイントソフトでレイヤーを覚えることは重要です。

レイヤーは、「透明な紙」のようなものです。

複数のレイヤーを重ねることで、1つの絵(イラスト)ができあがります。

上図は、「筆者の似顔絵」を描いたものです。

右には、複数のレイヤー「髪」「眼鏡」「頬」「顔」があることがわかります。

ここで「髪」のレイヤーは、透明な紙に「髪」を描いたものであり、「眼鏡」は、透明な紙に「眼鏡」を描いたものであり、といった感じで、複数のこれらのレイヤーを重ねると上図の似顔絵ができあがります。

レイヤーは下から上へ積み重ねるようにして1つの絵(イラスト)ができあがります。

このため、上のレイヤーと下のレイヤーで重なっている部分については、上のレイヤーのみが表示されます。

レイヤーの利点は、他のレイヤーに影響されずに作業できることです。このため、修正や位置の調整が簡単にできます。

ここで、レイヤーで覚えた方がよい機能を2つご紹介します。

まず1つ目が「フォルダにまとめる」であり、2つ目が「透明度を保護」です。

「フォルダにまとめる」

Ctrlでそれぞれのレイヤーを選択して右クリックすると「フォルダにまとめる」というメニューが表示されますので選択します。

すると、上図のとおり、「フォルダー」の中に各レイヤーが収納された状態となります。

これにより、1つのまとまった絵(イラスト)を拡大縮小したり、変形回転させたりすることができます。

拡大縮小、移動、回転については「7.レイヤーの絵の拡大・縮小、移動、回転」をご参照ください。

「透明度を保護」

「透明度を保護」にチェックを入れると、そのレイヤーの色が塗られている部分以外は描くことができないようになります。

このため、陰影を描いたりする場合に便利な機能です。

⑤おすすめのブラシ

f:id:mayaaaaasama:20190709204837p:plain

FireAlpacaには複数のブラシ(ペン、鉛筆、エアブラシ、水彩、ぼかしなど)があります(上図の赤い枠)。

また、それぞれのブラシのサイズを調整できます(上図の青い枠)。

多すぎてどれを使うべきか迷うかもしれませんがおすすめのブラシは「ペン」であり、ブラシのサイズは「5」がよいと思います。

これが最も「描きやすい」です。

ここで、ブラシツールの機能で覚えた方がいいものが「1つ」あります。

それはとして便利な機能があります。

それは、「手ブレ補正」です(上図の緑の枠)。

「手ブレ補正」とは、タブレットの手ブレを補正してくれる機能です。

これにより、キレイな線を描くことができます。

但し、補正の値を大きくし過ぎると、タブレットペンで描く動作と、反映される線が連動しにくい(反映が遅くなる)ため、値が大きければ大きいほどよいというものではありません。

 「補正の値」は「10」がベストと思います。

⑥図形を描く

f:id:mayaaaaasama:20190709205729p:plain

次に、「図形」の書き方を説明します。

図形については、「塗りつぶし」と「枠線」の2つに分けてお話しします。

(塗りつぶし)

まず、上図の赤い枠で囲った「図形塗りつぶしツール」を選択します。

図形は「矩形」「楕円」「多角形」の3種類から選べます(上図の青い枠)。

そして、それぞれについて角を丸めたければ「丸める」にチェックを入れて丸みの強さを適宜選択します(上図の緑の枠)。

(枠線)

f:id:mayaaaaasama:20190709210643p:plain

塗りつぶしの方は簡単ですが、枠線の方は少しやっかいです。

まず、上図の「選択ツール」を選択します。

これは「矩形」「楕円」「多角形」の3種類から選べます(上図の青い枠)。

これも角を丸める「丸める」のチェックがあります(上図の緑の枠)。

f:id:mayaaaaasama:20190709210713p:plain

そして、上図のように選択範囲を作った後(この場合では楕円)、メニューの「選択範囲」⇒「境界線を描画」を選択します。

すると、ダイアログが出るので線の太さを指定してOKをクリックします。

f:id:mayaaaaasama:20190709210746p:plain

後は、選択解除を指定すれば、出来上がりです。

これを覚えれば、吹き出しをかけたりすることができとても便利です。

⑦レイヤの絵の拡大・縮小、移動、回転

f:id:mayaaaaasama:20190709211549p:plain

次に、レイヤーの絵を移動させたり、回転させたり、拡大縮小をしてみましょう。

移動させる場合、上図のとおり「移動ツール」を選択します(上図の赤い枠)。ここでは、士業男子の髪だけを移動してみましょう。レイヤーは「髪」を選択します(上図の青い枠)。

f:id:mayaaaaasama:20190709211707p:plain

後はキャンバス上を移動させるだけで簡単に移動させることができます。

レイヤーの絵の回転は、メニューの「レイヤー」>「回転」を選択すればできます。

f:id:mayaaaaasama:20190709211918p:plain

レイヤーの拡大縮小は、メニューの「選択範囲」>「変形」を選択し、ポインタを操作をして拡大・縮小することができます。

ここで、仕上げたら、上図のOK(赤い枠)をクリックするのを忘れないようにしましょう。これをしないと反映されません。

⑧色を塗る(パレットに登録しよう)

f:id:mayaaaaasama:20190709213006p:plain

では次に色を塗っていきましょう。

ここでは色の塗り方を解説します。

f:id:mayaaaaasama:20190709213518p:plain

上図のバケツツール(上図の赤い枠)を選択し、塗りたい部分をクリックします。

f:id:mayaaaaasama:20190709213442p:plain

すると上図のように簡単に塗りつぶせます。

ここで、肌色に近い色として、RGBのそれぞれの値が、R(240)G(208)B(182)であるものがおすすめです。

肌色を塗るたびに数値を設定することは面倒くさいのでパレットに登録しましょう。やり方を以下に説明します。

f:id:mayaaaaasama:20190709213953p:plain

まず、「肌色」を選択した状態でで、上図の赤い枠で囲んだところをクリックすると、青い枠のダイアログが表示されます。

後は適当に名前を入れて、OKをおせば、パレット(上図の緑の枠)に色が登録されます。

⑨スポイトを使う

f:id:mayaaaaasama:20190709214218p:plain

また、「スポイト」を使うとキャンバス上の色を拾えるのでとても便利です。

やり方は、まず、スポイトツール(上図の赤い枠)を選択してキャンバス上の色をクリックします。

ここでは「肌色」をクリックするとします。

クリックする前は、パレットの色は上図の青い枠の通り「黒」です。

f:id:mayaaaaasama:20190709214356p:plain

クリックすると上図のとおり、パレットの色が「黒」から「肌色」に変わりました。

とても便利ですので覚えた方がよいです。

⑩スナップを活用しよう

f:id:mayaaaaasama:20190709215326p:plain

最後にスナップ機能について解説します。

スナップを使用すると、並行の直線、放射状の直線が簡単に描けて便利です。

スナップの種類は、「並行」「十字」「消失点」「集中線」があります。

例えば、上図のように、集中線も書くことができます。

設定の「●」をクリックすると、スライドで中心点を移動できます。

Firealpacaの参考本

最後にFirealpacaの参考本を紹介します。

僕もこの本を読んで使い方をマスターしました。

図解が豊富でありおすすめです。

FireAlpacaスタートBOOK (玄光社MOOK)

FireAlpacaスタートBOOK (玄光社MOOK)

弁理士やまが所長の特許事務所はこちらです。

特許・商標出願代行に加えサイト運営などのWEBコンサルのサービスも提供しています。

料金表などについてはこちらをご覧ください。

ツィッターでも発信中。フォローして頂けると嬉しいです!

Youtube始めました。チャンネル登録していただけると嬉しいです。

 

 

-イラスト

Copyright© 弁理士ブログ|とある士業の知的な日常 , 2020 All Rights Reserved Powered by AFFINGER5.