カイの夏の絵日記まとめとデザフェスについて

2020年9月4日 at 1:49 PM

Twitterをチェックしてくださってる方はご存知だと思うのですが、8月6日より毎日カイちゃんが絵日記を描いてTwitterに投稿しており、8月31日で宿題提出として終了しました。
ハッシュタグ、「#カイの絵日記」で検索すると振り返ることができます、が!

youtubeにも今までの絵日記を楽しく編集してまとめましたので、まだ見てない方はぜひチェックしてくださいね!

カイアイコン メイキング動画も!

作画の様子が見られるメイキング動画もありますよ♪
下書きと変わってるものもたくさんあるので比較してみると楽しいかも!

カイちゃんが絵日記の中でプロデュースしたクワガタTシャツ
なんとBOOTHにて本当に販売しています

さぼってんgirl インスタからも絵日記を見られるよ!

カイの絵日記はTetra Styleのインスタのストーリーからもチェックできますよ!


てとらアイコン2 デザフェスvol.52について

ブース番号が決定しております!
Tetra StyleはC-194なので、「C行くよ」で覚えてくださいね!

Tetra StyleはC-194 クリックで拡大します

ブース紹介はこちらから!

次回のデザフェスは11月7日〜8日、ビッグサイトにて開催予定ですが、まだコロナの影響が色々あると思います。
イベント自体の開催可否、また状況によってのTetra Style出展辞退の可能性、開催・出展した際の感染症対策など、情報を更新していきますので、チェックをよろしくお願い致します。

youtubeでイラストコンテンツを配信中!

2020年8月2日 at 8:36 PM

最近はちょこちょこyoutubeのTetra StyleチャンネルにもコンテンツをUPしています。
以前こちらのブログでイラストの加工講座をUPしたことがありましたが、同様にイラストを描く方の参考になればいいなと思っています(そして自分の備忘録も兼ねている)
もちろん、イラストを描かない方も「ふーん、こんな風にして描いてるんだ」くらいな感じで見て頂けると幸いです。

てとらアイコン2 背景演出の講座動画!

最新の動画はTetra Style応援キャンペーンでリクエストをいただいたイラストを使って、華やかな一枚絵に仕上げるための背景演出の講座となっております!

人物を楽しく描いたけど、一枚絵にするためには背景がいる…。 適当に模様を足してみたけどなんか冴えない…。こんな課題を解決します!
本当はラフの時点で背景のことまで考えられると良いのですが、カットイラストを一枚絵に仕立てる場合なんかにも役に立つと思いますので、困った経験がある人はぜひごらんください。

しぃるアイコン2 動画つくるのって大変…!

こちらの動画(↑)はyoutuberっぽいことをしてみようと思い、音声あり、テロップありの動画に挑戦してみましたが、めちゃくちゃ大変でした。youtuber(編集してる人含)すごい。。。

「なんでもコンテンツにしてやる」というのが最近の気持ちなので今回動画編集で行った履歴も簡単に残しておきます。
みんなもyoutuberになろうぜ…!(とてもたいへんだよ。)

動画編集にあたりやったこと

・クリスタのイラスト画面をmacのQuickTimeで画面録画

今回は描き方の経過動画ではなかったので、クリスタのレイヤーを切り替えている様子を画面録画して作りました。間の細かい経過はなく、さくさくとイラストが変わっていくので動画の時間短縮になります。
下書きのレイヤーなんかも残しておくとこういった時に使えます。

MacのQuickTime Playerで画面を収録する

・illustratorでテロップ作り

日本のyoutubeでは必須のテロップ。単に文字を打っただけでないテロップをどうやって作ろうかな…と考えていました。
youtuber御用達アプリ「perfect Image」で簡単にテロップを付けられることは知っていたのですが、PCで編集したかったので、perfect Imageのテロップ一覧を参考にillustratorで一つずつ作りました。めっちゃ大変ですね…。テロップで便利なやり方があったら教えて下さい。
グラフィックスタイル登録とアートーボードごとの書き出しが大活躍しました。

