～アセットを提出するための素材準備をしましょう 其の⑥ Audio/Video編～

泥沼のKey Images製作を終えた、ONIGIRIは前代未聞の難題だったがために、少し腐敗していましたが…

Keyimageを成し遂げたことにより、少し自信がついたというか…

「わぁ(●´ω｀●)
　私でもこんな事ができるのかぁ(*''▽'')」

と気分爽快だったような気がします!!

では、次はMetadata & Artworkの中の
Audio/Videoを設定していきましょう!!

Key Imageに比べたら、もうめちゃ簡単です♪

このAudio/Videoは
アセットを選ぶ上でとても大事な試聴用音源を貼ります!!

とにかく聞いてもらわないと!!

試聴用音源で利用できるサービスは５種類です。

・YouTube
・Vimeo
・Soundcloud
・Mixcloud
・Sketchfab　　　　です。

アセットストアで他のアセットのページを見ていると
割とYouTubeかSoundcloudが多いように感じたので
今まで知らなかったSoundcloudを利用することにしました''`ｨ(´∀｀∩

Soundcloudについてはコチラ
soundcloud.com

試聴用音源は、もちろん曲の最初から最後までぜーんぶ載せてもいいです♪
自分の曲ですしね♪
どの部分も大事に作りましたもんね♪

でも私が実際に試聴するとき、そう言えば全部聞かないなぁ(。-`ω-)と考えたので
一番自信のある「ここだけは聞いて!!」の部分だけを抜粋しました。

また、曲の最初からの流れも知っておいていただきたいので
曲のド頭よりちょっと過ぎたあたりから、フェードイン、フェードアウトを取り入れながら、全体を通して聴けるように編集しました!!

こんな感じに→ONIGIRI SAMPLE MUSIC
soundcloud.com

大体1分～2分ぐらいにしてます。

試聴用音源の編集は以前の記事にも登場したAudacityで編集しました!!

Audacityで編集した音源をWAVファイル形式で保存しt…

おぉっと!!Σ(･ω･ﾉ)ﾉ！

みなさん覚えてますか!!

WAVファイルですよ!!

以前の記事で説明したアレです!!

では、気を取り直して…

Audacityで編集した音源をWAVファイルで保存して、貼りつけます!!

ではSoundcloudへの貼りつけ方は、次の記事でご説明いたします!!

ばいばい( ´Д｀)ﾉ~ﾊﾞｲﾊﾞｲ
☟私、ONIGIRIのアセットです！☟

～アセットを提出するための素材準備をしましょう 其の⑤ 泥沼のKey Images GIMP編～

さて、GIMPを使い、どのようなKeyImageを作ったのかというと…

では、実際にGIMPの画面を見てみましょう。

ちなみにGIMPを使うにあたり、参考にさせていただいた記事は
コチラです→
synclogue-navi.com

本当にありがとうございました!!

