213 lines
9.2 KiB
HTML
213 lines
9.2 KiB
HTML
<h1 id="awesome-pixel-art">Awesome Pixel Art</h1>
|
||
<p><a href="https://awesome.re"><img src="https://awesome.re/badge.svg"
|
||
alt="Awesome" /></a></p>
|
||
<p><a
|
||
href="https://twitter.com/mnrART"><img src="https://cdn.rawgit.com/Siilwyn/awesome-pixel-art/1d81c507/sheep-timelapse.gif" align="right" width="118"></a></p>
|
||
<p>Awesome Pixel Art is a repository specifically dedicated to creating
|
||
and learning pixel art, as well as providing links that help you get
|
||
engaged in the community! In pixel art, every placed pixel has
|
||
importance in creating the envisioned graphic. Below you’ll find help
|
||
links ranging from basic introductory elements to color and animation
|
||
tutorials. There are plenty of points of inspiration in games,
|
||
animations and among other artists!</p>
|
||
<h2 id="contents">Contents</h2>
|
||
<ul>
|
||
<li><a href="#tutorials">Tutorials</a>
|
||
<ul>
|
||
<li><a href="#basics">Basics</a></li>
|
||
<li><a href="#color">Color</a></li>
|
||
<li><a href="#animation">Animation</a></li>
|
||
</ul></li>
|
||
<li><a href="#books">Books</a></li>
|
||
<li><a href="#inspiration">Inspiration</a>
|
||
<ul>
|
||
<li><a href="#games">Games</a></li>
|
||
<li><a href="#videos">Videos</a></li>
|
||
<li><a href="#other">Other</a></li>
|
||
</ul></li>
|
||
<li><a href="#community">Community</a>
|
||
<ul>
|
||
<li><a href="#artists">Artists</a></li>
|
||
<li><a href="#hubs">Hubs</a></li>
|
||
</ul></li>
|
||
<li><a href="#tools">Tools</a>
|
||
<ul>
|
||
<li><a href="#editors">Editors</a></li>
|
||
<li><a href="#miscellaneous">Miscellaneous</a></li>
|
||
</ul></li>
|
||
</ul>
|
||
<h2 id="tutorials">Tutorials</h2>
|
||
<h3 id="basics">Basics</h3>
|
||
<ul>
|
||
<li><a
|
||
href="http://pixeljoint.com/forum/forum_posts.asp?TID=11299">Introduction
|
||
to pixel art</a></li>
|
||
<li><a
|
||
href="http://vanmall.deviantart.com/art/How-to-start-with-pixel-art-121520884">Creating
|
||
a cube</a></li>
|
||
<li><a
|
||
href="http://vanmall.deviantart.com/art/How-to-make-round-objects-in-pixel-art-347907700">Creating
|
||
round objects</a></li>
|
||
<li><a href="http://samkeddy.com/pixel-art-outlines/">Outline
|
||
basics</a></li>
|
||
<li><a
|
||
href="http://samkeddy.com/pixel-art-outlines-part-2-using-color/">Outline
|
||
colors</a></li>
|
||
<li><a
|
||
href="https://medium.com/pixel-grimoire/how-to-start-making-pixel-art-2d1e31a5ceab">Getting
|
||
started from scratch with Aseprite</a></li>
|
||
</ul>
|
||
<h3 id="color">Color</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://betterin2d.com/2014/08/02/pixel-art-tutorial-creating-a-colour-palette/">Creating
|
||
a color palette</a></li>
|
||
<li><a
|
||
href="https://opengameart.org/content/chapter-5-color-palettes">Color
|
||
palette and HSL</a></li>
|
||
<li><a
|
||
href="https://twitter.com/i/moments/948249159425056769">Moawling’s color
|
||
palette process</a></li>
|
||
</ul>
|
||
<h3 id="animation">Animation</h3>
|
||
<ul>
|
||
<li><a href="https://finalbossblues.com/walk-cycles-p1/">Walking
|
||
animation cycle in games</a></li>
|
||
<li><a
|
||
href="http://www.gamasutra.com/view/news/176663/5_tips_for_making_great_animations_for_2D_games.php">Tips
|
||
for animating 2D games</a></li>
|
||
</ul>
|
||
<h2 id="books">Books</h2>
|
||
<ul>
|
||
<li><a href="https://gumroad.com/l/pixel-logic">Pixel logic</a> - Pixel
|
||
Logic is an in-depth pixel art tutorial book.</li>
|
||
<li><a href="https://nostarch.com/pixelart">Make Your Own Pixel Art</a>
|
||
- Walks you step-by-step through the available tools, pixel art
|
||
techniques, the importance of shapes, colors, shading, and how to turn
|
||
your art into animation.</li>
|
||
</ul>
|
||
<h2 id="inspiration">Inspiration</h2>
|
||
<h3 id="games">Games</h3>
|
||
<ul>
|
||
<li><a href="https://en.wikipedia.org/wiki/Yoshi%27s_Island">Super Mario
|
||
World 2: Yoshi’s Island</a> - Play as Yoshi carrying Baby Mario,
|
||
platforming through a dangerous world. The painted feel and soft pastel
|
||
colors create an hearth-warming handmade style that breathes the charm
|
||
of a children’s book.</li>
|
||
<li><a href="http://www.fezgame.com/">FEZ</a> - Explore a 2D
|
||
retrofuturistic world by rotating in the third dimension. The
|
||
minimalistic style, bright vibrant colors and dynamic lighting bring the
|
||
16-bit era into the future.</li>
|
||
<li><a href="http://www.swordandsworcery.com/">Superbrothers: Sword
|
||
& Sworcery EP</a> - Laid back adventure in a bronze age mountain
|
||
wilderness. Dreamy soft colors in a living world affected by moon
|
||
phases.</li>
|
||
<li><a href="http://yachtclubgames.com/shovel-knight/">Shovel Knight:
|
||
Treasure Trove</a> - Classic action adventure with an 8-bit retro
|
||
aesthetic, taking the looks of a modern NES game.</li>
|
||
<li><a href="https://heartmachine.com/hyper-light">Hyper Light
|
||
Drifter</a> - Top-down action in a sci-fi world that radiates light and
|
||
warmth. Using a colorful palette and kaleidoscopic neon yet setting a
|
||
grim ambiance.</li>
|
||
<li><a href="http://www.owlboygame.com/">Owlboy</a> - Explore a detailed
|
||
steampunk world in the clouds. With it’s range of endearing animations
|
||
and expressions the world and it’s characters come to life.</li>
|
||
<li><a href="https://stardewvalley.net/">Stardew Valley</a> - Manage a
|
||
farm from a top-down perspective and engage with a charming and cheerful
|
||
world in 16-bit.</li>
|
||
<li><a href="https://playstarbound.com/">Starbound</a> - Travel across
|
||
vibrant, colorful and expansive galaxies, including creative dynamic
|
||
animations.</li>
|
||
<li><a href="https://cactusmancer.itch.io/void-golf">Void Golf</a> -
|
||
Shoot giant pieces of space rock into black holes, using gravitational
|
||
fields, physics-defying walls and wormholes in a minimalist top-down
|
||
view.</li>
|
||
<li><a href="https://www.devolverdigital.com/games/minit">Minit</a> -
|
||
With a minimalistic design (only two colors palette). Minit is an
|
||
adventure where each exploration journey is limited to 60 seconds.</li>
|
||
</ul>
|
||
<h3 id="videos">Videos</h3>
|
||
<ul>
|
||
<li><a href="https://vimeo.com/250991452">Sean Browning - Pixel Art
|
||
Animation Reel 2018</a> - A collection of Sean Browning’s pixel
|
||
animations, ranging from simple scenes to recreations of popular shows
|
||
like Steven’s Universe and RWBY.</li>
|
||
<li><a href="https://vimeo.com/68038321">Pixel Paul - An Interview with
|
||
Pixel Artist and Animator Paul Veer</a> - Paul Veer, a professional
|
||
pixel artist with work on games such as Super Crate Box, shares his
|
||
interest in pixel art as well as his workflow and style breakdown.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/channel/UCsn9MzwyPKeCE6MEGtMU4gg">MortMort
|
||
channel</a> - Creative videos & streams including tips, discussions
|
||
and tutorials.</li>
|
||
</ul>
|
||
<h3 id="other">Other</h3>
|
||
<ul>
|
||
<li><a href="https://lospec.com/palette-list">Lospec palette list</a> -
|
||
Collection of color palettes for pixel art with examples and artist
|
||
information.</li>
|
||
</ul>
|
||
<h2 id="community">Community</h2>
|
||
<h3 id="artists">Artists</h3>
|
||
<ul>
|
||
<li><a href="http://hello.eboy.com/eboy/">eBoy</a> - German, pixel art
|
||
group founded in 1997 by Kai Vermehr, Steffen Sauerteig and Svend
|
||
Smital. They are regarded as the “Godfathers of Pixel Art”.</li>
|
||
<li><a href="http://probertson.tumblr.com/">Paul Robertson</a> -
|
||
Australian, creating cute, sometimes cosmic and psychedelic, and
|
||
sometimes weird nightmarish pixel art.</li>
|
||
<li><a href="http://collet66.blog52.fc2.com/">Syosa</a> - Japanese,
|
||
girlish style using bright and organic color palettes creating cute
|
||
humans and animals.</li>
|
||
<li><a href="http://cyangmou.deviantart.com/">Thomas Feichtmeir</a> -
|
||
Australian, dark and mature: fan of knights, dinosaurs, pirates, epic
|
||
beasts, anatomy and history as well as everything twisted and
|
||
weird.</li>
|
||
<li><a href="http://1041uuu.tumblr.com/">Toyoi Yuuta</a> - Australian,
|
||
capturing small animated scenes of everyday life in unsaturated
|
||
colors.</li>
|
||
<li><a href="https://www.patreon.com/slynyrd">Slynyrd</a> - American,
|
||
game designer with tons of material, game specific knowledge and
|
||
mini-tutorials.</li>
|
||
</ul>
|
||
<h3 id="hubs">Hubs</h3>
|
||
<ul>
|
||
<li><a href="https://www.reddit.com/r/PixelArt/">Reddit
|
||
/r/PixelArt</a></li>
|
||
<li><a href="http://pixelation.org/">Pixelation</a></li>
|
||
<li><a href="http://pixeljoint.com/">Pixel Joint</a></li>
|
||
</ul>
|
||
<h2 id="tools">Tools</h2>
|
||
<h3 id="editors">Editors</h3>
|
||
<ul>
|
||
<li><a href="http://aseprite.org/">Aseprite</a> - Paid and
|
||
source-available, works on Linux, macOS and Windows. Awesome UI with a
|
||
lot of nifty tools to ease pixel art creation.</li>
|
||
<li><a href="https://pixenapp.com/">Pixen</a> - Paid, works on macOS and
|
||
iOS. Superb OS integration, create pixel art on a tablet using
|
||
pressure-sensitive drawing.</li>
|
||
<li><a href="http://www.cosmigo.com/pixel_animation_software">Pro
|
||
Motion</a> - Paid with trial, works on Windows. Advanced features
|
||
tailored to creating pixel art for games.</li>
|
||
<li><a href="https://www.gimp.org/">GIMP</a> - Open source and free,
|
||
works on Linux, macOS and Windows. Not specifically for creating pixel
|
||
art but is more than capable to do so.</li>
|
||
<li><a href="https://rgab1508.github.io/PixelCraft/">PixelCraft</a> -
|
||
Open source and free, works in the browser. Easy to try out in the
|
||
browser and as a PWA offline.</li>
|
||
<li><a href="https://rx.cloudhead.io/">rx</a> - Open source and free,
|
||
works on Linux, macOS and Windows. Minimalist and keyboard driven with
|
||
animation support.</li>
|
||
<li><a href="https://www.lexaloffle.com/bbs/?tid=40058">Wobblepaint</a>
|
||
- Pico8 editor that give life to pixel art with a little wobble.</li>
|
||
</ul>
|
||
<h3 id="miscellaneous">Miscellaneous</h3>
|
||
<ul>
|
||
<li><a href="https://maxbittker.github.io/broider/">Broider</a> - Make
|
||
9-patch borders, export as CSS.</li>
|
||
<li><a href="https://0x72.itch.io/pixeldudesmaker">pixeldudesmaker</a> -
|
||
Small character generator, including basic animation.</li>
|
||
</ul>
|
||
<p><a href="https://github.com/Siilwyn/awesome-pixel-art">pixelart.md
|
||
Github</a></p>
|