Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Pixel Art
Webdesign

Adobe の選択肢: ピクセル アートのアプリケーション

by
Length:LongLanguages:
This post is part of a series called The Complete Guide to Adobe Alternatives.
Adobe Alternatives: Video Editing Applications
Adobe Alternatives: Animation Software

Japanese (日本語) translation by Afiff Soebarkah (you can also view the original English article)

ピクセル アートはしばしば郷愁; を目的として作られたグラフィックのレトロなスタイルとして表示します。ビデオ ゲームの初期の時代に先祖返り。しかし、私とピクセル アートの他の多くの愛好家は、それ精度、複雑さおよび審美的な細かいところまで本当にそれに素晴らしいミニチュア ステージに各ピクセルを配置することから生まれた、やったと同じくらいも今日それに属する芸術-1 つを魅惑的な先年。 未処理のピクセル アーティストよく小さなボトルで小さな船を作成する職人の私に思い出させる少しで多くを達成するため、常に印象的です。

勇気のため今後ゲームない場所から美しいピクセル アート

ピクセルと同様、芸術は厳格なアート フォーム、とてももすることができますそれによって助けられるに沿ってアプリケーションを同じように厳しい。Adobe Photoshop は、長い時間のためのピクセル アーティストのための選択の一般的なアプリケーションをされているが、今日いくつかの素晴らしい選択肢が存在し、明示的に設計されたピクセル アート間違いなくそれらはほとんどを提供.

私達はピクセル アートの 5 つの代替アプリケーションで見るこの記事で彼らを含めるツールに沿ってピクセル アーティストを助けることができること。我々 が探しているだろうツールの種類のキーのいくつか: を選択してアンチ エイリアス、ピクセル アート カラー パレットへのアクセス、グラデーションの作成と、ディザリングなどのピクセル フレンドリーなショートカットのツールを追加しないツールをサイズ変更 tilemap 作成のお手伝いとアニメーション、簡単にアクセスできるカラー図面、ピクセル フレンドリーな図形描画ツール、実際のサイズのプレビュー ウィンドウ、他の間で迅速な変更のためのセレクターです。

どのソフトウェアと機能セットは「ベスト」ピクセル アートを決定する、限りそれはほぼ考慮するピクセル アート作成の 3 つのサブセットがあるのでほとんどの包含はよくツール、引っ張りだこ確認だけよりもさらに少し行きます。

  • ゲームのためのシームレスなタイル
  • スプライト ・ アニメーション
  • 完全な作品

アプリケーションがあなたに適しているかどうか依存することができますピクセル アートの上記のタイプにすれば。これらのピクセル アートの Photoshop の代替を進めていく際、塗りつぶしの各領域に最適な機能があるアプリケーションで、あなたにやってみます。

専用ピクセル アート アプリケーションの美しさは彼らはので使用する単一のアプリケーションを選択する必要はありませんも、本当に、非常に高価になる傾向があります。あなたはこのリスト上のすべてのアプリケーションを得ることができるし、まだのみ費やしている $23.99、100 ドルのアプリケーション価格キャップあたり私たちのシリーズも下に入って来る。

プレイしているか見てみましょう!

1. Pyxel 編集

ランクを離れた最初のタクシーは、Pyxel 編集です。私について話しているこのプログラムの現在のベータ版の状態にもかかわらず、私たちのリストの上部にこの記事-何か非常に珍しい概論を述べるピクセル アートの領域のすべての 3 つの強力なツールを持っているので。

Pyxel 編集のインターフェイス。Ansimuz アート

本当に素晴らしいタイルのツールが含まれています (だけのシームレスなタイルの作成も完全タイルセットともエクスポート可能な tilemaps)、それすべての必需品を与えるアニメーション ツールを持って、同様の完全な作品を作成できます。ピクセル アーティストと心の前に、特にゲームのアーティストで地面から構築されたソフトウェアです。

Pyxel 編集に多くの素晴らしい機能が含まれているが、私には、そのタイルの作成ツールが本当の傑出したゲーム開発に関与している場合、これはあなたに特定の関心のかもしれないので。 あなたに沿って行くし、文書内の任意の場所にそれらの複数のインスタンスと、タイルを定義できます。タイルの 1 つのインスタンスをペイントする場合は、リアルタイムで他のすべてのインスタンスが更新されます。 これは、タイル インスタンスを隣同士に配置して縫い目上で右ペイント シームレス テクスチャを作成する非常に便利です。