youtubeといえばこういうテロップ
いっぱい作った…

アートボードサイズ
1280px×720px

アートボードは塗り足し線を消すことを忘れずに。
[ファイル]→[ドキュメント設定]→断ち落としのピクセル数をすべて0に。

アートボードごとの書き出し。
[ファイル]→[書き出し]→[スクリーン用に書き出し]→4x jpg100で書き出しました。

・iPhoneで音声を別撮り

iPhoneでの音撮りはマイクを使うといいのかなと思ったのですが、なにせマイクがなかったので最初iPhoneについてくるイヤホンマイクを使って収録してみましたが、イヤホンマイク使うよりそのまま端末に向かって最初から入っているボイスレコーダーアプリで録音する方が音が良かったです。

あとどうも早口になりがちなので注意してください。私だけかな。

・Premiereで音声を聞き取りやすく編集

自分の声を録音して聞くのが苦手な人も多いのでは…。アナウンサーのような滑舌と素敵な声が欲しい!でもそうは言ってもしょうがないので、せめて音声クオリティを上げようと思い、Premiereで編集しました。

こちらの動画を参考に編集したのですが、聴き比べてみるとかなり良くなりました!

・iMovieで映像や音を合わせて編集

PremiereあるならPremiereで編集した方が色んなことができると思うのですが、なにせやることがすでに色々あって疲れたのでさくさくいじれるiMovieを使いました。細かい左下のテロップや画面切り替えのトランジションはiMovieです。
完成したらそのままyoutubeに書き出してUPできるのもいいところ。

その他のイラスト動画はこちら

Tetra Styleとは直接的には関係ありませんが、同じチャンネルでこういうイラスト経過動画もUPしています!良かったら見てくださいね。

イモリ好きの方からお写真をお借りしてリアルイラストを描いてみました。
最初はかなり適当な形ですが、気がつくと一気にリアルになっていきます!

こちらは最初にモノクロで濃淡をつけた絵にオーバーレイで着色するという「グリザイユ画法」に挑戦してみた動画です。
モノクロさえ頑張ればざっくりとした色塗りでもそれらしくなるという技法なのですが、このひまわりはイモリのイラストより時間がかかってしまいました。おーう。。。
思った色をつけるための色調整がなかなか難しかったです!

Tetra Styleチャンネルの動画が面白かったらグッドボタン、チャンネル登録を宜しくお願いします!(定型文)(言ってみたかった)

Tetra Styleが「あやなんの映える街ぶら」に出ます!

2020年7月7日 at 10:30 AM

しぃるアイコン2「あやなんの映える街ぶら」とは?

「あやなんの映える街ぶら」 TVK(テレビ神奈川)毎週金曜日25時30分~放送予定 出演/篠崎彩奈(AKB48・チームA) 篠崎彩奈が神奈川県内を旅して、 その街の名所、グルメ、日常などをゆる~くレポートします。 あやなん自身が様々な角度からSNS映えする写真を撮ってみなさんにお届けする番組です。

【公式】篠崎彩奈の「あやなんの映える街ぶら」Twitter(@ayananmachibura)

こちらの番組にて、Tetra Styleと作者であるErikaのお絵かき講座が紹介される予定です。

放送日は7/10(金)25時30分~です!

youtubeにて放送がアーカイブされているので、神奈川県外の方も、深夜で起きてられなかった!見逃した!という方もチェックできますので、ぜひご覧くださいね♪

放送後にもお楽しみがあるかも?

放送後、漫画で撮影の裏話を公開予定です!
おたのしみに!

こちらの記事でyoutubeと撮影裏話マンガを公開しています

てとらアイコン2 Information

