2021/8月版。ピクスク用のアバター作成支援ツール、アバター自作用素体(雛形)、完成品配布してくださっているツイート等のまとめです。 自作補助用の情報が多めです。
5

★どの素材をお借りする場合も最新の規約の確認をお願いします。
★このまとめのツイートは確認を取ってまとめにお借りしております。
★素材を利用する方の規約違反が多く見られた場合は、素材紹介をまとめから外す場合があります。
 
 
 
 

【店舗外観用素材】はこちらへどうぞ
店舗カスタマイズ・ドット素材を配布してくださっているかたのメモ
https://min.togetter.com/fKfNKyT

 
 

ぴぽ @pipohi

ピクスク用にアバターを自作する際には、ウディチップビューア(Windows)を使うと便利です。 アニメーションを簡単に確認でき、GIFアニメ出力もできます。 画像を放り込んで、ピクスク用は「4方向3パターン」というフォーマットでアニメ表示。 ウディチップビューア yaosame.m22.coreserver.jp/apps/autotile/ pic.twitter.com/n7ojoGCujd

2020-08-17 08:27:53
ぴぽ @pipohi

また、ウディチップビューアに読み込み済みの画像は、画像編集ソフトで編集しながら都度で保存・出力(PSDやPNG)すると、自動的に再読み込みされるので、すぐに変更した画像のアニメーションを確認できます。

2020-08-17 08:28:50
ぴぽ @pipohi

ちなみにGIFアニメで保存するときは、ウディチップビューア上の画像を右クリックして「アニメGIFの生成」です。 現在の表示倍率のまま保存されるので、ツイッターにアップするなら3~4倍ぐらいがちょうどいいかも。 pic.twitter.com/dQ9PCyB9r7

2020-08-17 08:29:54
ぴぽ @pipohi

ウディチップビューアでGIFアニメにする際に、色々な状態で表示できるフォーマットファイルをアップしておきます。 DLしてZIP展開したものをフォルダごと、ウディチップビューアがある「フォーマット」フォルダ内にコピーすれば使えます。 drive.google.com/uc?id=1ytr8QD_… pic.twitter.com/06GjuQbxbu

2020-08-18 23:51:21

 
 
【公開素材 まとめページ】
ぴぽさんの作ってくださったピクトスクエア対応の素材はたくさんあり、日々アップデートが加えられています。
それらのお知らせをまとめたページを公開されているので、最新情報を参照したい方はこちらをご確認ください。
素材利用時の条件も明示されています。

ぴぽ @pipohi

自分が #ピクスク #PictSQUARE 素材関連でツイートしたものをnotionのページにざくっとまとめておきました。ご参考にどうぞ。 notion.so/pipoya/cedb863…

2021-07-13 23:03:02

 
 
 

アバター作成のオンラインツール(支援ツール)
Mya @neutralx_net

pictSQUAREというサービスのアバター画像の作成にミニドット絵メーカーがたまに使われているっぽいので、作成済みの32×32のキャラ画像をドラッグ&ドロップで一枚の画像(96×128)に合体できる補助ツールを作ってみました img.neutralx0.com/?p=997 pic.twitter.com/49guiiYnYV

2020-09-05 15:59:10
拡大

同作者さん制作の、オンラインでドット絵作成可能なツールはこちら

ミニドット絵メーカー3(ただいまテスト運営中)
http://neutralx0.net/tool/dot3/
 
 
 
 
 

アバターのカスタマイズが可能なツール

項目最後に、ツールで作った合成済みアバター詰め合わせがあります

ぴぽ @pipohi

アバター自作しない方には、自分のとこので恐縮ですが、こちらをどうぞ。 ぴぽや32×32キャラチップ素材 キャラクターなんとかJ対応版 pipoya.net/blog/pipoya32x… キャラクターなんとかJはゲーム制作でがっつり使うにはおすすめですが、軽く使うにはちょっと多機能で複雑なので、簡単に説明。