まずはLarge size(516×389px）

元々のテンプレートはこれで…

「Image safe area」というところに作成した画像を重ねます。

「Text area」と「Area not visible final」の部分は空けておきましょう。

同様に、small size(200×124px）は

元々のテンプレートがこれで…

作成したKeyimageがこれです。

下半分のチェックの部分は、GIMPで、作成時にテンプレートの不透明度を下げていくと、こうなっちゃいます。

最後にIcon(128×128px）

元々はこれで…

作成したものが、コチラ。

ちっちゃい…(´・ω・｀)

Iconは、「Text area」などが無いです。

実際に提出するときなのですが
「Text Area」「Area not visible final」の部分を透明にした状態を保ったまま提出してください。

絵で説明しますと…

実際のアセット提出画面では…

↑↑このようにイメージ画像の部分だけが表示されていますが

実際は…

↑↑このようにはめ込んで提出します。

要は!!

提出に必要なのはこの画像です!!↓↓

…はぁ（;´д｀）
必死に伝えたいがために、ちょっとアツくなってしまいましたが(;^ω^)

ONIGIRIの拙い説明で分かっていただけたら、幸いですm(__)m

このように、画像編集などに全く疎いONIGIRIでも、解説してくれているブログなどを参考に、作成することができました!!(((o(*ﾟ▽ﾟ*)o)))

実は、このKeyimage
「一旦作成して、慣れてきたら、もっとクオリティの高い画像に変更するゾ」
なんて思っていたのですが、今でもずっとこのままです…(;^ω^)

さぁ!!
これでKeyimageは完成しました!!

さらっと説明していますが、Keyimageのテンプレートの意味、提出上でのガイドライン、初めて触るGIMP…と、Keyimageだけで、結構な時間がかかりました（;´д｀）

でも、ものすごく苦労したからこそ、このブログを書こう!!と思ったきっかけにもなりました!!

今日はここまでに…( ´Д｀)ﾉ~ﾊﾞｲﾊﾞｲ
☟私、ONIGIRIのアセットです！☟

～アセットを提出するための素材準備をしましょう 其の④ 泥沼のKey Images 導入編～

今回はアセットのKey Imagesを説明します!!

実はONIGIRIは、このKey Imagesを作ることが
アセット提出作業上で最初にハマった大きな沼でした…（;´д｀）

なので、丁寧に説明していきますね(*''▽'')

もちろんUnityアセット提出に関するガイドラインにも、しっかりと書いてありますが、説明が英語なので、ONIGIRIは他の日本人パブリッシャーさんのブログなどを参考にさせていただきました!!

参考にさせていただいたサイト→てんぷら様「UnityのAsset販売のノウハウ」

Takashi Jona様「アセット作家になろう！　～作ったキャラクターやスクリプトをアセットストアに出品しよう！～」
皆様、本当にありがとうございました!!

まずは、画像のサイズです!!

Icon:一覧のページで表示されるサイズ→128×128px
Small image:小さいサイズ→200×124px
Large image:大きいサイズ→516×389px

ONIGIRIの場合はこうです↓

そして!!大事なこと(ﾟДﾟ)ﾉ

この作成する画像には
Unityさんが決めた形式があって
それに添って作成しないと、審査に受かりません!!

すでにアセットを販売されている方の記事を参考にさせていただいていると
なにやらこの作成画像のテンプレートがあるとの事♪

こちらがそのテンプレートです♪→HERE

わぁ(●´ω｀●)
すでにテンプレートがあるなら、それの上から書けばいいのね♪
楽勝♪楽勝♪ヽ(^o^)丿

と、思いダウンロードしてみる…

ん？(。´･ω･)?

…開いてみようか…カチカチ…( ..)φ…PNGてなんだろう…

えっと…なんですかねぇ(;'∀')…まぁ、開いてみようか…カチカチ…( ..)φ…

…ぽつん…

…(゜_゜)何これ？…

…(・_・)…で、どうするの？全然わかりません…(゜.゜)

他のやつ開こう(*''▽'')!!ポチポチ( ..)φ…

ででーーーん!!
…(゜_゜)だから、何これ？…

…(・_・)…

…ONIGIRIは諦めｔ…
いや!!(。-`ω-)…やるんだ!!

調べろ…とにかく調べるのだ…(; ･`д･´)…（;´д｀）

「Unity Key Images　作成　方法」🔎ぽちっ
「Unity アセット Key images　PNG PSD 作成方法」🔎ぽちっ
「Unity Key Images テンプレート 作成方法」🔎ぽちっ
…
…
…（;´д｀）…

どこにも情報が載ってなかった、というか、検索するまでもないような簡単な内容だったのか、または検索方法も下手だったような気がします（笑）

色々時間をかけて調べてやっとわかりました!!

「PNGはGIMPという画像編集ソフトで編集してくださいね。
　PSDはPhotoshopという画像編集ソフトで編集してくださいね。」
ということのようだと…(・∀・)

(・∀・)

ということで、Photoshopはお金がかかるようなので、GIMPを使い、編集することにしました(ﾟДﾟ)ﾉ

ガイドラインにかなり細かい説明が載っているのですが

・Text areaは文字がのる部分なので、考慮してデザインしましょう
・右隅に大きなロゴは載せないでね
・画像を並べないでね

とのこと等々が書いてありますので、慎重に作成してください。

現に、ONIGIRIもKey Imageを作り直したときに、ガイドラインを守れていなかったとのことで、審査落ちしました（;´д｀）

なので、、、
Key Imagesとても大事です!!!!!(ﾟДﾟ)ﾉ

GIMPについては、使い方が書かれている記事がたくさんあるので
ぜひそちらを参考にしてみてください♪

GIMPはフリーソフトでありながら、有料の画像編集ソフトに劣らない使い方ができます!!

GIMP

www.gimp.org

Unityに関わらず、これからも色々な使い方ができそうですね♪

次回、もう少しKey Images編やります!!

実際に作っていく画面を見てみましょう。

ありがとうございました!!( ´Д｀)ﾉ~ﾊﾞｲﾊﾞｲ
☟私、ONIGIRIのアセットです！☟

～アセットを提出するための素材準備をしましょう 其の③ Meta Data編 HTMLについて～

前回はアセット提出画面を、サッと説明しました。

今回はONIGIRIが失敗したMetaDataの説明をします(ﾟдﾟ)/

MetaDataには、提出するアセットの説明を書きます。

ここで、重要なのが「HTML言語」で書く!!です。

ブログを書く人や、HPを作る人には基本中の基本だとは思います。

HTMLとは、Hyper Text Markup Language（ハイパーテキスト・マークアップ・ランゲージ）の略で、WebページはこのHTML言語で書かれています。

実は、このONIGIRIのブログもHTML言語で書かれているのです!!

試しに、今このページを右クリックして
「ページのソースを表示」を選択してみてください。

わぁ(ﾟдﾟ)！

なんか宇宙人みたいな英語の羅列が出てきましたね!!

そうなんです、これがHTMLです。

Unityのアセット提出ガイドラインにも、しっかりと

「 All description text needs to be formatted properly with html tags. 」
→すべての説明テキストは、HTMLタグを使用して正しくフォーマットする必要があります。

と、書いてあるにも関わらず…
「よくわかんないから、一旦飛ばそ…(・ω・)」と、普通に説明文を書き始めたのです。

※リンクの貼り方だけは調べて入力できたのです。
すでにこの時に「HTML」の言葉が出てきていたのにも関わらず…
普通に書いた↓

そして、プレビューを見た結果…↓

Σ(･ω･ﾉ)ﾉ！

NO改行!!

見にくっっっっっ!!!!!!

ONIGIRIはここでやっと「HTMLってそういう事なのね…」
と、ちゃんとガイドラインの説明を考えて書かなかったことに
深く反省しました…（´・ω・｀）

改めて、HTMLについて勉強しなおして、書き直しました!!

書き直した結果↓

プレビューを見ると…↓

わぁ(●´ω｀●)
見やすい♪

ということで、ONIGIRIはまた一つ知識を増やすことができました!!

私の大いなる失敗談をみなさん笑っていただけましたでしょうか？

PC知識のある人にとっては、「そんなこと」なのですが
「そんなこと」も知らない私でも、一個ずつやっていけば
できるよー♪って言うことを、お伝えできたら幸いです(*'▽')

今日はここまでにします( ´Д｀)ﾉ~ﾊﾞｲﾊﾞｲ
☟私、ONIGIRIのアセットです！☟

～アセットを提出するための素材準備をしましょう 其の② アセット提出画面編～

前回は、アセット提出のための一番大事な
「サウンドファイル」を準備できました!!

では、ここで一旦
アセットを提出する画面を実際に見てみましょう!!

Publisherアカウントでログインすると、この↓画面が出てきますネ♪

赤丸で囲んだ「Create New Package」をクリックします。

はい！こんな画面になりますネ♪

では、大まかに説明していきましょう♪

「Untitled」：ここは、後ほど「MetaData」を書く画面で入力します。

「Version」：最初は1.0から始めましょう。曲を追加したり、MetaDataの大きな変更があったときに、1.1→1.2などに変更していきましょう。

「Version changes」：「〇〇を追加しました!」や「〇〇を修正しました」などのバージョンアップした詳細を書きましょう。※英語で!!

「Category」：Audio/Musicを選びました。何かのジャンルに特化しているなら、そのジャンルを選んでもいいと思います。

「Price」：自信を持って値段をつけましょう!!
あまり安く設定しても、安いなりの理由があると思われてしまうかもしれません(・´з`・)
ちなみに、＄4.99以下の値段設定はできません。

では、「Metadata & Artwork」に移ります。

※ちなみにMetaDataとは、「そのデータを表す属性や関連する情報を記述したデータのこと」を表します。

「Metadata」：アセットについての説明を書きます。最初は何て書いたらいいかわからず、他のアセットの説明文を真似て、くっつけて書いてました。

ちなみに英語は必須ですが、やはり日本人なので日本語、また中国語、韓国語も追加しました。

そして重要なのが!!

HTMLタグを使用し、入力すること!!

…何ソレ？(・∀・)

これについては、後日、私ONIGIRIの失敗談も含めて説明します!!
知っている方は、私の失敗談だけをおもしろ可笑しく読んでいただけたら、幸いです(´艸｀*)

「Key Images」：アセットストアで表示されている画像の部分です。赤丸の部分↓

実はこのKeyImages作成に、私はアセット提出作業で、最初にハマった大きな沼でした…（;´д｀）
簡単に言えば、Unityが提供してくれるテンプレートがあるので、それに沿って作成するだけなのですが、PC初心者のONIGIRIは、これに2週間悩まされました…

これも、また!!
後日、KeyImages作成の記事を書くので、ONIGIRIの失敗談と共にお楽しみください（笑）

って、失敗談ばっかりやーん(/・ω・)/

「Audio/Video」：試聴用音源のリンクを貼ります。私の場合はsoundcloudにしています。

「Screenshots」：これは、私いまだにサウンドアセットの場合、何を貼りつければいいのかわからないのですが、とりあえずインスペクター内でサウンドを再生したときのスクショを貼っています。

「Tags」：「パッケージを公開した後にのみタグを編集できます。」との説明がありますが、私はいまだに設定していません（;´д｀）

とりあえず、ここまでがアセット提出のために入力しなければいけない項目を大まかに説明しました!!

では、次は「Metadata & Artwork」の、内容を細かく説明していきたいと思います!!

今日はここまでに( ´Д｀)ﾉ~ﾊﾞｲﾊﾞｲ
☟私、ONIGIRIのアセットです！☟

～Audiostockでもサウンド販売を始めました～

だいぶ時間が過ぎてしまいましたが、私の曲が
Audiostockで販売を開始いたしました!!

たった3曲ではありますが、非常に嬉しかったです。

これまでに数曲を審査に出しましたが、2度審査落ちしました…

他にも、BOOTHやDLsite、UnrealEngineにも挑戦していきたいと思ってます!!

皆さんの創作活動の演出のお手伝いができるように、作曲頑張ります!!

ONIGIRI soundよろしくおねがいします!!

～新しいサウンドアセットリリースしました!!～

GW最終日の5/6に新しいサウンドを含めた
ONIGIRI Music Pack vol.1
Unityの審査を通過し
リリースされました!!㊗

試聴はこちらからどうぞ↓
soundcloud.com

今回の新しいサウンドのタイトルは「One night's waltz」です。

元々は「One night's waltz」１曲だけを作っていました。
曲はこちら→One night's waltz（soundcloud)

ゲームサウンドで使いやすいように、「One night's waltz 」の１曲を
３つに分けてループ対応にし、３曲にしました。

「One night's waltz trilogy OP ver.」
中世の時代の舞踏会で、軽やかに
豪華にダンスをしている様子を表現しました。

「One night's waltz trilogy Strings ver.」
弦楽器を中心に、中世の舞踏会が行われる宮殿や装飾の荘厳さ、
衣装の豪華さや女性の美しさ、男性の堂々たる振る舞いを表現しました。

「One night's waltz trilogy piano ver.」
ピアノとヴァイオリンが奏でる切ないメロディーです。
舞踏会が終わり、静寂と切なさが残る月夜を表現しました。

上記の３曲の試聴はこちら↓
soundcloud.com

説明が下手でごめんなさい…(m´・ω・｀)m

ゲーム開発者様のみなさんの
ゲーム演出のお手伝いができることを
心から誇りに思っているONIGIRIは
これからもたくさんのゲームサウンドを作り続けます!!
☟私、ONIGIRIのアセットです！☟