Isomteric pool pixel art tutorial

      Games    Pixelart    Tutorials    Links    Contact GAS 13    
  ISOMETRIC POOL
Author: Matriax (translated by Slainte)
First to say this is my first tutorial, and though I hope to work many others, this is the only one for now. It's also my fist isometric drawing, so this will be also a self-tutorial :)

We will be using MS Paint and Paint Shop Pro for this tutorial. Step 1. First of all we will be creating a cube on an isometric view (1), then we must shade it according to our own liking, matching what we have planned using default Windows palette (2). Last of all we re-color it using the real final palette for our project (3). We will be using a 7 color blueish palette (4), enough for 3 different intensitiy cubes (5).

Isomteric pool pixel art tutorial

Step 2. Now it is time to form the outline on four pool using those cubes we have just drawn. Just copy and paste enough cubes to build the form you desire for the pool (6).

Isomteric pool pixelart tutorial

Repeat again with 2 more levesls, with the darkest intensity in the bottom and 2 less cubes length (one from each side).

Isomteric pool pixel art tutorial

Step 3. Now to the floor, the most easy part. As the floor is at the bottom it must be shaded with the darkest tones (obvius enough eh?)

Isomteric pool pixel art tutorial

We create our floor tile using 2 deep blue tones, but you can define any tile you like to personalize your image.

So we have an... empty pool... we are missing something... The water! This will be the real touch-up for the pool, giving the quality feel to the whole thing.

Our aim is to create our "water tile", create the full texture and apply a translucency effect in a layer for it, reducing then the color number... let's see it on a step by step basis.

First take your empty pool (6) and "fill" the inside with a color from MS paint palette... the color is not important, just use any one you like, take the image to paint shop pro and with the wand icon select the fill. Then copy it (Ctrl+C) and on a blank Paint image you paste it (Ctrl+V). This should be the result (with your own choice for the color...)

Isomteric pool pixelart tutorial

Ok... nice but then what do I do with that solid fill? This is just the "shape" we will use to texture the water. Now create your water texture, i used 6 colors for mine... try to use just a few colors... round 3 to 7 is my suggestion. The texture must be big enough to fill the full paste area. You can draw the full texture or just a tile and "tile" it in the area.

Isomteric pool pixelart tutorial

Now to "cut" our texture just selkect your fill color (in MS Paint) as transparent color and overlay it on the texture.

Step 5. Now on PsP, copy your image from step 3 and our texture... insert this last one as a new layer, put it in place and apply a translucency effect... 'round 24% opacity is what I used. Now reduce color depth (colors->decrease color depth) and voilà... this should be the resutlt (aprox).

Isomteric pool pixel art tutorial

Now just play round with gamma, luminance (brightness/contrast) or color adjusting to refine the colors to your liking... add some small details and the work is done... time to go swimming!

Isomteric pool pixelart tutorial

  Photoshop tutorial pixel menu
Pixel menu
Pixelart tutorial
Pixelart tutorial antialiasing
Antialiasing
Pixelart tutorial
 
  isometric pixelart tutorial
Isometric pixelart
Pixelart tutorial
so you want to be a pixel artist
So you want to...
Pixelart tutorial
 
  pixel face
Pixel face
Pixelart tutorial
animating water photoshop tutorial
Waterflow
Pixelart tutorial
 
  isometric pool tutorial
Isometric pool
Pixelart tutorial
Photoshop art tutorial
Art tutorial
Photoshop tutorial
 
  Photoshop tutorial drawing from a reference photo
Candle
Photoshop tutorial
Photoshop tutorial drawing human hair
Human hair
Photoshop tutorial
 
  Photoshop tutorial drawing human hair
Human updo hair
Photoshop tutorial
Photoshop tutorial drawing human eye
Human eye
Photoshop tutorial
 


Were this tutorials helpful? Please consider donating a few dollars to keep this site alive.


(c) 1997-2024 Alexey Garkushin