2020-08-17 18:57:52
ぴぽ @pipohi

パーツを選択してアバター画像を作っていくアプリなのですが、大きな特徴としてプリセット機能があり、あらかじめ登録済みのパーツの組み合わせを呼び出して使うことができます。各自でお気に入りの組み合わせを保存しておくことも可能。 現在のプリセットにあるのはこちら。 pic.twitter.com/GRI6myzxSJ

2020-08-17 19:00:20
ぴぽ @pipohi

目の種類をめちゃ作ってあるので、プリセットから目のパーツだけ変更でも印象がだいぶ変わります。 キャラクターは目が命ですね。 pic.twitter.com/MfsvbArWlH

2020-08-17 19:02:33
ぴぽ @pipohi

基本的なUIと操作の流れはこんなかんじで、 「パーツ選択」して「画像に保存」、パーツの組み合わせを保存しておきたいなら「お気に入り登録」。 pic.twitter.com/6biwUFwLWF

2020-08-17 19:10:36
拡大
ぴぽ @pipohi

プリセットを呼び出すには「お気に入り」から選択します。 自分で登録したお気に入りもここに保存されます。 pic.twitter.com/faZFiZuNDd

2020-08-17 19:10:48
拡大
ぴぽ @pipohi

通常の「男女キャラ」以外にも、パーツ数は少なめですが「老人」「子供」「猫キャラ」を作ることができます。 「ファイル > プロファイルを開く」から選択できます。 クマ天使かわいい! pic.twitter.com/cttQktDRZW

2020-08-17 19:11:03
拡大
ぴぽ @pipohi

少し難しくなりますが、各パーツの色を変更したい時は各パーツリストの横にあるアイコンを押すと、色調整のウィンドウが表示されます。 いくつか調整機能があるのですが、「HSY + コントラスト」がおすすめです。 透明度を調整したいときは「透過」の「倍率」を変更します。0.5で透過50%です。 pic.twitter.com/xxwZqXtruY

2020-08-17 19:15:01
拡大

 
 
キャラクターなんとかJ を使ったすぐに使える合成済み素材セットが公開されました
内容は先述の「ぴぽや32×32キャラクターなんとかJ用キャラチップ素材 出力画像」+「α」です。 

ぴぽ @pipohi

ぴぽや倉庫 素材追加 「ぴぽや32×32キャラクターなんとかJ用キャラチップ素材 出力画像+α」 画像合成アプリで出力したものと、一部別で公開していた素材をまとめたものになります。 ゲーム制作、ピクスクアバターなどにご使用ください。改変もOKです。 pipoya.net/sozai/assets/c… pic.twitter.com/5BJnxhlkfp

2021-08-04 16:24:31
拡大
ぴぽ @pipohi

画像合成アプリ使わずに、すぐに使える状態のものが欲しいという需要もあるかとアップしてみました。 少しパーツが違うだけのものもありますが、まとめてみると100種類以上になっていてびっくり!

2021-08-04 16:30:18
ぴぽ @pipohi

ピクスク素材。 店舗外観やアバター画像に、当方ぴぽやの無料素材を改変して使っていただくのは全く問題ありませんが、改変したものや店舗外観画像化したものを素材配布される際には、「元素材:ぴぽや」程度でいいので、記載していただけるとうれしいです。 よろしくおねがいします。 #pictSQUARE

2020-08-26 20:05:27

 
 
 
 
 

ドット絵のノウハウ

CLIP STUDIO PAINTでドット絵を描く時のツール設定などが解説されています。
最初のドキュメントを作成時のキャンバスの大きさはピクトスクエアのサイズ(1コマ 縦32×横32ピクセル)に合わせるか、素体を読み込んで、作業しやすい大きさに設定してください。

イラスト・マンガ描き方ナビ @kaki_navi