タイル間の継ぎ目上の絵画、代わりにも、のみで開始したタイルの制約の中で描画する鉛筆をロックするオプションがあります。オフセット ツールではすることができますをクリックして・ ラップ タイルの反対側に再現する避難ピクセル全体のタイルの内容をシフトするドラッグします。

Pyxel 編集の優れたタイル システムの大きな利点はあなたのタイルが真空中であなたのゲームの芸術に取り組んでいるのではなく、現実のレベルで一緒に見て実際に方法を見ることができます。このプロセスの操作を下のビデオで見ることができます。

Pyxel 編集のタイル機能を選択した場合もそれメイン レベル設計ツールとして使用することができますを意味します。ゲーム エンジンとツールセットを使用するに応じて、JSON、XML または TXT 形式の tilemap データをエクスポートする機能で、独自のゲーム プロジェクトに直接このデータを読み込むことができます。 たとえば、このインポーターのアドオンを使用すると、統一のため、Haxe は輸入業者と私はフェイザーは、Pyxel 編集のインポートで焼いたが理解します。

編集ツール、Pyxel 編集チェックほぼ素晴らしいタイルだけでなく、ほとんどのボックスをすべてよくピクセル アートのためのツールが必要。それはサイドバーに 100% スケール プレビューを提供、「きれいな 1 ピクセル線」設定は線の描画苦労してその後に微調整する必要はありません、それは四角形、楕円ツール、右クリックや ALT + 左クリックして、素晴らしい色と簡単な色の選択アクセスプリロード、古典的なパレットとパレット管理と非常に良い選択ツールです。 それも自動保存としてあなたの仕事は、沿って行きます。

重複とピクセルの動きはショートカットの便利なセットと Pyxel の編集で非常に簡単に行われます。ヒット S 領域、ピクセルの選択範囲を移動する ctrl キーまたは CTRL + ALT を複製し、これらのピクセルを移動するを選択します。 タイルを操作するとき、全体のタイルを選択するアクティブな選択ツールで任意のタイルをダブルクリックしても簡単調整のための重複したフレームになります。

残念ながら、しかし、ソフトウェアは持っていないようライブ ミラーリング (が水平方向または垂直方向に選択を反転することができます、) または現時点でディザリング ツールのタイプ。うまくいけば追加プロジェクトはベータ段階を移動するとこれらの機能が表示されます。

もう一つ本当に傑出した一連の Pyxel の編集機能は、色管理ツール、特に、あなたの現在の色を調整することによって生成されるさまざまな色の自動提案の網かけ、明度, 彩度と色相。

これらのカラー提案ツールは非常に有用なすべてのグラフィックス アプリケーションで彼らがなあです。プロジェクトの初めに右の良い「シード」の色を選択するだけで全体のカラー パレットを垣間見ることを得ることができます。

Pyxel 編集で別の偉大なツールは、キャンバスに挿入した後に、色についてのあなたの心を簡単に変更することができますその色を置き換えるツールです。(Photoshop の描画色に相当)、現在原色で現在二次色 (Photoshop の背景色に相当) の任意のピクセルが置き換えられます。 だからちょうどセカンダリ スロットに変更し、次にプライマリ スロットに新しい色を選択色を変更するピクセルの上に描画色をサンプルします。

また、グラデーションの作成にいくつかの助けを得ること: あなたのパレットで 2 つの色を選択し、Pyxel 編集が卒業するそれらの間に色の選択を生成できます。これらの色で、グラデーションをペイントできます。

主にここで Pyxel 編集のタイルと、描画ツールに注目しましたが、立体アニメーション ツールも含まれています。 アニメーションのレイアウトはタイルの作成、というグリッド レイアウトで作業し、各 1 つの正方形のグリッドにアニメーションのフレームを配置と同じです。 1 つのドキュメント内で複数のアニメーションを作成して、アニメーションのフレームごとの開催時間を制御することができます。オニオンスキン機能による、ただしこのフレームを表示する前に、任意の特定のフレーム後にしか使用することができますをオンにすることができますも。

