Code Monkey home page Code Monkey logo

pixelart.howto's Introduction

Pixel Art How-Tos

Getting Started Series

How to Draw Shiba Inu or Kawaii Dog - Handmade (24x24) Pixel Art

Let's watch the the How to Draw Shiba Inu - Handmade Pixel Art video (6:20) from the Pixel Art series by Pixelo.

Yes, you can. Let's follow along and let's draw a handmade shiba inu on a computer 24x24 canvas by hand (that is, by mouse clicking to draw pixels).

Start with the all black (one color) outline...

Blockheads (Anno 2013) - Let's Build 8x8 Pixel Art Avatars from Scratch

Let's build 8x8 pixel art avatars from scratch inspired by the Blockheads [Video] Game (Anno 2013) that featured "randomized" avatars known as - surprise, surprise - blockheads.

Let's use Blockheads - The Guide to 70 Boy Skins (Anno 2013) to get started.

Let's put together a face (8x8) building block for every of the five skin tones (lighter, light, medium, dark, darker)...

The Making of Adam (24x24 Pixel Punk) from Scratch / Zero Using Pixel Art Designs in the ASCII Text Format

Let's generate 24x24 attributes from pixel art (in ascii text format). Let's start with the (base) face...

The Making of Adam (24x24 Pixel Punk) from Scratch / Zero Using Pixel Art Designs in the ASCII Text Format - 1-Bit Black & White Edition

Let's generate 24x24 attributes from pixel art (in ascii text format). Let's start with the (base) face - in a 1-bit black & white pixel edition...

Design Your Own Punk Attributes / Building Blocks and More Series

Cool Punks Experiment - Draw Your Own Sun Glasses (from Scratch)

Let's draw some sun glasses (from scratch / from zero) and let's turn zero-attribute "plain vanilla" punk archetypes into cool punks with shades. Let's use the online punk pixel drawing tool to draw all-black sun glasses in 12x3 size...

All Caps Experiment - Choose Your Own (Baseball) Cap Color

Let's (re)draw the (baseball) cap (from scratch / from zero) and let's put the cap with your own colors of choice onto any zero-attribute "plain vanilla" punk archetype.

Let's use the online punk pixel drawing tool to draw the (baseball) cap in 14x5 size...

Wall Street Bets Experiment - Power to the Punks - Draw Your Own Wall Street Bets Degenerate (from Scratch)

Let's draw a hair-do and sun glasses (from scratch / from zero) and let's turn zero-attribute "plain vanilla" punk archetypes into cool looking wall street bets degen traders with shades.

Let's use the online punk pixel drawing tool to draw a wall street bets hair-do...

Wizard - Attribute of the Day - Punk w/ Wizard Hat

Let's get inspired by Legion Punks on Solana and let's design a wizard hat from scratch...

Headphone - Attribute of the Day - Punk w/ Headphone

Let's get inspired by Bit Punk! on Cardano - see #062 - and let's design headphones from scratch...

Exclusive Premium Collections Series

New All Star Cool Blue Alien Experiment - 40 Extraterrestrial Humanoid Andorians - Native to the Blue Icy Class M Moon Andoria ++ Plus Bonus - How About Cyber Green? Burning Red?

Let's unite all aliens from all collections (9 in original, 21 in more, 10 in expansion) into a new all star blue alien series...

Inside the CryptoPunks Bubble - Greyscale / Grayscale Punks Collection Case Study - Conceptual Art (Parody)? (Get-Rich-Quick) Cash Grab? Greater Fools (Financial) Fraud?

Let's have a looksie at the Greyscale Punks collection...

Turn Punks Upside Down Experiment - Flipped Punks (Horizontally)

Let's turn punks upside down, that is, flip the image horizontally. Let's try punk #3393, #172 and #2964...

Special Effects Series

LED Light Pixel Art Experiment

Let's turn 24x24 pixelated CryptoPunks into LED Light art. How?

  1. Let's use a black background.
  2. Let's change black pixels to a (lighter) shade of black (e.g. raisin black - rgb(36, 33, 36)).
  3. Let's turn pixels into LEDs by scaling up the pixel (e.g. 8x).
  4. Let's add spacing between the LEDs (e.g. 2 pixels)

...

Black & White (Pencil Drawing) Sketch Pixel Art Experiment

Let's turn 24x24 pixelated CryptoPunks into black & white sketch art. How?

  1. Let's use a white background.
  2. Let's check if the left neighbouring (x-1) pixel is of a different color - if yes, draw a black vertical line.
  3. Let's check if the top neighbouring (y-1) pixel is of a different color - if yes, draw a black horizontal line.
  4. Repeat for all pixels.

...

Neon Light Glow Effect Experiment

Let's try a neon light glow effect inspired by How to Create Neon Text With CSS.

Let's try different neon light colors on the first one hundred punks...

Geminis Experiment - Super Rare Twin, Triple 'n' Quadruple Punks

Let's start with a trivia quiz:

Q: What's super rarer than an alien? A: Yes, a gemini (twin) alien!

Here's the experiment - let's draw more than one punk in the same image.

Let's start with geminis and let's geminify the punks #0, #2964, #3100, #3393 ...

Punk Art #1 Challenge Series - (Modern Dotty Spotty) Currency Art How-Tos

Dotty Spotty "Currency" Punks

Let's give it a try using the punks alien #3100, zombie #3393, blondie #172 and beanie #2964.

Let's start with 10px circles - resulting in a 24*10px = 240ร—240px format...

Dotty Spotty "Currency" Punks - The High-Definition (Hi-Def) XXXL Edition

Welcome back. Let's try a high-definition (hi-def) XXXL edition...

Dotty Spotty "Currency" Punks Inspired by Damien Hirst's "The Currency"

Welcome back. Let's try "random" background spots inspired by Damien Hirst's $40+ million "The Currency" art collection...

Golden Bored Apes Art Challenge #1 Experiment - Dotty Spotty "Currency" Golden Bored Apes Inspired by Damien Hirst's "The Currency"

Welcome back. Let's change Punk to Golden Bored Ape :-).

Let's give it a try using golden 24px 28px bored apes. Let's start with 10px circles - resulting in a 28*10px = 280ร—280px format...

Questions? Comments?

Post them on the D.I.Y. Punk (Pixel) Art reddit. Thanks.

pixelart.howto's People

Contributors

anithri avatar buren avatar danielfone avatar geraldb avatar grosser avatar igorkasyanchuk avatar iirving avatar jturkel avatar liooo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

pixelart.howto's Issues

Consider adding 'season' gem to the list

Hey @geraldb, this is a nice list of resources!

Consider adding season, an ActiveRecord extension to facilitate date/time queries (which are almost always painful to write). It's really useful for apps that rely heavily on queries by date/time such as REST APIs.
Disclaimer: I'm the author :)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.