色数が増えるので原理主義者に怒られます。おわりにyutaさんがAseprite初心者向け講座をやるらしいので見ましょう明日12月29日22時より、ドット絵ペイントツールの"Aseprite(エースプライト)初級者講座"をライブ配信します。ゆるーく僕の分かる範囲で質問にお答えしていきますので初級者も上級者も皆来てね。(放送事故さえ無ければアーカイブを残します。18:29Asepriteのよく使う便利機能とかTweet広告を非表示にするもっと読むコメントを書く2018-12-08ツイのモタクは名刺を作れ(イベント当日編)ドット絵アドベントカレンダー8日目です。adventar.orgはじめに棒助です。1年ぶりにはてブを書きました。イベントっていいですよね。来たる12/9に東京でPixelArtPark5通称PAPをやるそうです。pixelartpark.com関係ないですけイベントってオフ会的な雰囲気ありますよね。イベントでは名刺交換が非常に捗ります。いうわけで皆さんも作りましょう。最後におまけツイのモタクは差し入れをしよう名刺を作る「1日で名刺なんて作れません」「名刺受け取ってもらえるか心配です」「名刺ってたくさん作らないといけないんでしょ?」「名刺の記事書くならもっと早めにやるべきだろJK」各方面からいろんな声が聞こえてくるのでお答えします。ごめんなさい余裕ですね?といわけでやり方をいくつか説明していきます。どの方面で攻めるべきか名刺と言っても色々なやり方があります。完全手作り数量限定オリジナルサイズとこんな感じです。どのデザインで作るかを決めましょう。時間がない人は片面と手作りの2択になると思います。ここに沿ってレイアウトを決めていきましょう。サイズどのサイズで作ればいいかは印刷会社に頼む場合、会社ごとに出されているテンプレートを確認しましょう。ワードやPPで出すこともできます。ここからはEDGEやAsepriteその他ドット絵エディタ上でデザインしたい人向けの話です。一般的な名刺のサイズは300dpiで1075px*650pxっぽいですね。dpiがわからない人は無視してもまあ大丈夫だと思います。用紙サイズ一覧.com画面にドット絵を貼りたい場合(ここを見てるほとんどの人だとは思いますが)、このままだとクソデカドット絵になってしまいますね。比率さえあってれば正しく印刷機に出してもらえると思うので整数倍に小さくしたキャンパスを作りましょう。213px*130pxないし107px*65pxぐらいで大丈夫だと思います。比率があっていても印刷でずれることがあるのでこの辺については後で話します。なにを書けばいいか名刺って何を書けばいいのかわからない人、いると思います。体感名刺によく載せられてる情報一覧です。名前ないしだれか判別できるもの(英語表記もあるとなお良い)各種SNS等のアカウントメール等連絡先この辺があると良いですね。他にもサイトを持ってる人はリンクを張ったりしておくといいと思います。あとは自由なので好きなことを書いていきましょう。文字は少ないほうがデザインとしては洗練されたものになっていきます。最終的にはこれらをお絵描きエディタ上で配置していきます。レイアウト配置はデザイン力が問われるので結構しんどいです。これについても自分が作るときにいくつか意識していることをば。載せたい情報を画面いっぱい載せるとごちゃごちゃしてしまいます。情報に優先順位を付けましょう。自分の場合はこんな感じでした。自分の名前SNSのアカウント、メールアドレスイラスト名刺を見たときこの順番に目線が向かうようにしてあげます。これについては大きさ、色、配置で差をつけられます。大きさについては言わずもがなですね。人は大きいものが最初に目線に飛び込みます。色については皆さんのイメージする名刺のデザインと相談にはなりますが、基本的に背景色と反対の色相の色を使ってあげると目立ちます。優先順位の低い情報についてはあえて色相の近い色を選んであげて目立たせないようにする工夫も必要です。配置については非常に奥が深いのでここでは書き切れませんが、本当に色々な方法があります。一つ意識しておいてほしいのは、画面上をすべて埋めなくても配置が美しければ綺麗に見えることです。空白の美学というやつですね。それで完成したのがこんな感じです。最初に名前に目が行き、そこからアカウント、画像の順に目が行くようにしたつもりです。名前とアカウントの幅をある程度揃えたりもしています。そんなデザインしてる時間がないという人はお気に入りの画像にイラストソフトで文字を加えるだけでもいいと思います。その際注意してほしいのは文字のサイズの基準をpxに変え、アンチエイリアシングを切り、サイズをフォント指定サイズの整数倍にすることです。することでドットバイドットの表示にすることができます。自分のオススメはMedibangPaintです。フリーのソフトでなんやかんやドット絵方面にも強いので愛用してます。2018名刺のやべーやつです。裏表で文字が鏡文字になってるのがおしゃれ。2018トランスフォームするやべー名刺です。2018ぼくの名刺です。印刷ここは印刷機が家にあるかないかで別れます。印刷機が家にある場合、家で印刷するのが一番手っ取り早いでしょう。名刺サイズの紙がない場合は2つ選択肢があります。名刺サイズの紙を買うか普通の紙に印刷して切り取るかです。自分は印刷用紙を家電量販店で買いました。大体の家電量販店はまあ少なくとも10時には空いていると思うので関東方面在住の人は間に合うと思います。他の場所でも心当たりがある人はそこで買いましょう。家で印刷をすると特に名刺サイズの紙の場合結構臨んだものと違ったものができることがあります。印刷の設定はサイズを名刺サイズにし、設定はフチなしで印刷しましょう。画面が滲む場合はインク周りなどの中の部分を掃除すると滲みが消えることがあります。位置がずれる場合は根気よく元画像をずらしてあげましょう。印刷機が家にない場合は各種コンビニ印刷サービスを使いましょう。出来はあまりよくはないらしいですがイベント参加が初めて等なら十分です。詳しくはないのですがBiziCardってサービスが出来が良いらしくとりあえずこれをお勧めしておきます。準備をする期間がある場合はちゃんとした印刷所で印刷してもらいましょう。何枚刷るかは割と悩みどころですよね。出店する側なら売る数+ちょっとでいいと思います。ない場合、絶対に渡したい人+ちょっとって感じでいいと思います。参考に、自分が渋谷ピクセルアートに一般行でったときは30枚刷って20枚ちょっと渡しました。最後にイベントは楽しいので楽しみましょう。名刺があるともっと楽しめると思います。明日PAP行く人はぼくの分まで楽しんできてください。おまけツイのモタクは差し入れをしようイベントで差し入れされるとめっちゃ嬉しいです(少なくともぼくはそうでした)。いうわけで差し入れをするときのポイントです。かさばるものは受け取る側が困ります。匂いがきついものや消費期限が短いものもあまりよくないです。この辺を加味して差し入れはやや高級なコンビニとかで売っているお菓子が多い印象です。ちなみに僕が貰って一番ヤバいなって思ったのはアイロンビーズセット一式です。さんはマジで天才だと思います。ドッターにアイロンビーズを布教したい人は明日PAPにアイロンビーズ一式をダイソーとかで買って持っていきましょう。2017の12月8日分で寄稿させていただきました。adventar.org今回は数あるドット絵制作用ツールの中でもアニメーション制作に特化したAsepriteを利用し実際にアニメーションを作るまでの過程を紹介します。Asepriteについてはアケルさんが打ち方講座を記事にしてくださっているので今回はその補完的な役割として考えてください。qiita.com今回使用しているAsepriteはv1.2.5-beta2のものです。Asepriteには興味ないけどアニメーションには興味あるよって人はアニメーションについての知識の項から読み始めてね。FileからWidth(幅)、Height(高さ)を入力してスプライトシートを作ります。今回は例として64*64のサイズで進めていますがサイズは後述の方法であとからでも変更できるのであまり気にしなくても問題ありません。画面の見方スプライトシート中央の四角いパネル模様がスプライトシートです。ここにドット絵を打っていきます。colorで塗る右クリックは上のツールバーのEditから一番下のPreferencesを押して上から二つ目のEditorにあるRight-clickで機能を変更することができます。Colorにして右クリックを背景色を拾う機能に変えるのがおすすめ。ない人も右クリックは背景色を拾うにしたほうがよっぽどの理由がない限りいいです。灰色に表示されている部分は透過色と言って保存した時に真っ黒になるので注意。ここの色とサイズもEditのPreferenceからBackgroundで変更可能です。Gでグリッドが表示されます。