最後に、タイルセットまたはアニメーションを作成しない場合は、ではなく、1 つのアートワークを作成して新しいファイルを作成するときに、ちょうど」単一イメージ ドキュメント」オプションを選択します。

Pyxel 編集は特にゲームの開発に関与する人々 のための素晴らしいツールとそれをピックアップできる $9 のそれはまだベータ版では。それを実行する Adobe Air 上だからネイティブ Mac と Windows でのみ動作しかし、それはまたワインを介して Linux に非常によく実行を見つけた。

  • ウェブサイト: http://pyxeledit.com/
  • プラットフォーム: Mac、Windows、(Linux のワインを介して機能します)
  • 価格: $ 9 (現在のベータ版)

2. Aseprite

Aseprite は、偉大な多くのピクセル アーティストの良い理由は、ピクセル アートの特定のツールの優れた範囲とお気に入りのツールです。Aseprite についてのすべてが 100% – も、ピクセルに焦点を当てて UI 自体はピクセル アート スタイルで行われます。

スプライトの作成とアニメーションのためのツールとして、Aseprite が輝いています。強力な層、ベース フレーム アニメーション システム多くのピクセル アート集中アプリケーションには存在しないいくつかの機能としています。

Aseprite で多くのアニメーション機能がありますここでは、リストにあまりにも多くを簡単に要約をあげるが。シーケンスの複数のフレームをタイムライン、コピー内の新しい位置に移動し選択、ループまたはあなたのタイムラインのセクションを逆として前後フレームの多くを表示するスキン時間、オニオンでフレーム数を貼り付ける、機能があります。、移動およびコピー フレーム (すべてのレイヤー) またはセル (フレーム内で選択したレイヤー) と制御フレーム期間。 Aseprite のアニメーション ドキュメントのアニメーション機能の完全なリストについて読むことができます。

同様アニメーション機能ピクセル アートのすべての最も重要なツール Aseprite であります。素晴らしいカラー パレット管理ドラッグ & ドロップ スウォッチの順序を変更することがきれいな線を描くための「ピクセル完璧な」モードのメイン ウィンドウ上に浮かぶ 100% プレビュー ウィンドウがある場合、alt キーを押し、簡単な色を選ぶ、左マウスをクリックすると、塗りつぶされました。楕円ツール、塗りつぶしと空の四角形ツール、および一連の四角形と楕円マーキー、魔法の杖、なげなわツール、多角形選択ツールを含む本当に素晴らしい選択ツールを空にします。

その上で超便利な描画ツールのかなり長いリストがあります。たとえば、コンター] ツール弧または部分の輪郭を描くことが、自動的に閉じ、入力されます。 多角形ツールなだけ追加し、それは自動的に記入されます多くの辺を持つ図形を描くことができます。スプレー ツールを使って無作為に選ばれた斑点を追加できます。

曲線ツールによるベジエ曲線を使用してに匹敵するピクセル完璧な曲線を描くことができます。ジャンブル ツールでそれらを再配置するためのピクセル領域の場所ランダムに適用できます。 ぼかしツールを使って背景色でモーションブラー図形の周囲のピクセルを生成できます。

図面は、いずれかの水平または垂直対称モードをアクティブにできます、キャラクターの顔のようにうってつけ。しかしあなたはない文書の中心と対称で立ち往生しています。 いずれかのモードを有効にキャンバスに線が表示され、任意の位置にシフトしてある左右対称の形を描きます。

Aseprite のインターフェイス。チャールズ ・ ガブリエルのアート

私の見解で、Aseprite のクールな機能の一つは、色の系列を選択し、それらをすべて自動的にレイヤーの影や図形の上にハイライトを使用することができます「シェーディング」インク モードです。色をブレンドすることができますアルファ合成インク モード、レイヤー上の既存の図形の中でのみ絵画を有効にするとアルファのロック モードを提供しています。

Aseprite はアニメーションに焦点を当ててが、それではなくタイル作成ツール。水平方向、垂直方向に繰り返されるイメージを持つことができますというまたはシームレスなタイルを作成する継ぎ目の上に直接描画することができます両方の方向で優れたタイル ・ モードがあり。

Aseprite では、現在アクティブなパレットのそれらにあなたの色を限定、フルカラー画像の RGB モード、グレースケール、白黒、またはインデックス モードの間で選択することができる非常に便利な色モード設定もあります。

