Wednesday, 22 October 2014

Pixel Monkey With Banana

This tutorial was written by Monti on October 18th 2013. It's concept is copyrighted to Monti. Any creation you make from my ideas are yours. You may print out this tutorial for your own personal use, but please do not copy it in any way to put online, pass out or rewrite without my permission or worse yet attempt to claim as your own.

For this tutorial you will need 

Paint Shop Pro

The Following Colour Chart 
Save and then open in PSP
Of course you are free to use any colours you want.
Outline Colour Chart
Fill Colour Chart
Ok we are ready to start.

REMEMBER TO SAVE OFTEN 

NOTE: We will be doing this pixel slightly differently to my other pixels as we will be doing an area of outline and fills before moving onto the next area.

Step 1: - Head Outline
We will be starting with the outline using the count shown below
We will also be doing different areas on separate layers so please pay attention to the instructions.
To make this easier I have numbered all pixels over 1.
The counts in pink are the pixel spaces between the lines, so you can line them up properly.
The outlines below have been resized a lot so you can see them clearly.
Open a new image 200 x 200 and fill with white so you can see what you are working on.
Add a new raster layer and name it "Head".
Select the brush tool with the following settings.
Size: 1 - Hardness, Opacity and Density: 100 
Zoom in to about 800% - 1000% 
Set your foreground to colour 1 on the colour chart (#44351E) and start at the top of his head. Change the colours as you go.
The inner face is colour 2 (#C7A275) the eyes, mouth and nose are colour 1 (#44351E) and the inner eye is colour 3 (#000000)
______________________________

Step 1a: - Outer Head Fill
When the outline is complete select your magic wand with the following settings.
With your Magic Wand on the settings shown above click inside the outer head area.
Add a new raster layer and name it "Head Fill" and move beneath the "Head" layer in the layer palette. 
Set your Foreground to Colour 1 (#957645) on your fill colour chart and flood fill this selection. 
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 7
Shadow colour: Head Outline (#44351E)
Make sure fill interior with colour is UNchecked. 
Go to Adjust - Add/Remove Noise - Add Noise - Gaussian: Checked - Noise Amount: 4 - Monochrome: Checked.
Deselect.
______________________________

Step 1b: - Outer Ear Fills
Activate your "Head" layer.
With your Magic Wand on the settings shown above click inside the left outer ear area.
Click on the "Head Fill" layer to activate it and using Colour 1 (#957645) on your fill colour chart flood fill this selection.
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 4
Shadow colour: Outer Ear Outline (#44351E)
Make sure fill interior with colour is UNchecked. 
Deselect.

Repeat for the right outer ear.
______________________________

Step 1c: - Inner Ear Fills
Activate your "Head" layer.
With your Magic Wand on the settings shown above click inside the left inner ear area.
Click on the "Head Fill" layer to activate it and using Colour 2 (#E8D9C8) on your fill colour chart flood fill this selection.
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 4
Shadow colour: Inner Ear Outline (#C6A072)
Make sure fill interior with colour is UNchecked. 
Deselect.

Repeat for the right inner ear.
______________________________

Step 1d: - Inner Head Fill
Activate your "Head" layer.
With your Magic Wand on the settings shown above click inside the inner head area.
Click on the "Head Fill" layer to activate it and using Colour 2 (#E8D9C8) on your fill colour chart flood fill this selection.
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 6
Shadow colour: Inner Head Outline (#C6A072)
Make sure fill interior with colour is UNchecked. 
Deselect.
______________________________

Step 1e: - Nose Fill
Activate your "Head" layer.
With your Magic Wand on the settings shown above click inside the nose area.
Click on the "Head Fill" layer to activate it and using Colour 1 (#957645) on your fill colour chart flood fill this selection.
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 5
Shadow colour: Nose Outline (#44351E)
Make sure fill interior with colour is UNchecked. 
Deselect.
______________________________

Step 1f: - Outer Eye Fills
Activate your "Head" layer.
With your Magic Wand on the settings shown above click inside the left outer eye area.
Click on the "Head Fill" layer to activate it and using Colour 1 (#957645) on your fill colour chart flood fill this selection.
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 3
Shadow colour: Eye Outer Outline (#44351E)
Make sure fill interior with colour is UNchecked. 
Deselect.

Repeat for the right outer eye.
______________________________

Step 1g: - Inner Eye Fills
Activate your "Head" layer.
With your Magic Wand on the settings shown above click inside the left inner eye area.
Click on the "Head Fill" layer to activate it and using Colour 3 (#404040) on your fill colour chart flood fill this selection.
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 3
Shadow colour: Eye Inner Outline (#000000)
Make sure fill interior with colour is UNchecked. 
Deselect.

Repeat for the right inner eye.
______________________________

Hide the white background layer and merge visible. Rename Head.
Unhide the white background layer. Lower the Opacity on the head layer to 50%.
______________________________

Step 2: - Body and Tail Outline
Add a new Raster layer and name it "Body".
Set your Foreground to colour 1 (##44351E) on the Outline Colour chart.
Using the count below draw in the body and tail on the "Body" layer, lining up the top outline with the bottom of the head as shown in the count.
Step 2a: - Body Fill
When the outline is complete select your Magic Wand on the settings used earlier and click inside the body area.
Add a new raster layer and name it "Body Fill" and move beneath the "Body" layer in the layer palette. 
Set your Foreground to Colour 1 (#957645) on your fill colour chart and flood fill this selection. 
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 25
Shadow colour: Body Outline (#44351E)
Make sure fill interior with colour is UNchecked. 
Go to Adjust - Add/Remove Noise - Add Noise - Gaussian: Checked - Noise Amount: 4 - Monochrome: Checked.
Deselect.
______________________________

Step 2b: - Tail Fill
Activate your "Body" layer.
With your Magic Wand on the settings shown above click inside the tail area.
Click on the "Body Fill" layer to activate it and using Colour 1 (#957645) on your fill colour chart flood fill this selection.
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 5
Shadow colour: Inner Head Outline (#44351E)
Make sure fill interior with colour is UNchecked. 
Go to Adjust - Add/Remove Noise - Add Noise - Gaussian: Checked - Noise Amount: 4 - Monochrome: Checked.
Deselect.
______________________________

Hide the white background and the merged Head layers and merge visible. Rename Body.
Unhide all layers and change the Head layer opacity to 100%.
Lower the Opacity on the Body layer to 50%.
______________________________

Step 3: - Leg Outlines
Add a new Raster layer and name it "Legs".
Set your Foreground to colour 1 (##44351E) on the Outline Colour chart changing to colour 2 (#C6A072) when you get to the feet - lighter area on the count chart.
Using the count below draw in the legs on the "Legs" layer, lining up the top outline with the bottom of the body as shown in the count.
Step 3a: - Left Leg Fill
When the outline is complete select your Magic Wand on the settings used earlier and click inside the left leg area.
Add a new raster layer and name it "Leg Fill" and move beneath the "Legs" layer in the layer palette. 
Set your Foreground to Colour 1 (#957645) on your fill colour chart and flood fill this selection. 
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 10
Shadow colour: Leg Outline (#44351E)
Make sure fill interior with colour is UNchecked. 
DO NOT Deselect. Defloat.

Add a new raster layer above the Leg Fill layer and change your Foreground to Colour 2 (#E8D9C8) on the fill colour chart.
Select your paint brush on round and size 25.
Click with your paint brush in the toe and foot sections of the foot. See image below for placement.
Making sure the area is still selected to go Adjust Blur - Gaussian Blur - 2.
Right click on the blur layer in the layer palette and merge down to the Leg Fill layer.
Go to Adjust - Add/Remove Noise - Add Noise - Gaussian: Checked - Noise Amount: 4 - Monochrome: Checked.
Deselect.

Repeat for the right leg.
______________________________

Hide the white background, the merged Head and Body layers and merge all leg layers visible. Rename Legs.
Hide all Layers apart from the white Background layer.
______________________________

Step 4: - Arm Outlines
Add a new Raster layer and name it "Right Arm".
Set your Foreground to colour 1 (##44351E) on the Outline Colour chart changing to colour 2 (#C6A072) when you get to the Hands - lighter area on the count chart.
Change to Colour 4 (#D39713) on the Outline colour Chart for the Banana Skin, Colour 5 (#EEDB98) for the Banana Inner and Colour 6 (#653213) for the top and bottom of the Banana.
Using the count below draw in the right arm on the new layer.
Step 4a: - Right Arm Fill
When the outline is complete unhide ALL layers and lower the Body Layer Opacity to 30%.
Use your Move tool to move the arm into position on the body as shown below.
Select your Magic Wand on the settings used earlier and click inside the right arm area making sure you also select the stray Pixel areas shown below.
Add a new raster layer and name it "R Arm Fill" and move beneath the "Right Arm" layer in the layer palette. 
Set your Foreground to Colour 1 (#957645) on your fill colour chart and flood fill this selection. 
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 10
Shadow colour: Arm Outline (#44351E)
Make sure fill interior with colour is UNchecked. 
DO NOT Deselect. Defloat.

Add a new raster layer above the Arm Fill layer and change your Foreground to Colour 2 (#E8D9C8) on the fill colour chart.
Select your paint brush on round and size 25.
Click with your paint brush in the fingers and hand sections of the arm. See image below for placement.
Making sure the area is still selected to go Adjust Blur - Gaussian Blur - 2.
Right click on the blur layer in the layer palette and merge down to the Arm Fill layer.
Go to Adjust - Add/Remove Noise - Add Noise - Gaussian: Checked - Noise Amount: 4 - Monochrome: Checked.
Deselect.
______________________________

Step 4b: - Right Arm Banana Fill
With your Magic Wand on the settings shown above click inside all the Banana skin areas above and below the hand, including the Stray Pixels shown below.
Add a new raster layer and name it "Banana" and move beneath the "Right Arm" layer in the layer palette. 
Set your Foreground to Colour 4 (#F0BC58) on your fill colour chart and flood fill this selection. 
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 3
Shadow colour: Banana Skin Outline (#D39713)
Make sure fill interior with colour is UNchecked. 
Deselect.
______________________________

Step 4c: - Right Arm Banana Fill
With your Magic Wand on the settings shown above click inside the Banana
Set your Foreground to Colour 5 (#F4E8C2) on your fill colour chart and flood fill this selection. 
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 4
Shadow colour: Banana Outline (#EEDB98)
Make sure fill interior with colour is UNchecked. 
Go to Adjust - Add/Remove Noise - Add Noise - Gaussian: Checked - Noise Amount: 4 - Monochrome: Checked.
Deselect.
______________________________

Hide the white background, the merged Head, Body and Leg layers and merge all arm/banana layers visible. Rename Right Arm.
Hide all Layers apart from the white Background layer and the Body layer.
Set the Opacity of the Body layer to 30%.
______________________________

Step 5: - Arm Outlines
Add a new Raster layer and name it "Left Arm".
Set your Foreground to colour 1 (#44351E) on the Outline Colour chart changing to colour 2 (#C6A072) when you get to the Hands - lighter area on the count chart.
Change to Colour 4 (#D39713) on the Outline colour Chart for the Banana Skin and Colour 6 (#653213) for the top and bottom of the Banana.
Using the count below draw in the left arm on the new layer lining it up with the body outline as shown below.
Step 5a: - Left Arm Fill
When the outline is complete select your Magic Wand on the settings used earlier and click inside the left arm and finger areas making sure you also select all fingers shown below.
Add a new raster layer and name it "L Arm Fill" and move beneath the "Left Arm" layer in the layer palette. 
Set your Foreground to Colour 1 (#957645) on your fill colour chart and flood fill this selection. 
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 10
Shadow colour: Arm Outline (#44351E)
Make sure fill interior with colour is UNchecked. 
DO NOT Deselect. Defloat.

Add a new raster layer above the L Arm Fill layer and change your Foreground to Colour 2 (#E8D9C8) on the fill colour chart.
Select your paint brush on round and size 25.
Click with your paint brush in the fingers and hand sections of the arm. See image below for placement.
Making sure the area is still selected to go Adjust Blur - Gaussian Blur - 2.
Right click on the blur layer in the layer palette and merge down to the Arm Fill layer.
Go to Adjust - Add/Remove Noise - Add Noise - Gaussian: Checked - Noise Amount: 4 - Monochrome: Checked.
Deselect.
______________________________

Step 5b: - Left Arm Banana Fill
With your Magic Wand on the settings shown above click inside all the Banana skin areas above and below the hand, including the Stray Pixels shown below.
Add a new raster layer and name it "Banana" and move beneath the "Left Arm" layer in the layer palette. 
Set your Foreground to Colour 4 (#F0BC58) on your fill colour chart and flood fill this selection. 
Keep selected. 
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 3
Shadow colour: Banana Skin Outline (#D39713)
Make sure fill interior with colour is UNchecked. 
Deselect.
______________________________

Hide the white background, the merged Head, Body, Leg and Right arm layers and merge all left arm/banana layers visible. Rename Left Arm.
Unhide ALL layers and set Opacity for all layers to 100%.
______________________________

Hide the white background layer and save as a png.






No comments:

Post a Comment