\新着講座!/ レトロゲーム風なピクセルアートを作ってみよう! clipstudio.net/oekaki/archive… ピクセルアートは、少ない色数を使って絵を描く技法で、ドット絵とも言います。レトロゲーム風のピクセルアートの描き方をアーティストの @dadotronic さんが解説します! #お絵かきレベルアップ pic.twitter.com/S4mvkhzlQv

2020-10-23 15:49:06
拡大

 
 
 
藤依しの様のブログ記事です。
クリスタで描く!ドット絵作成の方法【ClipStudio・ピクセルアート】
https://dot-launcher.com/howto-pixelart-clipstudio/
グリット線(ドット絵を描く時のガイド線)の設定のしかたが詳しいです。
先の講座とは別の方法でのアプローチなのでこちらも合わせてどうぞ。素体をベースにする場合はこちらの方法の応用するのが分かりやすいかもしれません。
 
 
 

そら様のブログ記事です。
pictSQUEREで使える!ドット絵初心者が解説する スマホでオリジナルアバターの作り方 ibisPaint使用
https://www.soramade.info/entry/2020/08/26/

ibisPaintでのドット絵の描き方です。
 
 
 

くらい 様のブログ記事です。
クリスタでゆく!素人ドット絵体験記
https://note.com/akifer/n/n7a290095d244
こちらもクリスタでの制作の話ですが、着色(塗り・影付け)に関しての話が多めです。

 
 
 
紹介の記事はほぼクリスタでの制作に偏ってしまいましたが、「お手持ちのソフト名+ドット絵」で検索すれば、何かしらの情報が見つかるのではと思います。
先に挙げたオンラインツールもあるので、色々試してみてください。
 

ゆずゆろぐ。よりドット絵製作記事

Photoshopでドット絵を描く方法
https://yuzuyu3.com/ps-pixelart/

Asepriteでドット絵を描くには ~最初の設定とAsepriteの使い方~
https://yuzuyu3.com/aseprite-start/

【Aseprite】下絵を読み込ませてドット絵を描く方法
https://yuzuyu3.com/aseprite-reference-layer/

 
 
 
 
 

にぼし様がツイッターで公開していらっしゃる講座です。
こちらの講座は「素体を使ったアバターの描き方」「影の付け方」についてです。

にぼし @card_cw

作る際のコツとしては原寸をプレビューなどで表示しつつ原寸(または2倍拡大表示)を見ながら作業するとバランスが取れると思います。 (アニメ機能などで原寸の動きを確認しつつ作業が多分ベストかと…)

2021-01-19 21:56:13
にぼし @card_cw

配布しているピクスク用のアバター素体を使った 髪の作り方になります。 ドットの打ち方は自己流ですが参考になれば幸いです コピペして作っていくので作成時には16×16のグリッドがあると作業しやすいです pic.twitter.com/n29eHnK4gY

2021-01-22 01:10:58
拡大
拡大
拡大
拡大
にぼし @card_cw

続きです アニメーション機能があるソフトを使う場合は実際に動かして動きの確認をしながら 作業すると動きの違和感のないアバターが作れます pic.twitter.com/EKjTMj7AEA

2021-01-22 01:14:19
拡大
拡大
拡大

 
 
 
次はおっちゃ様がツイッターで公開していらっしゃる講座です。
こちらの講座は「アバターの作り方」についての説明です。

おっちゃ@取り置き希望 @ottyasannTRPG

ピクトスクエアのアバターについての質問が来たので簡単にまとめてみました(わかりづらいかも) pic.twitter.com/lzZTMH782Q

2021-08-22 17:51:28
拡大
おっちゃ@取り置き希望 @ottyasannTRPG

誤字! アバターの作り方のところ [3]→[2]です

2021-08-22 17:52:46
おっちゃ@取り置き希望 @ottyasannTRPG

保存した画像(96×128)がぼやけている! →画像が小さすぎて表示する際にぼやけてしまうのかもしれないです。768×1024に解像度をあげてから保存すると表示もきれいですし、そのままpictSQUAREにアバター登録しても問題ないと思います。

