コミPo!の記事一覧

コミPo!で動画コンテスト入賞

動画コンテストに投稿したら
「とっても分かりやすいで賞」を受賞し、賞金5,000円頂きました。

※動画チャンネルは普段のものと違いますが、作者は私です。
目的別にチャンネルを複数作ってます。

ついつい、うれしくて昨夜つぶやいてしまいました。\(▽~\*))((*/~▽)/

ほとんどリツイートされてませんけどねww

私はコミPo!で漫画・動画を作成しています。


このブログ(漫画アニメ.com)で何度も書いてますが、
普段からコミPo!という漫画作成ツールを作っています。

メインサイトは得する情報.comというブログ↓です。
得する情報.com
得する情報への画像リンク


ニュースやお得な情報を、漫画でわかりやすく作っています。

コミポを利用する理由はただ一つ「わかりやすいから」

コミPo!の魅力を漫画で説明_001 文章でブログを書いていても、
なんとなくわかりにくい・読みにくい気がしませんか?

このブログのように、字が小さいとか。(笑)

あなたにも経験がありませんか?
  • 読みにくいブログ
  • 文字ばっかりのブログ

そんな時、ブログの訪問者は、
ほとんど読まずに帰ってしまいます。


たとえ、お得な情報が書いてあってもです。

漫画で書くと読まれやすく、わかりやすい

コミPo!で漫画を描く理由_002 漫画で話の流れを書くと、わかりやすいですよね。

私の場合は、さらにその漫画をYouTube動画として、
声や音楽を入れて投稿しています。

※作る時の所要時間が2時間以上かかりますが、
わかりやすくがモットーです。

これが今回、動画コンテストに入賞した秘訣だと思います。

賞の名前(とっても分かりやすいで賞)からも、
私のモットー(読みやすい、分かりやすい)が証明されたのだと思います。

コミPo!, 作ってみた, 漫画アニメ

動かす漫画_001

動かす漫画_001私は主に、2つのアニメーションソフトを使っています。

  • 漫画作成ツールコミPo!
  • 2Dアニメーション作成ツールCrazyTalk Animator
どちらも、3Dキャラを動かして画像を作成するソフトです。

コミPo!とCrazyTalk Animatorは何が違うのか


根本的に違うのは、
人が見た時に動きがあるかどうかです。

コミPo!の場合

漫画作成ツールなので、
漫画を作るのが一般的な使い方です。
新生活でお金がない
主に静止画ですが、gifアニメも作れます。


コミPo!は、そのままtwitterに投稿できますので便利です。

CrazyTalk Animatorの場合

動きのあるアニメーション・動画が一般的です。
test
基本的に、gifアニメ(ソーシャル投稿なし)か動画です。
動画は、いつもYouTubeに投稿しています。


ここで、ある考えが生まれました。
それは、「コミポ漫画を、動画に出来ないのか?」ということです。

コミポをYouTubeで動かすには?

動かす方法としては、二種類あります。

一つ目の方法は、漫画のコマ割を表示させる方法です。

windowsムービーメーカーでスライドショー

mihon
いつもこのパターンで作っています。
ありきたりなスライドショーです。

コミPo!+ムービーメーカーで作成した動画がコンテストで入賞しました
げん玉動画コンテストで受賞!コミPo!動画が採用された秘訣とは?

スライドショーでは、ちょっと物足りません。
しかも、結構時間がかかります。(1~2時間ほど)

そこで、2つ目の方法です。

CrazyTalk Animatorで動かす

早速作成してみました。


コミックを読むような動きで作れるのが特徴です。
動きがあるだけで、ちょっと変わった動画が作れます。

これならちょっと楽に作れる気がします。

CrazyTalk Animator 2, gifアニメ作り方, コミPo!, 作ってみた

初期320×240

2014年12月15日コミPo!4周年でグレードアップしました。
詳細は→コミPo!4周年記念でgifアニメ+動画自動作成対応!


gifアニメが作れるようになったのはいいのですが、
画像が粗いという声が多かったのです。
(私もその一人ですが・・・)


↑こんな感じでした。
(サイト上では綺麗ですが、ツイッター上で見たら拡大されて汚くみえる)


これはどうやら、画像サイズの問題だったようです。
(コミポ本体は問題なし)


拡大したらこんな感じ(ツイッター上でも綺麗に見える)


初期設定のサイズは小さいので拡大され粗くなる

初期320×240

↑コミポ本体の「マンガでツイート」の投稿設定画面

これを、ご覧いただければわかりますが、
初期設定では、320×240になっています。


画像サイズを512×384以上に設定すると綺麗になる

サイズ640×480
※上の画像では640×480にしています。

これだけでもずいぶん綺麗な画像になります。


twitterのgifアニメ画像が粗くなる理由


これは他のソフトや直接つぶやきで、
gifアニメを投稿する場合も同じとのことです。


twitterに投稿すると、
「gif形式」ではなく「MP4形式」に一度変換され、
gif画像のサイズも拡大縮小され変わってくる。



結果的に、小さいgif画像は拡大され、画質が粗くなる。

ということでした。

今回参考になったコミポ中の人のつぶやき↓


ちなみにこちら↓で紹介している「GIFMAGAZINE」で投稿すると、
gifアニメーションのまま投稿されるそうです。
GIFMAGAZINでgifアニメを作る方法!たった5分で流れる七夕の星空を作ってみよう

gifアニメ作り方, コミPo!

自作したコミポ柄クレジットカード

自作したコミポ柄クレジットカード
漫画やアニメのキャラクターとタイアップをした
クレジットカードやデビットカードが数多く出てきています。

ですが、すべてのキャラがカードになることはありません。

  • お気に入りのキャラクターが出ない
  • あのコスチュームのカードが欲しい
  • イメージが違う
そんな時は、「何ででないの?」と嘆く前に、
自作しちゃいましょう。

カード画像とキャラクター画像、それにphotoshopさえあれば、
どんなカードもオリジナルで簡単に作ることが出来ます。
※ここでは作り方をご提供していますが、
 すべてご自身の責任で作成・管理・利用を行ってください。


ここではオリジナルのキャラクターカードの作り方をご紹介します。
動画版もご覧ください。

カード画像は写メで十分

楽天デビット白
画像はご自身が所持しているカードを、
カメラ付きスマホや携帯で撮影して使えばOKです。

注意しなくてはいけないのが、
社名や番号など重要な部分をあらかじめ消すことです。

※もし修正せずにネット上にアップしてしまえば、悪用されますのでご注意ください。


カメラの映りが悪いときはphotoshopの明るさ・コントラストで調整

pohotosho明るさコントラスト調整
イメージ→色調補正→明るさ・コントラストで調整
ここで調整すれば写真写りの明るさが調整できますのでお試しください。

調整後↓
photoshop明るさ調整ねじ

カード画像の編集方法

photoshop200倍画像
まずphotoshopに画像を入れたら、100~200倍に拡大しましょう。
小さな画面を見るよりも作業がしやすいです。

photoshopスポット修復ブラシツール

不要な文字や数字を消去する

photoshopの左にある「スポット修復ブラシツール」を使えば、
塗りつぶすだけで簡単に消すことができます。

photosopコンテンツに応じる設定 スポット修復ブラシツールは、「コンテンツに応じる」に設定しておきましょう

「クイック選択ツール」を使用して文字複製

photoshopクイック選択ツール クイック選択ツールの使い方 クイック選択ツールの使い方は、3ステップです
  1. コピーしたい画像を選択
  2. 右クリック後、「選択範囲をレイヤーにコピーする」
  3. 移動ツールで特定位置まで持っていく

ぼかしを入れて自然な画像に仕上げる

移動後の画像 そのままコピーレイヤーを移動すると、
数字が鮮明すぎて違和感があります。

その場合は「ぼかし」を利用して、自然な画像になるように調整します。
フォトショップぼかしを入れる方法
フィルター→ぼかし→ぼかし(ガウス)

ぼかしを入れるときは拡大するよりも、
元の画像サイズで調整したほうが、合わせやすいはずです。


不要な部分を消して、それらしい数字を入れる際の注意点

comipocard無地
これで下地ができましたが、
そのまま画像を入れると、キャラクターと文字がかぶります。

キャラクターを乗せたクレジットカード
あらかじめ別のレイヤーに入れる必要があります。

数字や文字を別レイヤーにコピーし、結合でまとめる

数字を別レイヤーに保存
やり方は深く考える必要はありません。
※面倒ですが
  1. 「クイック選択ツール」を使用して文字複製し
  2. 「レイヤーを結合」でひとつにまとめると楽に管理できます。

これで下地が完成しました。
クレカ数字なし

キャラクターをカード上に配置

comipocard3
キャラクターは、背景なし画像を「png形式」で保存しましょう。
上記画像のように透過してくれます。

この時にキャラクターの色が鮮明すぎるので、
ノイズを加えます。

photoshopノイズ機能の使い方

フォトショップノイズの使い方
フィルター→ノイズ→ノイズを加える

この手順で自動でノイズが入りますのが、
濃いと思いますので調整しましょう。

ノイズの調整方法
「量」の部分をつまみで調整しても問題ありません。

元画像を見ながら、調整出来るので便利ですね。

調整した画像がこちら↓
ノイズを入れた後のクレカ
擦り切れた感じを出せているかと思います。

さらにぼかしを入れて自然な画像に調整

ぼかし後のカード画像
ぼかしを入れると、さらに自然な画像に仕上がります。

ぼかしを入れる手順
フィルター→ぼかし→ぼかし(ガウス)

この時にVISAのマークや、数字を基準に調整すると
いい感じに仕上がるかと思います。

最後に数字レイヤーを被せれば、オリジナルカードが完成です

comipocard完成画像
いかがでしょうか?
やり方は簡単ですが、面倒かもしれませんね。

ここではデビットカードを使ってますが、
トレーディングカードなどを使う事もできそうです。

ただし、カードにもキャラクターにも著作権があります。
むやみに使うのはやめましょう。

当方では責任が一切持てませんのであらかじめご了承ください。

photoshop, コミPo!, 作ってみた, 漫画アニメ

走るずんこ_023

ボーカロイドの東北3姉妹をご存知ですか?
走るずんこ_023

東北3姉妹とは
  • 東北ずん子(次女)→東北の郷土菓子ずんだ餅生まれ
  • 東北イタコ(長女)→恐山の口寄せイタコ生まれ
  • 東北きりたん(三女)→粳米(うるち米)で有名なきりたんぽ鍋生まれ
東北ならではのキャラクターであり、
いずれも東北おこしとして起用してもらいたい願いでデビューしました。

東北企業なら、販促にこの東北3姉妹のキャラクターを
ガンガン使ってもいいということで、人気急上昇中です。



製作費用は今流行のクラウドファンディング


いずれのキャラクターも
クラウドファンディングという、
ネット上での資金調達(小規模キャピタルベンチャーのような仕組み)を利用して作られています。
こんな感じで広まりました↓


参加者は、見返りに後々サービスを受けたり、商品をもらうことが出来る権利を得ます。
もう終わってますが、こんな感じです↓



東北3姉妹のボカロは安い!


ボーカロイド(ボカロ)の相場はおおむね
  • 読み上げソフトVOICEROID+→10,000円~8000円ですが、東北ずん子が7000円と最安値
  • 歌うVOICEROID3→14,000円~8000円ですが、東北ずん子がこちらも7000円と最安値
東北イタコと東北きりたんも「同じ位の値段になる」と期待。

東北3姉妹の声優は?


東北出身のこの三名方です。
  • 東北ずん子の声優は、佐藤聡美さん
  • 東北きりたんの声優は、茜屋日海夏さん
  • 東北イタコの声優は、木戸衣吹さん

いずれも出身地が東北だから選んだということらしいので驚きです。
九州でも出さないかな~と思いつつ、これで東北3姉妹のご紹介をおわります。

「とうほくさんしまい」と入力すると、「東北産姉妹」と出るのは私だけ?

VOCALOID, コミPo!, 作ってみた, 漫画アニメ

東北ずん子和服データの使い方_001

#ずんだチャレンジというイベントをやっていたので、コミPo!で作ってみました。


#ずんだチャレンジとは、
「アイス・バケツ・チャレンジ」のパクリ?で、
  • ずんだ餅を食べる
  • 500円を寄付する
  • 東北ずん子を描く
この3つのいずれかを選ばなくてはいけない指名ゲームである。


東北ずん子のイラスト/3Dデータ(http://zunko.jp/con_illust.html)で配布されてるデータを使って作成しています。

前回利用したときは、髪の部分だけでしたが、
着物とずんだアローのデータも配布されています。
前回:

この機会に使ってみてはいかがでしょうか?


ただ使い方が若干ややこしくなっていますので注意してください。


東北ずん子データ使用時に注意する点


  • 着物の装着は、ポーズによって変更する
  • 髪の装着は頭上アイテムでセット
  • 着物の装着は机上アイテムでセットする

ではこれらに注意して使い方を説明します。


東北ずん子和服データの使い方


1.まずは和服データをダウンロード

東北ずん子のイラスト/3Dデータ(http://zunko.jp/con_illust.html)

解凍すると、こんなファイルが入ってます。

東北ずん子ダウンロードファイル中身

使うのは3DデータだけでOKです。
  • ズンダアロー.csu
  • 東北ずん子(衣装).csuが1~195
東北ずん子(衣装).csuの番号は、ポーズが決まっています。

HowToUse.jpgの001~005を参照して、どんなポーズで使うのかを決めます。
東北ずん子和服ポーズ一覧

2.ポーズを決める


今回は48.両手で握手を作ってみます。
東北ずん子両手で握手のポーズ

3.東北ずん子の原型を作る



東北ずん子のデータを始めて使う人は、
水着着用+坊主頭を準備します。
東北ずん子基本データ作成
  1. 服装⇒水着の06ライム
  2. 瞳の色⇒緑
  3. 髪型⇒坊主
基本はこのキャラを中心に使っていきます。


4.東北ずん子のポーズをつける


最初に選んだポーズをつけます。

ポーズが違うと、和服はずれますので注意をしましょう。
東北ずん子両手で握手

5.ポーズと同じ和服データをコミPo!本体にドラッグ&ドロー


前回髪を入れている人は、
マウスでデータを移動するだけでOKです。(フォルダーも指定されます)
東北ずん子データドラッグ&ドローする方法

ユーザー3Dデータ読み込みは登録するカテゴリを選べる


同じ東北ずん子データとして、カテゴリを選んでもいいと思います。
東北ずん子和服データ確認 ※カテゴリはご自身でお選びください。

6.実行を押した後は一回削除する


ドラッグ&ドローで入れても着ることは出来ません。
東北ずん子ドラッグ&ドロー後
まずは、そのまま消してしまってください。

7.和服を机上アイテムで装着する

東北ずん子和服着用机上データの出し方
  1. キャラのパーツ変更(メガネアイコン)
  2. 顔・身体の追加パーツの机上アイテムを選択
  3. 和服データをプッシュ
この順序で操作をすれば、そのまま自動的に着用してくれます。
調整不要なのは凄い仕組みです。


8.和服の次に髪を頭上アイテムでセットする

東北ずん子髪をセットする方法
髪の毛は、頭上アイテムで装着します。
こちらも選択するだけで、自動的にセットされます。

※調整はつまみで行うことが出来ます。

9.任意でずんだアローを手にセットする

ずんだアローセットの仕方
同様にしてずんだアローを、右手アイテムで追加すれば完成です。

東北ずん子和服データの使い方_001
簡単なので使ってみてください。

コミPo!, 作ってみた, 漫画アニメ

バーチャルスライドショー作り方紹介を漫画で説明_001

バーチャルスライドショー作り方紹介を漫画で説明_001
ボカロの初音ミクや東北ずん子や、
CeVIO Creative Studioのさとうささらなど、
数多くのバーチャルボイスが誕生しています。


バーチャルボイスとは、
台詞をいれるだけでしゃべらせることが出来るソフトです。


もちろん普通の台詞だけでなく、
歌わせることも出来ますが、
調整は高度で難しいので、


今回は、パソコンで作る
バーチャルボイスを使ったスライドショー動画の作り方です。


バーチャルボイススライドショーに必要なもの

バーチャルボイススライドショーに必要なもの
  • バーチャルボイス(ここではさとうささら)
  • 画像(ここではコミPo!)
  • 動画編集ソフト(wondows ムービーメーカー)

バーチャルボイスは、
ボカロの初音ミクや東北ずん子でもかまいません。


スライドショーなら時間がかからない

バーチャルボイススライドショーが簡単な理由
動画を作るには、
カメラを回す方法が早いのですが、

それが出来ない人は、
画像から動画を作るスライドショーが一番簡単です。


画像を複数枚用意して、
後は並び替えるだけで作れます。


動画を作りたいけれど、
面倒だったり、カメラを使えない人は便利です。



それぞれご自身にあった方法でご準備ください。


画像の準備ができたらまずはスライドショー動画を作る



画像は自分で作成したり、
スマートフォンでとってもいいですし、
リンクフリー無料画像を使うことで動画を作成する事もできます。
参照:撮影不要!無料の素材だけで実写版gifアニメや動画を簡単に作ろ方法


1.ムービーメーカーを立ち上げる

ムービーメーカー
ここでは、windows7のwondows Live ムービーメーカーを使用しています。

動画編集ソフトは、
Adobeのソフトでも無料ソフトでもかまいません。


2.画像をファイルから移動してムービーメーカーに入れる

画像を入れているムービーメーカー
タイトル部分を除き、
すべての画像を一度に挙げる方法が一番早いです。


スライドショーは、
動きがあるgifアニメとは違って
枚数は少なく済むのがメリットです。



3.順番に並び替える

ムービーメーカー画像の動かしかた
ムービーメーカーでは、
マウスのドロップ&ドローで体感的に動かせるので、
とても便利です。


枚数が多いほど作業時間がかかりますが、
短いスライドショーであれば、
そこまで時間はかかることはありません。



もし画像が多くなりそうな場合は、
画像ファイルを数字で管理すると、
その順番でムービーメーカーに表示されますので、
作業が楽になるかもしれません。

例)1.jpg、2.jpgなど


4.バーチャルボイスを作る

CeVIO Creative Studioスクリーンショット 2014-09-03 22.03.10
さとうささらであれば
起動したらすぐに使えます。


今回作成したスライドショーは
漫画形式なので、そのまま台詞をコピペして作っています。


5.バーチャルボイスをエクスポート

さとうささらエクスポート 2014-09-03 22.12.14
さとうささらのCeVIO Creative Studioでは、
「セリフ単位でエクスポート」が使えます。


音声ファイルが、
入力した台詞ごとに出力されるので、
それを画像に合わせてセットするいくだけです。



6.台詞を編集して時間を調整しよう

ムービーメーカー台詞の並び替え方
セリフ単位でファイルが分かれているので、
マウスで画像に移動します。


ムービーメーカー秒数指定方法 この時に台詞にあわせて、
画像を表示する秒を調整します。


長い台詞が多いと、
それだけで再生時間が長くなってしまいますので、

台詞が長くなるときは、
短縮してしゃべらせる事もしています。



出来る限り短時間で作らないと、
単調なスライドショーは飽きられてしまうからです。



多少の違和感はありますので、
問題があれば画像の文字を書き直してもいいかもしれません。


7.最後に再生させながら調整します。




台詞とスライドショーの動きに違和感があるときは、
表示する画像の秒数を変更したり、
新しく画像を付け加える事もします。

この部分が一番面倒で楽しいところです。
意外と楽しくなってきますが、
あまり神経質にならないように注意をしましょう。



あとは動画としてyoutubeにアップすると、
後悔できるようになります。


いかがでしょうか?


バーチャルボイススライドショーは、
スライドショーにバーチャルボイスの音声ファイルを入れるだけで作れます。


ちょっとしたじかんで出来るので、
ぜひ活用してください。

gifアニメ作り方, VOCALOID, コミPo!, スライドショー作り方, 漫画アニメ

餅をつく東北ずん子
東北ずん子の公式twitterがコミPo!用のデータを配布してたのを偶然発見しました。


ということでさっそく使ってみました。

ダウンロードは公式サイト
http://zunko.jp/con_illust.htmlの下から3番目?です。


東北ずん子のコミPo!データ設定方法


配布されていたデータは、髪のパーツだけですね(笑)
東北ずん子コミPo!データ これをコミPo!に取り込んで使います。

取り込み方は、同封されているHowToUse1.jpgを見ると簡単な説明書きがしてあります。
HowToUse1
順番を書くと
  1. 3Dユーザデータ取り込みを押す
  2. 追加アイコンを押す
  3. ファイルから選び
  4. カテゴリ名を入力して保存

カテゴリ名を変えると、別々のフォルダに入ってしまいます。
別に変える必要はない(?)ので注意しましょう。

私はやらかしました(苦笑)↓
東北ずん子カテゴリ名の説明キャプチャ ※全部別々の区切り

東北ずん子をコミポで作る



HowToUse2.jpgでは、大まかに書いてあります。
HowToUse2 初めての人には、ちょっと分からない部分もあるかもしれません。


東北ずん子作成の手順としては、
  1. 坊主頭の緑キャラ(目と服が緑)を一人作る
  2. ポーズをつけて
  3. かつら(?)をかぶせる
こんな感じです。

具体的に作ってみます。

1.キャラクター作成・編集で坊主頭の緑キャラを作る

東北ずん子をコミPo!で作る 目は緑+タレ目
制服の緑(半そででももちろんOK)
後は着物も欲しいですね(笑)


2.坊主にポーズをつける

東北ずん子構えるの作り方
ずん子は東北のずんだ餅から来ているそうなので、
今回は餅つきを作ろうかと思います。


3.かつらをかぶせる

コミPo!ユーザ3Dの使い方
説明書通りにパーツ変更を使います。

この時迷うかもしれませんが、
「顔・体の追加パーツ」
「右手アイテム」or「左手アイテム」
でしかユーザ3Dは使えません。

※私は迷いました(苦笑)


大抵は「顔・体の追加パーツ」の「頭上アイテム」から選べばそのままかぶさります。

後は微調整するだけです。

お祭り東北ずん子

東北ずん子って何?


ボカロをご存知でしょうか?
ボーカロイドと呼ばれる合成音声ソフトです。

好きな歌を歌わせたり、台詞をしゃべらせる事が出来るんです。
他にも兄弟姉妹はいますが、東北ずん子の特徴はなんと言っても東北弁!

独特の発音が結構面白いです。

この動画の後半部分で自己紹介していますのが、東北独特のなまりが感じられません。
ここまでクオリティーがが高い言葉や歌も出来るのは面白いですね。


東北ずん子は東北生まれの永遠の17歳?


ここで東北ずん子のプロフィールをご紹介します。
東北ずん子プロフィール 引用元:東北ずん子公式Webページhttp://zunko.jp/
公式情報によると、10月27日生まれのずんだ作りが趣味のようです。

ずんだとは、東北の郷土菓子で枝豆をすりつぶした餡をつけて食べるようです。
これからずんだ餅が東京ではやるのかも?




VOCALOID, コミPo!