Tetra Style
動物のずきんを被った小さな生き物たちのキャラクターブランド。主人公は狼のてとら。「かわいいうさぎ」はTetra Styleのサブキャラ。
大人の日常に寄り添った癒やしのキャラクターとグッズを展開、販売している。

只今プレゼントが当たる応援キャンペーン実施中!7/14まで!
詳しくはこちら

もっと応援キャンペーン

【Twitter】
Tetra Styleの最新情報はこちらが最速!
ちょっとしたイラストを公開したりしています。
@TetraStyle_info

【Instagram】
インスタも応援してね!かわいいうさぎのインスタもあるよ!
@tetra_style
@kawaii__usagi

Erikaのオンラインお絵描き講座
Craftieにて初心者〜中級者が楽しくお絵描きできるオンライン講座を開いています。
開催日はお気軽にリクエストしてください。
見本のイラストなどはこちらのインスタアカウントで紹介しています。
Instagram:@erika.aquablue

脱・サボり宣言!社チクッてん

2019年4月1日 at 12:46 AM
社チクッてん


2019年4月「さぼってん」は、働くさぼてん「社チクッてん」として生まれ変わります。
詳しくは社チクッてんのサイトをご覧いただき、ご依頼の際はTwitterにて #社チクッてんとつけてツイートしてください。
追ってお返事させていただきます。

企業と働くさぼてんの架け橋
さぼてん派遣会社 Tetra Style

ティラノビルダーで遊んでみよう!

2018年8月29日 at 6:28 PM

ティラノビルダーであそんでみよう

しぃるアイコン2  ティラノビルダーって?

皆様、2018年のエイプリルフールに公開したノベルゲーム「怨菓子」はプレイして頂けましたでしょうか?

未だ堂々とサイトTOPにあっておどろおどろしい雰囲気を醸し出してますね!(笑)

元々私はマルチエンディングのサウンドノベルゲームをプレイするのが大好きなのですが、まぁ…でもねぇ…自分で作るのって難しいんでしょう?だって私、プログラミングとか全然できないし…。そう思っておりました。

そんな時にたまたまティラノビルダーという存在を知りまして。お?これなら私でも簡単なものなら作れるのではないか?と思ったわけです。

 

ティラノビルダー:PC・スマートフォン両対応の「ノベルゲーム」が ドラッグ&ドロップの簡単操作だけで制作できるフリーソフト。高機能で制限なしの有料版(1,480円)もある。

 

なんだかティラノビルダーのステマみたいになっておりますが、無料でこれを公開しているのすごい…私が本当に作れたのもすごい…皆もゲーム作って…という気持ちで解説まぜつつ「怨菓子」を分解していこうと思います。

初心者が作ったものなので、間違っていたり作り方が下手な箇所があるかもしれませんがご容赦ください。

ティラノビルダーの基本操作は公式サイトに解説がありますので省略します。

未プレイの方は盛大なネタバレな上、分かりづらいと思いますので先に「怨菓子」を遊んでみてくださいね!

(1つのエンディングまで5分くらいです。)

それではスタート!!

 

スイアイコン  怨菓子のストーリー構造

怨菓子はマルチエンディング(選択肢によってエンディングが変化する)にしたいと思ったので、途中の選択肢と複数のエンディングを用意しました。

選択肢による変化をつけるためには変数の設定が必要になってきます。

変数の設定の仕方が分かるとゲームが作りやすくなると思いますので、今回はそこを重点的に話します。

怨菓子はチャートにすると以下のようになってます。(クリックで拡大します。)

フローチャート

シーンは「自宅」「学校1、2」「公園1、2」「駅1、2、3」「3種のエンディング」となってます。

ティラノビルダーの画面で見るとこんな感じ。

ティラノビルダー画面

フローチャートで箇条書きになっているのが変数ですね。

設定する変数項目は以下のようになっています。

  • 学校、駅前、公園の各シーン変数(各シーンのクリア判別のため)
  • シーンクリア変数(何パターンのシーンをクリアするとEDに向かうかの判別のため)
  • 満腹変数(どのEDに向かうかを判別するため)
  • 写真変数(写真を持ってるかどうかを判別するため)