2021-08-22 17:58:32
おっちゃ@取り置き希望 @ottyasannTRPG

わかりやすいように背景に色を付けていますが実際に作るときには背景は透過された状態がいいと思います。

2021-08-22 17:51:29

 
 
 

sonar様がnoteで公開していらっしゃる講座をご紹介します。
こちらの講座は「ドットの基礎とアバター制作・改変のヒント」です。
作例のファイルも配布されています。

sonar @SonarPic

「素体配布するなら使い方もざっくり説明すべきだな」と思って書き始めたドット絵簡易解説記事の方が結果的に長大になりました。配布素体の改変がメインですが、普段デジ絵を描いている人がドット絵に手を出してみるのには必要十分な情報量だと思いますnote.com/sonar_pic/n/n4… #pixelart #ドット絵 pic.twitter.com/ENPCYsGCpP

2021-07-31 23:07:45
拡大

 
 
 
 
 
 
 
 

素体(ベース) その1 完成済アバター&素体

素体は作家さんによって体のバランスや動き方が違います。
いろいろ試して自分好みの体型や動きをする素体を見つけてください。

ぎじスク.twi@擬人化創作エアオンリー【二次OK】 @su_kikaku

自分用に作ったものですが、折角なので共有します。pictSQUARE内のイベント参加者様であれば自由にご利用下さい。 【マネキン素材】 ・デフォルトよりも少し横幅が狭いので小さく見えるかも。 ・上から髪の毛や洋服を描いてご利用下さい。 ・EDGEのパレットを使うと色替え簡単…の、はず。 pic.twitter.com/ps3EqZGxbm

2020-08-05 19:01:47
拡大
ぎじスク.twi@擬人化創作エアオンリー【二次OK】 @su_kikaku

ドットを打たなくても、1pxの2値ペンとかドットペン、鉛筆ツールで描くとジャギジャギがそれっぽくなります。 アンチエイリアス無しがミソです。

2020-08-05 19:09:26
ぎじスク.twi@擬人化創作エアオンリー【二次OK】 @su_kikaku

ご質問頂いたので追記を。 マネキン素体については、カスタマイズ後のものであれば再配布可能です。 (pictSQUAREイベントの主催さんが参加者さんに統一アバターを配布する場合など) ※ただし、DLしたままの素体そのものは再配布❌ ※配布の際は素体ツイートも引用で下げていただけると喜びます

2020-08-16 20:50:27

 
 

尺三星(浅広P) @jack3star

#pictSQUARE アバター自作する人の参考になればと思ってひな形とぼんやり作例 作例は完全にひな形通りの体型ではないのであまり参考にならないかもしれませんが… ひな形の方は実寸でUPしているのでよかったら下敷きにしてください 創作っ子とか推しになってイベント参加するの絶対楽しいので!! pic.twitter.com/zd2b5ZpTqK

2020-08-01 23:02:04
拡大
拡大
尺三星(浅広P) @jack3star

#pictSQUARE 頭身高いのもあったらいいかなと思って作ってみました こちらもよかったら下敷きに使ってください 作例はFGOのロムルスです 頭身が高い分各パーツが細かいので陰影つけは大変かも 横向きがけっこうバタバタするので、キャラによっては歩幅を狭めたほうがいいかもしれません pic.twitter.com/IR7WG2BYhN

2020-08-03 19:09:16
拡大
拡大
5
まとめたひと
すずき @suzuki_tabeta

コシャリ情報RTするBOT。主に食べ物の興味のあることを調べてメモしたブログ「みんなが気になるあの料理を食べてみた 」を作っています。20/7月までに調べた記事を薄い本にまとめ中。まずはインド(2021前半予定から順調に遅延)。連絡はブログにメールフォームがあります。

コメント

コメントがまだありません。感想を最初に伝えてみませんか?