• English
  • 简体中文
  • 繁體中文
  • 한국어
  • ภาษาไทย
  • Bahasa Melayu
  • 日本語
pixivision
Make it interesting
Tag List
Explore
  • Illustrations
  • Manga
  • Novels
Create
  • Tutorials
  • Behind the Art
  • Materials
Discover
  • Interviews
  • Columns
  • News
  • Top
  • メイキング
  • 【講座】CLIP STUDIO PAINTうごイラ作成講座 【第1回うごくイラスト制作の手順】
メイキングPR
2015.10.27

【講座】CLIP STUDIO PAINTうごイラ作成講座 【第1回うごくイラスト制作の手順】

  • making-of
  • illustration material&software
  • Ugoira making-of
  • Clip Studio
  • animation making-of
みなさんがいつも描いている一枚絵のイラストが、アニメのように動き出したら嬉しいですよね! そんな「うごくイラスト」ですが、何枚もたくさんイラストを描かなければいけないし、イラストに動きをつけるのって複雑そうです。でも、CLIP STUDIO PAINTのさまざま機能を使えば、意外と簡単にうごくイラストが作れますよ!
本日は、第1回CLIP STUDIO PAINT の"うごイラ"作成講座、「簡単に作れる『うごくイラスト』の制作手順」をご紹介します。

pixivプレミアムに登録すれば利用できる「CLIP STUDIO PAINT DEBUT for pixiv」でも、 パラパラマンガのような24フレームまでのアニメーションを作ることができます。 まずはうごくイラスト制作の基本的な手順を見ていきましょう。
※画像は開発中のものが含まれるため、実際と異なる場合があります。

1.ファイルの準備

1.CLIP STUDIO PAINTを起動し、[ファイル]メニュー→[新規]を選択します。
2. [新規]ダイアログが開きます。ダイアログ下部にある[うごくイラストを作る]にチェックを入れます。
3.[セルの枚数]を設定します。1秒間のうごくイラストを作るには8枚のセルが必要です。

参考

仮に3秒間の作品なら、セルの枚数は「8(1秒間のセル数)×3(秒)=24」 なので[24]にします。
4.[OK]をクリックし、新規キャンバスを作成します。
これでファイルの準備が整いました。
5. 最後に、[ウィンドウ]メニュー→[タイムライン]で[タイムライン]パレットを表示させます。タイムラインは、セルを順番に並べてイラストを動かすための機能です。うごくイラストを作るときは、常に[タイムライン]パレットを表示しておくようにしましょう。

参考

キャンバス作成後にセルを新しく作成した場合は、タイムラインへセルを指定する必要があります。タイムラインへのセルの指定は、指定したいフレームをクリックして選択したあと、右クリックで開くポップアップメニューから指定したいセルを選んで行います。

※注意:タイムライン上でセルが指定されていないと、セルの内容は編集できません。セルに描画できないときはタイムラインを確認しましょう。
キャンバス作成時に設定したセルは、自動的にタイムラインに指定されています。

2.セルにイラストを描く

1.[レイヤー]パレットにあるアニメーションフォルダには、キャンバス作成時に設定したセルの枚数だけレイヤーが作成されています。このレイヤーが、うごくイラストを構成するセルになります。
2. また、レイヤーフォルダを一つのセルとして扱うこともできます。
単純なイラストであればレイヤーにそのまま描いていけばよいのですが、複雑なイラストの場合は、[レイヤー]パレットの中にレイヤーフォルダを作成して、その中で作業するとよいでしょう。

参考

レイヤーフォルダには、その中に複数のレイヤーを作ることができます。「下書き」「線画」「塗り」「影」などとレイヤーを分けて作業するのに便利です。

3.動きのイラストを描く

ライトテーブル機能により、ほかのセルを参照しながら動画用のセルを描くことができます。
1. すでに描いたイラストを参考にして、違うセルに動きの過程を描いていきます。
2.ライトテーブルを使うために[ウィンドウ]メニュー→[アニメーションセル]を選択し、[アニメーションセル]パレットを表示します。
3. [レイヤーパレット]で描画するセルを選択した状態で、参照したいセルを[レイヤー]パレットから[アニメーションセル]パレットの[セル固有ライトテーブル]にドラッグ&ドロップすると、ライトテーブルに登録できます。
4. ライトテーブルに登録した画像が薄く表示されるので、それを参考に動きのイラストを描いていきます。
また「オニオンスキン機能」を使うと、タイムライン上の前と後ろにあるセルを表示しながら作業を進めることができます。[タイムライン]パレット→[オニオンスキンを有効化]で、前後のセルが表示されます。