インデックス モードで描画する場合選択した任意の色は自体をアクティブなパレットで最も近い色に置き換える自動的に。スイッチ モードをインデックス付けし、RGB モードで描画した場合、イメージはのみは、パレットから色を使用する変換されます。 これより自由で描くに自分自身を許可する大きい方法であることができますし、プロセスの終わりにより鮮明にカラー パレットを絞り。

Aseprite カラーの置き換えツールが指定した色のすべてのピクセルを一度に置換 Pyxel 編集色置換ツール更新しピクセルの上に描画する、Aseprite でちょうど 2 つの色を提供する、それがします自動車とは対照的です。 私は個人的に両方の方法の利点を持っているを感じる。

まだ GitHub から無料ソース バージョンを開いた得ることができますが、それは最新の機能を持っていないので、Aseprite は GPL をもともと。最新バージョンは、$ 14.99、利用可能な 3 つ全てのデスクトップ オペレーティング システム間で動作します。

  • ウェブサイト: https://www.aseprite.org/
  • プラットフォーム: Linux, Mac, Windows
  • 価格: $ 14.99

3. Piskel

Piskel は、非常にまっすぐ進むとポイント スプライトやアニメーション作成ソフトです。高速を取得したい場合、これは偉大なソリューションです。 実際には、このビデオで説明されるように必需品のため約 2 年半分にのみかかりますので、迅速です。

Piskel の焦点は間違いなくスプライトの作成とタイルセットや完全なシーン作成ではなくアニメーションです。比較的限られた一連のツールがスプライトの作成とアニメーションのため非常に効率的なことができる直接的なアプローチをしています。 与えられた便利さに本格的なオンライン バージョンが、どこからでもアクセスできることを意味します。

最初の文字スプライトを描画した後は、アニメーションはだけキャンバスの左に新しいフレームを追加] ボタンを押すと、あなたの速度を制御する FPS スライダーを調整することによって簡単に作成されます。オニオンスキンが含まれ、常にアニメーションの貴重な機能であります。

心に留めて 1 つの事は、Piskel の [ペン] ツールのみに設定できます 1 px とサイズ、このソフトウェアは本当に最高のスプライトに焦点を当てし、風景のような大規模ではない作品を描く空などの広い領域を意味 4 px の間すぐにです。

