読者です 読者をやめる 読者になる 読者になる

げげげのnabuKO

イラスト日誌

Animate CCでブラシを作ろう

( ※制作サイズを間違えておりました、申し訳ございません。修正しました。2017/2/21 )

こんにちは、LINEのアニメーションスタンプの製作でAdobe Animate CCを使うようになったnabuKOです。

f:id:nabuko:20170129163541p:plain

今回はAnimate CCの既存のブラシから、使いやすいカスタムブラシを作成します。オリジナルのブラシも簡単に作成できます。(こちらは最後にご紹介します)

f:id:nabuko:20170129162939p:plain

左が通常のペイントブラシ、右がカスタムして作ったペイントブラシで描いたものです。

 

1 準備 (ワークスペースなど。ご存知の方は2からどうぞ)

2 作成手順 (途中動画です)

3 応用 (オリジナルブラシの設定)


1 準備

起動したらファイルから新規ドキュメントを作成します。

今回はLINEスタンプのサイズに合わせてHTML5 Canvas幅320pixel、高さ270pixelにしました。(実際に使われるサイズで作成されることをおすすめします)

フレームレートは使わないのでいじらずそのままです。

f:id:nabuko:20170221095629p:plain

ワークスペースクラシックを選択しました。

f:id:nabuko:20170129161159p:plain

 


2 作成手順

ペイントブラシツール(Y)を選択し、色の選択をしておきます。

※見やすい色にしました。

f:id:nabuko:20170129161249p:plain

プロパティパネルを見ます。

f:id:nabuko:20170129164036p:plain

ブラシライブラリマークを選択すると、

f:id:nabuko:20170129164119p:plain

ブラシライブラリパネルが開きます。

f:id:nabuko:20170129164426p:plain

Artistic→Chalk Charcoal→Charcoal Featherをダブルクリックして選択します。

f:id:nabuko:20170129164716p:plain

プロパティパネルを見ると選択したブラシに変わったことが確認できます。

f:id:nabuko:20170129164958p:plain

線幅を8pixelくらいにします。(お好みで)

f:id:nabuko:20170129165053p:plain

シフトを押しながら一本線を描きます。

f:id:nabuko:20170129170656p:plain

選択ツール(V)で線を選択します。

f:id:nabuko:20170129165416p:plain

ここからは動画で説明させていただきます。

上の動画のブラシの設定です(修正しました)。

f:id:nabuko:20170129170913p:plain

ここではアートブラシを選択し赤いガイドラインからブラシを少しはみ出るようにします

※赤いガイドラインは動かせます。

 

ブラシの設定変更は作成後、線スタイルを変更マークから可能です。ペイントブラシオプションパネルが開きます。

f:id:nabuko:20170129173324p:plain

 


3 応用 (オリジナルブラシの設定)

ブラシツールで描いた線から作るパターンブラシを作ります。

f:id:nabuko:20170129172511p:plain

色の選択はバケツツールからです。下の筆圧(二重丸マーク)の選択はお好みで。

手書き風のブラシにしたいのでランダムな感じにしました。

f:id:nabuko:20170129171849p:plain

描いた後、両サイドを消しゴムで消して繋がった時の不自然さをなくしておきます。

↓ペイントブラシオプションでパターンを選択し、このような感じで設定して追加しました。(追加の仕方、ブラシの登録方法は上の動画を参照ください)

f:id:nabuko:20170129172720p:plain

 ↓このブラシで描いたイラストです。

f:id:nabuko:20170129180640p:plain

以上です。長い記事を見てくださってありがとうございます(´..ω..`)

Animate CCの使い方はFlashの本やYouTubeAdobe TVや色々なサイトを見て試しながら覚えました。まだ知らない機能がたくさんあるので、もっと使いこなせるようになりたいです。


 ↓Animate CCで私が製作したアニメーションスタンプです

f:id:nabuko:20170129181633j:plain

動く☆ナブコン LINEスタンプ