こうやって図にすると自分でも「こんなことやってたのか…」と思いました。(笑)

このくらいであればこんな図にしなくてもなんとか作れます。大丈夫です。

各シーン、シーンクリア、満腹の変数は分かりやすいかと思うのですが、ちょっと変わっている分岐ポイントは「写真の有無」「駅前3にたどり着くかどうか」です。

 

 写真を持っていると嘘を付いた時

写真のシーン

公園1のシーンにたどり着いた時、モカにてとらの写真の有無を聞かれますが、公園より先に駅前に行き、カイに餃子券を渡していないと写真はGETできない仕組みになっています。

この時、選択肢にせず写真変数を自動で判別して「持っているシーン」と「持っていないシーン」に分岐しても良かったのですが、「持ってないのに、持ってると嘘を付ける」という遊びの選択肢を加えました。(「持っているのに、持っていないと嘘を付く」こともできます。)

こういう遊びがあると、あの時嘘を付いていたらどうなっていたんだろう?とプレイヤーは気になりますね。

この選択肢を入れた場合、選択肢を選んだ後に変数判別の仕組みを入れる必要があります。フローチャートと以下の変数の設定を参考にしてください。

アイテムを物語に登場させたい時は、それぞれの変数を作っていくことで所持の判別が可能になります。

写真変数設定1

餃子券とてとらの写真を引き換えるシーン。

写真変数設定2

モカに写真の有無を聞かれるシーン。

 

  駅前3で「テンに出会う」は裏ステージ

テンのシーン

駅前3に行くためには、公園1、学校1、駅前1の3シーン回る前にもう一度駅前に行く必要があります。

EDに向かう条件が「シーンクリア変数が6以上」のため、3シーン回ってしまうとシーンクリア変数が6になってしまい、EDに向かってしまって駅前3には行けない仕組みになっているのです。

(しかも公園と学校は2度行ったところで「ここにはもう用事はないな」となるので、駅前も何もないだろうと思いがち。)

ですので、例えば「駅前1→学校1→駅前3→公園1」のように回らねばテンには会えません。

駅前3に行く2

ポイントは他の各シーンのシーンクリア変数は通常+2のところ、駅前3のシーンクリア変数が+1になっているところです。こうすることで、途中、駅前3を通過したところでシーンクリア変数は3または5になり、EDには向かわず、全てのステージを見ることができます。

駅前3に行く

ちなみに、分岐は増やしすぎるとストーリもどんどん複雑になっていくので、上手く分岐が収束していく箇所を作りましょう。話が噛み合わなくならないように注意です。

 

てとらアイコン2 あとはひたすらいじってみよう!

こういう風に書くとなんだか難しそうに見えてきますが、いじってみると大体理解できると思います。

私が怨菓子を作った時はとにかく変数設定で苦戦したので、少しでも参考になれば幸いです。

あ、あとクリア後は変数の数値を全て0にするのを忘れずに!2週目をプレイする時に突然EDに飛んだりします(笑)

変数を0に

とにかく最初は公式サイトの使い方を見ながら簡単なゲームをひとつ作ってみるといいと思います。

完成したらぜひ作品を見せてくださいね♪

 

カイアイコン  絵が描けなくても大丈夫!背景やイラストはフリー素材を利用しよう♪

ティラノビルダーにはデフォルトで背景などのフリー素材が入っています。

ゲームを作る際はこれらを利用する他、自作したり、フリーで素材配布しているサイトを利用してみましょう。

利用規約はよく読み必ず守って使用してくださいね。

今回は怨菓子に使用したフリー素材サイトをご紹介します。

背景素材:きまぐれアフター

音楽素材:Music-Note.jp

     株式会社ピクセル

 

それでは皆さんも良いティラノビルダーライフを!!