あなたは常にアクセスするような一般的なピクセル アート機能の Piskel には 100% プレビューが右側のサイドバーに含まれて、それは四角形、楕円、線、線ツール、対称図面]、[楕円形選択ツールのミラー上下ペン。 ディザリング ツールをしています何か非常に役に立つまだピクセル アート アプリケーションで意外にも珍しい。

また本当に素晴らしい「形状選択」ツール、任意のブロックの同じ色の接続されているピクセルを識別するがあります。魔法の杖ツールに匹敵するが、もう少し簡潔に使用するは、別のツールに切り替えることがなく選択後すぐに選択した図形の周りをドラッグすることもできます。

通常の塗りつぶしツールだけでなく、Piskel は、彼らが互いに接続されているかいないかどうか同じ色を共有するすべてのピクセルの色を変更する変更された塗りつぶしツールに記入しています。これは、色の置き換え、私たちのこれまでの記事と何か信じられないほど有用で見たサードに対する別のアプローチではまだ大丈夫とそれらの瞬間だけ、右の色を取得するチューニングします。

別の素晴らしいツールは、ハイライトとシャドウを作成するプロセスを半自動化する明るく/暗くするツールです。このツールのハイライトを作成する代わりにシャドウを作成するには、ctrl キーを押し、既存のピクセル上に直接描画します。 どちらかバックを描画すると、それ以上に進むことができます色は着色のみまたは一度に 1 つのステップをシェーディングように shift キーを押しは、ピクセルの色徐々 に移すことができます。

Piskel は非常に便利することができます、オンライン アプリケーションとして自分自身を説明が、オフライン作業ではなく、Linux、Mac と Windows のデスクトップ バージョンを得ることがもできます。

  • ウェブサイト: http://www.piskelapp.com/
  • プラットフォーム: Linux は、Mac、Windows、オンライン
  • 価格: 無料

4. GIMP

GIMP は画像操作プログラムとして主に知られているので、それはおそらく皮肉な写真編集ソフトウェアの私たちのシリーズのエントリにそれを推薦していないが、それをここで推薦します。 私は個人的に右のセットアップをピクセル アートの幻想的であることを見つけます。私は自分のセットアップは GIMP でピクセル アートのまだ優秀な出発点が、今、とても古いビデオは上記に基づいて作成。

GIMP 専用のソフトウェア Pyxel 編集や Aseprite のような特定のツールを持って、ピクセル アートのいくつかはありませんが、ピクセル アートを行うとき、私は非常に有用見つけるいくつかの一般的なツールです。 たとえば、GIMP の選択ツール。選択範囲を描画するマーキー、変換処理を簡単にする必要があります正確なピクセルを選択するになります。 その浮動ウィンドウ モードは、多くの人々 にすぐにオフだとは実際のサイズでドキュメントに 2 番目のビューを作成して、レイアウトを右にネスレ アクティブなものです。

GIMP の色モードのインデックス作成は、ピクセル アートの非常に有用なことができます。時間のプレッシャーの下、高速に生成する必要がある場合は、RGB モードでより伝統的な絵画技法を持つ何かを描画し、それを制限された色パレットに変換してインデックス モードに変換できます。

たとえば、私はこのゲームの無料ベクトル アート パックからなたを撮影しました。

素敵な分厚いピクセルなりますサイズにそれを得るため、補間なしの縮小。 メイン アプリケーション メニューのイメージに戻った > モード > 補間とディザリングなしの私にとっては、生成される 256 色パレットを許可。 その後、もう一度サイズを元に、補間なしでバックアップ イメージをスケーリングされます。ここでは前に、と後。

これまだ使えるいくつかのクリーンアップ ピクセル アートから期待される鮮明さをみるが、それは確かにオフを実行開始します。厳密に言えば、これはピクセル アートではありませんが、ゲームのような大規模なプロジェクトのような多数の資産をこことそこにいくつかのショートカットが有用であることを作成する必要があります。

また、RGB モード間の切り替えと仕事をしながらインデックス モードに沿って特定の物事をスピードアップするためのようなものを行うことができます。 たとえば、色間をスムーズに移行が RGB モードでグラデーションを描画できます。[インデックス モードに切り替えるし、代わりにピクセル アートのやさしいグラデーション効果を得るためのカラー パレットを適用できます。

ゲームのピクセル アーティストのための別の便利な機能は、GIMP の新しいタイル対称モードです。バージョン 2.9.5 (Github 経由でソースからコンパイルされた) これにアクセスする必要があります。 何を描画するを繰り返しすることができますそれは何ですすべて特定のピクセル数。だから 16 x 16 タイルを描画する場合は、作業するシームレスなタイルを持ってを確認することができますし、両方の軸に 16 px にオフセット対称性を設定します。

GIMP 専用のピクセル アート アプリケーションではないが、それが提供する多くとも主な設計ソフトウェアとしてそれを使用しない場合は、まだ見つかる可能性がありますこれらの機能のいくつかのスロット右あなたのワークフローに。

  • ウェブサイト: https://www.gimp.org/
  • プラットフォーム: Linux, Mac, ウィンドウ
  • 価格: 無料

5. Krita

Krita が明らかな選択のように見えないかもしれませんがピクセル アートになるが、私の経験で、それは素晴らしいことができます。箱から出しては、正方形のブラシ、丸ブラシ ディザリング ブラシなど、専用のピクセル アート ブラシの選択が含まれます。

大きな助け、機能、シームレスなタイルの作成にスムーズなエクスペリエンスを作る周りをラップ。継ぎ目に重ねて描画することができますキーボードの両方の方向であなたのキャンバスのタイルだけヒット W。 私は Krita に役立つもう一つカラー パレットの微調整のための高レベルの色選択ツールの完全なセットがあります。

Krita は優れたアルファ ロックのシステムには、他のレイヤーをネストするのでその内容はマスキング、本質的の前のレイヤーの図形の並べ替えを表示のみ 1 つのレイヤー上の図形の引き出しのようなものを行うにできます。これは追加する影になります、ハイライトしより簡単にプロセスの詳細し、ワークフロー ピクセル アート アプリケーションでは珍しいことができます。

Krita 楽しいピクセル アートは、アートのアプリケーションいくつかのピクセルを発見した一方、デッサンのタブレットのための優秀なサポートを見つけた理由の一部は、タブレット使用時ラグがあるまたは全体的にちょうどより多くのマウスとキーボード指向を感じる。

インデックス絵もあり Krita のそれは GIMP で非破壊フィルター層と一緒に使用できる利点と同様。ただしこのテクニックのためのセットアップは、このチュートリアルで説明しているよう、やや複雑です。

Krita はもう一つの特徴、不規則な図形を描画し、このセクションの始めで YouTube のビデオで使用されるテクニックを見ることができます、選択したピクセルのブラシで撫で自動的にそれらに使用できるいくつかの基本的なベクトル ツールです。これは機能通常ピクセル アート アプリケーションで見つけることはありません。

Krita は基本的なフレームでアニメーション ツールを持っているが、彼らはまだ非常に新しいとピクセル アニメーションはまだナンバーワンの選択肢ではありません。しかし、Krita の開発は常に高速で動いて、目が離せない!

完全な作品を作成するためしかし、Krita は本当の見通しです。

  • ウェブサイト: https://krita.org
  • プラットフォーム: Linux, Mac, Windows
  • 価格: 無料

を包む

私の個人的な経験では、このリストに 2 つの強力なアプリケーションは Pyxel 編集、Aseprite と私はことができます本当に分離する 2 つの「ベスト」とは感じない。 ゲーム開発とタイルの作成に関与している場合 Pyxel 編集の専門を非常に有用見つけるでしょうためにです。しかし、キャラクターとアニメーションのアーティストなら、Aseprite の特殊化を非常に有用見つけるでしょうあなた。

両方のアプリケーションは、Pyxel 編集は Aseprite、タイルセット作成に強いよりもアニメーションでおそらく強いとは思いますが、専門にする他のいくつかを行うことができます。 しかし Aseprite は Pyxel 編集よりおそらく自己含まれているアートワークを作成するためです。全体的なピクセル アートの複数の種類に関与するなら、2 つを使用可能性がありますあなたによくなると思います。

高速で、あなたが移動しているし、品質ドット絵エディター オンラインにアクセスする必要があるときのために何を取得したいときのための素晴らしいアプリケーションとして Piskel を分類するでしょう。

GIMP と Krita、現実に彼らを提供できないピクセル アートの同じセット前述のアプリケーションことができます特定の機能。しかし彼らに本格的な画像編集やデジタル アートのために意味のソフトウェアに付属しているような他の機能の全貌を提供しないでください。 ピクセル アートのこれらのプログラムのいずれかを使用するかどうかは、各 1 つの全体的なツールセットと UI を楽しむかどの位に依存します可能性があります。

私のため私は特に楽しむこと、紙の上で働いていたかのように作成したいの素案をスケッチする鉛筆ブラシと私の図画錠剤を使用できますアプリケーションごとにその上に私のピクセル アートを描くことができます。 インデックス モードに画像を処理する GIMP の機能は特に便利です。Krita も GIMP もタイルの作成またはスプライトのアニメーションのオプションを本当に最上位層が、彼らは自己完結型作品を描画するために素晴らしいことができます。

それはピクセル アートの Adobe Photoshop の代替品の私たちのまとめの最後に私たちをもたらします。あなたの新しいの好きなドット絵エディターとして撮影を検討しているしこのリストに運のビットを持つアプリケーションを発見した!

次へをアップ: アニメーション

Adobe では、現時点で 2 つのアニメーション ツールがそのスイート: アニメーション (旧フラッシュ) 骨格によって、およびキーフレーム ベースのアニメーションと Photoshop をキーフレーム アニメーションも可能します。ただし、同じように他のすべてのソフトウェアの専門分野とこれまでのところを見てきました、それはアニメーションに来るときから選択するあなたのためのいくつかのオプションがあります。

次の記事で私たちは、可能な最もよいソフトウェアの一部がチェックされます骨格、キーフレーム、フレーム フレーム アニメーション。これらのプログラムのいくつかが容易あなたの人生全体の多くのアニメーションを作成しながら幻想的な専門ツールを持っています。

次の記事で会いましょう!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.