Saturday 25 October 2014

Pixel Spot Lights

 
This tutorial was written by Monti on October 9th 2009. 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.

We are going to do two different kinds of spotlights, the front view shown on the left above and the back view shown on the right above.

For this tutorial you will need 

Paint Shop Pro

The Following Colour Chart 
Save and then open in PSP.
Ok we are ready to start.

REMEMBER TO SAVE OFTEN 

Step 1: - Spotlight 1
We will be starting with the spotlight outline shown below. The outline has been resized a lot so you can see it clearly. 
To make this easier I have numbered all pixels over 1.
Open a new image 200 x 200 transparent. 
Flood fill with white so you can see what you are working on. Delete this layer at the end.
Turn the grid on so you can see the single pixels by going to View - Grid - then View - Change Grid, Guide and Snap Properties. Under Current Image Settings change the Horizontal and Vertical grids to 1.
Add a new Raster Layer and name Outline.
Select the brush tool with the following settings.
Size: 1 - Hardness, Opacity and Density: 100 
Zoom in to about 800% - 1000% 
Change colours as you go as indicated on the outline chart.
The center circle outline is colour 1 (#000000), the shutter outlines surrounding the center circle are colour 2 (#575757), the two 4 pixel lines and the single pixel slightly to the right of the shutters are colour 3 (#0F0F0D) and the hanger part of the spotlight is colour 4 (#3A3838) on your colour chart.
I know I usually start at the highest point but for this one we will start with the center circle. 
Set your foreground to colour 1 (#000000) on the colour chart and start drawing the outline.
You can move it later if you need to.

Step 2: - Fills
When all of your outline is complete, select your magic wand with the following settings and click inside the center circle of the spotlight.
Add a new raster layer called Fill and move this beneath your outline layer in the layer palette.
Select colour 5 (#FAF5D7) on your colour chart, click on the Fill layer to activate it and flood fill that selection.
Keep selected.
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 4
Shadow colour: Use colour 8 (#F2963C) on your colour chart.
Make sure fill interior with colour is UNchecked. 
Deselect.
____________________

Select your magic wand and making sure you are on the outline layer click inside the left shutter. 
Select colour 6 (#929292) on your colour chart, click on the Fill layer to activate it and flood fill that selection.
Keep selected.
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 3
Shadow colour: Use your shutter outline. Colour 2 (#575757).
Make sure fill interior with colour is UNchecked. 
Deselect.
____________________

Select your magic wand and making sure you are on the outline layer click inside the bottom shutter. 
Select colour 6 (#929292) on your colour chart, click on the Fill layer to activate it and flood fill that selection.
Keep selected.
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 3
Shadow colour: Use your shutter outline. Colour 2 (#575757).
Make sure fill interior with colour is UNchecked. 
Deselect.
____________________

Select your magic wand and making sure you are on the outline layer click inside the right shutter. 
Select colour 6 (#929292) on your colour chart, click on the Fill layer to activate it and flood fill that selection.
Keep selected.
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 2
Shadow colour: Use your shutter outline. Colour 2 (#575757).
Make sure fill interior with colour is UNchecked. 
Deselect.
____________________

Select your magic wand and making sure you are on the outline layer click inside the top shutter. 
Select colour 6 (#929292) on your colour chart, click on the Fill layer to activate it and flood fill that selection.
Keep selected.
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 2
Shadow colour: Use your shutter outline. Colour 2 (#575757).
Make sure fill interior with colour is UNchecked. 
Deselect.
____________________

Select your magic wand and making sure you are on the outline layer click inside the rear of the spotlight as shown below. 
Select colour 7 (#373731) on your colour chart, click on the Fill layer to activate it and flood fill that selection.
Keep selected.
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 4
Shadow colour: Use your spotlight outline. Colour 3 (#0F0F0D).
Make sure fill interior with colour is UNchecked. 
Deselect.
____________________

Hide the white background layer and merge all layers visible.
Rename Left Spotlight and hide this layer for now.
Unhide the white background layer.
Add a new raster layer and set your foreground to colour 4 (#3A3838).
Draw in the lighting track shown below. 
Add a new raster layer and select colour 2 (#575757) on your colour chart.
Draw in the areas shown below. I have faded the area we just drew so you can see the count better.
Hide the white background layer again and make sure the spotlight is still hidden and merge the lighting track layers visible.
Save this as a psp file as you can use it for the spotlights I have added below too. 
DO NOT close this image.
_____________________

Unhide your spotlight layer and move it to the left of the track as shown below. 
Duplicate your spotlight layer and mirror it lining it up at the same distance from the edge as on the left. 
Delete the white background layer and save as a psp file so you can add it to your band whenever you want.

Step 3: - Spotlight 2:1
We will be using the same colour chart we used for the spotlight above.
We will be starting with the spotlight outline shown below. The outline has been resized a lot so you can see it clearly. 
To make this easier I have numbered all pixels over 1.
Open a new image 200 x 200 transparent. 
Flood fill with white so you can see what you are working on. Delete this layer at the end.
Turn the grid on so you can see the single pixels by going to View - Grid - then View - Change Grid, Guide and Snap Properties. Under Current Image Settings change the Horizontal and Vertical grids to 1.
Add a new Raster Layer and name Outline.
Select the brush tool with the following settings.
Size: 1 - Hardness, Opacity and Density: 100 
Zoom in to about 800% - 1000% 
Change colours as you go as indicated on the outline chart.
The main darker area is colour 3 (#0F0F0D), the shutter outlines to the bottom and right are colour 2 (#575757) and the hanger part of the spotlight is colour 4 (#3A3838) on your colour chart.
Set your foreground to colour 4 (#3A3838) on the colour chart and start drawing the outline from the top.
You can move it later if you need to.

Step 4: - Fills
We will be filling the outline in numerical order as shown below.
Select your magic wand with the following settings and click inside area 1 of the spotlight as shown above.



Add a new raster layer called Fill and move this beneath your outline layer in the layer palette.
Select colour 7 (#373731) on your colour chart, click on the Fill layer to activate it and flood fill that selection.
Keep selected.
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 4
Shadow colour: Use the outline colour 3 (#0F0F0D) on your colour chart.
Make sure fill interior with colour is UNchecked. 
Deselect.
____________________

Select your magic wand and making sure you are on the outline layer click inside area 2. 
Select colour 7 (#373731) on your colour chart, click on the Fill layer to activate it and flood fill that selection.
Keep selected.
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 6
Shadow colour: Use the outline colour 3 (#0F0F0D) on your colour chart.
Make sure fill interior with colour is UNchecked. 
Deselect.
____________________

Select your magic wand and making sure you are on the outline layer click inside area 3. 
Select colour 6 (#929292) on your colour chart, click on the Fill layer to activate it and flood fill that selection.
Keep selected.
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 3
Shadow colour: Use the shutter outline colour 3 (#575757) on your colour chart.
Make sure fill interior with colour is UNchecked. 
Deselect.
____________________

Select your magic wand and making sure you are on the outline layer click inside area 4. 
Select colour 6 (#929292) on your colour chart, click on the Fill layer to activate it and flood fill that selection.
Keep selected.
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 4
Shadow colour: Use the shutter outline colour 3 (#575757) on your colour chart.
Make sure fill interior with colour is UNchecked. 
Deselect.
____________________

Hide the white background layer and merge all visible. Rename left spotlight.
Unhide the white background layer and hide the spotlight layer for now while we work on the next one.

Step 5: - Spotlight 2:2
Time to draw the next spotlight.
We will be using the same colour chart we used for the spotlight above.
The outline has been resized a lot so you can see it clearly. 
To make this easier I have numbered all pixels over 1.


















Add a new Raster Layer and name Outline.
Select the brush tool with the following settings.
Size: 1 - Hardness, Opacity and Density: 100 
Zoom in to about 800% - 1000% 
Change colours as you go as indicated on the outline chart.
The main darker area is colour 3 (#0F0F0D), the shutter outlines to the bottom and right are colour 2 (#575757) and the hanger part of the spotlight is colour 4 (#3A3838) on your colour chart.
Set your foreground to colour 4 (#3A3838) on the colour chart and start drawing the outline from the top.
You can move it later if you need to.

Step 6: - Fills
We will be filling the outline in numerical order as shown below.













Select your magic wand with the following settings and click inside area 1 of the spotlight as shown above.



Add a new raster layer called Fill and move this beneath your outline layer in the layer palette.
Select colour 7 (#373731) on your colour chart, click on the Fill layer to activate it and flood fill that selection.
Keep selected.
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 3
Shadow colour: Use the outline colour 3 (#0F0F0D) on your colour chart.
Make sure fill interior with colour is UNchecked. 
Deselect.
____________________

Select your magic wand and making sure you are on the outline layer click inside area 2. 
Select colour 7 (#373731) on your colour chart, click on the Fill layer to activate it and flood fill that selection.
Keep selected.
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 5
Shadow colour: Use the outline colour 3 (#0F0F0D) on your colour chart.
Make sure fill interior with colour is UNchecked. 
Deselect.
____________________

Select your magic wand and making sure you are on the outline layer click inside area 3. 
Select colour 6 (#929292) on your colour chart, click on the Fill layer to activate it and flood fill that selection.
Keep selected.
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 3
Shadow colour: Use the shutter outline colour 3 (#575757) on your colour chart.
Make sure fill interior with colour is UNchecked. 
Deselect.
____________________

Select your magic wand and making sure you are on the outline layer click inside area 4. 
Select colour 6 (#929292) on your colour chart, click on the Fill layer to activate it and flood fill that selection.
Keep selected.
Selections float, Effects 3D effects, Cutout with the following settings
Vertical: 0
Horizontal: 0
Opacity: 100
Blur: 2
Shadow colour: Use the shutter outline colour 3 (#575757) on your colour chart.
Make sure fill interior with colour is UNchecked. 
Deselect.
Repeat this last cutout for area 5.
____________________

Hide the white background layer and make sure the left spotlight layer is still hidden and merge all visible. Rename center spotlight.
Unhide the white background layer.
Open the spotlight track we made from the spotlights above and copy and paste that as a new layer onto your canvas. 
Unhide all layers and move the spotlights into position as shown below. 










Finally duplicate the left spotlight and mirror it positioning it the same distance in as the one on the left.
It should now look like the one below.



Delete the white background layer and save as a psp or png file so you can add it to your band whenever you want.

No comments:

Post a Comment