![7b[5] 7b[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/7b5.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 8 – Adding the game title
Use the Type tool and write out the name of the game with the following settings:
- Font face: Stencil
- Color: #ee8a00
![8[5] 8[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/85.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Rasterize the layer (right click on the layer then choose Rasterize). Use the Free Transform tool (Ctrl+T) on the title to create a different perspective.
![8a[5] 8a[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/8a5.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Duplicate (Ctrl+J) the layer. Fill the bottom layer with black and move the black layer a few notches to the right. Set the Opacity to 60%.
![8b[5] 8b[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/8b5.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Select the layer with the orange text and change the layer settings to the following:
- Check “Inner Shadow”
- Blend Mode: Multiply
- Opacity: 75%
- Angle: 137º; check “Use Global Light”
- Distance: 5
- Choke: 0
- Size: 5
![8c[5] 8c[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/8c5.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Create a new layer. Pick a basic brush with a hard edge. Select the text layer.
![8d[5] 8d[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/8d5.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Fill the bottom of the text with white. Set the layer opacity to about 25%.
![8e[5] 8e[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/8e5.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 9 – Setting complete
Save your image and start a new file for your characters.
![9[5] 9[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/95.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 10 – Sketching the characters
Use a white piece of paper and a black pen or pencil to draw your characters. In this tutorial, I only drew three faces. To make your work easier, you could also draw their bodies. Scan the paper and drag the jpeg image into Photoshop. In this tutorial, I have named the characters: The Sheriff, Fat Thief, and Evil Thief.
![10[5] 10[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/105.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 11 – Editing The Sheriff’s face
Create a new layer on top of the scanned version. Use the Pen tool and follow the lines in your sketch. You don’t have to trace everything at once. Once you have completed tracing, select the Brush tool. Change your brush tip to around 3-4 pixels and set the opacity to 100%. Use a thicker tip (5-7 pixels) for the eyebrows, and a thinner tip (2-3 pixels) for his wrinkles. Select the path that you traced and Stroke it (right click > Stroke Path > Brush).
![11[5] 11[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/115.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 12 – Adding the Sheriff’s body
Follow Step 11 to draw the Sheriff’s body. If you had sketched it beforehand, this step would be easier. If you didn’t sketch it, just keep it simple. Make sure The Sheriff has a costume fitting his character (i.e. belt, jacket, boots, guns).
![12[5] 12[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/125.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
![12a[5] 12a[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/12a5.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
![12b[5] 12b[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/12b5.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 13 – Adding the Sheriff’s badge
Click on the Custom Shape tool and select a shape of a star. Choose a yellow (#8b6d25) color and place the shape on the Sheriff.
![13[5] 13[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/135.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Add some Texture (Layer palette > Bevel and Emboss > Texture) with the following settings:
- Pattern: choose a cloth like texture
- Scale: 1
- Depth: +91
- Check “Link with Layer”
![13a[5] 13a[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/13a5.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Add a Drop Shadow (Layer palette > Drop Shadow) with the following settings:
- Blend Mode: Multiply
- Opacity: 75%
- Angle: -49º; check “Use Global Light”
- Distance: 5
- Spread: 0
- Size: 5
- Check “Layer Knocks Out Drop Shadow”
![13b[5] 13b[5]](https://cdn.photoshoptutorials.ws/images/stories/cb356ec438c2_14B98/13b5.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 14 – Filling in the Sheriff’s face and hand
Create a new layer under the layer with the outline. Use the Fill tool and fill his face with cream (#f1d9b3).
One response to “Create a Flash Game Mockup in Photoshop: “The Outlaws””
-
what a great tutorial.. all the concept is clear.. great job
Leave a Reply