参考

オニオンスキンの設定は[アニメーション]→[アニメーションセル表示]→[オニオンスキン設定]で変更できます。
※この第1回の講座では、全体の手順を説明しています。うごきのあるイラストのやさしい描き方については、第2回以降の講座で詳しく解説します。

4.動きの確認

1.[タイムライン]パレット→[再生/停止]をクリックすると、タイムラインに指定した一連のセルが再生されます。動きを確認しながら作業を進めましょう。
Next Page : 完成したファイルを書き出してみよう
12

Newest articles tagged Clip Studio

  • A light & portable device to draw wherever you want! New Windows 10 8-inch LCD Tablet "raytrektab" - Interview & Review with Saine

    A light & portable device to draw wherever you want! New Windows 10 8-inch LCD Tablet "raytrektab" - Interview & Review with Saine

  • 15 Cel Shading Tutorials - Learning the Basics

    15 Cel Shading Tutorials - Learning the Basics

  • A Tablet that feels like using pen and paper? Hands-on with Wacom’s newest product! Interview with Hiyori Asahikawa + Drawing Video

    A Tablet that feels like using pen and paper? Hands-on with Wacom’s newest product! Interview with Hiyori Asahikawa + Drawing Video

  • Rella making-of and interview - Drawing a peaceful and elegant world with Adobe Photoshop CC

    Rella making-of and interview - Drawing a peaceful and elegant world with Adobe Photoshop CC

If you liked Clip Studio, you will also love...

  • Must-see for beginners! 4 easy steps to master illustrating

    Must-see for beginners! 4 easy steps to master illustrating

  • A making-of and interview with the popular artist Chiho! Unveiling the secrets behind her colorful and delicate drawings!

    A making-of and interview with the popular artist Chiho! Unveiling the secrets behind her colorful and delicate drawings!

Share this article
  • Share
  • Post
  • Share
  • Post

Tags:

  • making-of
  • illustration material&software
  • Ugoira making-of
  • Clip Studio
  • animation making-of
Follow pixivision on Facebook!
Find us on X too!
Follow @pixivision
Stay updated with pixivision's daily features!

Newest articles tagged メイキング

  • The Making of 13 Copic Drawings - A Lesson in Coloring

    The Making of 13 Copic Drawings - A Lesson in Coloring

  • The Making of 15 Watercolor and Colored Pencil Drawings - A Glimpse Behind the Scenes

    The Making of 15 Watercolor and Colored Pencil Drawings - A Glimpse Behind the Scenes

  • Are you ready for Comiket? Useful Techniques For Your Event Booth

    Are you ready for Comiket? Useful Techniques For Your Event Booth

  • Wait a second! (Almost) Useless Tutorials

    Wait a second! (Almost) Useless Tutorials

View more▶︎

Follow pixivision's
official accounts!

p-chanMonthly Ranking
  • Illustrations

    Drawings of White Bikinis VS Black ...

  • Illustrations

    Fan Art of Hoshimachi Suisei - A Br...

  • Illustrations

    Drawings of Tied-Up Shirts - Knot Y...

  • Illustrations

    Drawings of White Hair and Red Eyes...

  • Illustrations

    Fan Art of Remielle Dan from Zenles...

p-chanFeatured
  • Illustrations

    Drawings of Swim Rings - Staying Af...

  • Illustrations

    Drawings Featuring Stockings - Dele...

  • Illustrations

    Fan Art Featuring Genshin Impact's ...

  • Interviews

    Why do 3D fashion designers venture...

  • Illustrations

    Drawings Featuring Sandals - Light ...

Follow pixivision's
official accounts!

  • Top
  • About pixivision
  • Suggest a theme
  • English
  • 简体中文
  • 繁體中文
  • 한국어
  • ภาษาไทย
  • Bahasa Melayu
  • 日本語
  • pixivision
  • About pixiv Inc.
  • Terms of Use
  • Contact Us
  • Advertising
  • Privacy Policy
©pixiv