Vintage Bloody Text Effect Wallpaper Design in Adobe Photoshop

Final product image
What You'll Be Creating
This tutorial will show you how to layer a couple of grunge and watercolor brushes, then use them with some textures to create a wall with a real vintage look. After that, we'll combine the text and some dripping brushes to add the writing on that wall. Finally I'll give you some tips on adjusting the lighting so that you can end up with an intense, vivid design.
This effect is inspired by the promotion images for the new season of American Horror Story: Freak Show.
The following assets were used during the production of this tutorial.
  • Nightbird font
  • Crack 5 by pheliz-stock
  • French Wallpaper Patterns 1 by sofi01
  • Grunge brushes by anamcr
  • Watercolours 3 PS 7.0 by Pfefferminzchen
  • ConcreteBare0183 Image 3 - Medium 1600x1048
  • PlasterWhite0080 Image 1 - Medium 1600x1064
  • Drips 1 Brush Pack for Photoshop or Gimp
Open the 35.jpg image from the French Wallpaper Patterns 1 pack, then go toImage > Adjustments > Levels. Click the Sample in image to set white pointicon, then click the peachy orange colored part in the image. This will set it along with any lighter points to white.
Modify the wallpaper pattern
Go to Image > Adjustments > Hue/Saturation, click the Colorize box, and then change the Hue to 32, the Saturation to 18, and the Lightness to 40.
Change the hue saturation and lightness
Go to Edit > Define Pattern, and type in a name for the pattern.
Name the pattern
Create a new 1280 x 720 px document, then place the Crack 5 texture on top of theBackground layer. Resize it as needed, but for a result similar to the one in this tutorial, make sure to keep the top and bottom parts open at the ends of the document as shown in the screenshot below.
In order to get a neater result, we will need to get rid of the hole extending to the right of the image, which is what we'll be doing next.
Crack in a wall
Pick the Stamp Tool, and a soft round 25 px brush tip. Press and hold theOption/Alt key, then click at the beginning of the part that you want to use as an edge for the hole to the right.
Click at the edge of the hole with the Stamp Tool
Release all, then click and drag to use the part you sampled earlier to patch the hole. You can undo and resample a couple of times until you get a result you like. Don't fill the whole part yet, just make sure to create the edge.
Patch the edge of the hole
Now pick the Patch Tool, make sure that the Patch option in the Options bar is set to Normal, and that the Source button is clicked. Then, click and drag to create a selection around the remaining part of the hole.
Create a selection around the remaining part of the hole
Click inside the selection and drag it down until you find a part of the wall you like, then release. This will patch that part pretty nicely.
Patch the hole completely
You can also use the Spot Healing Brush Tool to get rid of any other spots or parts you don't like, by simply painting over them.
Paint over spots with the Spot Healing Brush Tool
When done, go to Filter > Noise > Reduce Noise, and change the Strength to 10, the Preserve Details value to 37, the Reduce Color Noise value to 84, and theSharpen Details value to 75, and make sure that the Remove JPEG Artifact box is unchecked.
Reduce Noise settings
Finally, go to Image > Adjustments > Hue/Saturation, and change the Hue to -64and the Saturation to -70.
Change Hue and Saturation
Pick the Magnetic Lasso Tool, then click at the beginning of one of the crack's sides to start creating a selection. Drag slowly at the edges, and if you need to force it to add a point, click once where you want the point to be added, then continue dragging.
You can play around with the settings in the Options bar, like increasing theFrequency value if necessary.
Create a selection around the cracks edges
When you're done, you can use the Polygonal Lasso Tool, and click the Add to Selection icon in the Options bar, to add any left-out parts at the top and bottom of the image.
When the selection is complete, go to Select > Inverse.
Use the Polygonal Lasso Tool to add any left-out parts
Click the Add layer mask icon at the bottom of the Layers panel. This will add a layer mask that will remove the center of the crack.
Add a layer mask
Place the ConcreteBare0183 image right below the crack texture layer, and rename its layer to Concrete, then resize it as needed, making sure not to leave any empty areas.
Add a Concrete layer
Go to Image > Adjustments > Hue/Saturation, and change the Hue to -12 and theSaturation to -20.
Set hue and saturation for the concrete
Double-click the crack texture layer to apply a simple Drop Shadow effect using the values below:
  • Opacity: 25%
  • Distance: 10
  • Size: 10
Add a drop shadow to the crack
This will add the first layer of shadow to that part.
Add the first layer of shadow
Create a new layer on top of all layers, call it Fill Color, and change its Blend Modeto Color. Then set the Foreground color to #968978, and use the Paint Bucket Tool to fill the layer with that color.
Add a Fill Color layer
Create another new layer, call it Pattern, and change its Blend Mode to Multiply. Then with the Paint Bucket Tool still active, choose the Pattern fill from theOptions bar's dropdown menu, and fill the new layer with the pattern you defined at the beginning of this tutorial.
Fill the new layer with the wallpaper pattern
Command/Control-Click the crack texture's layer mask thumbnail to create a selection.
Select the Fill Color layer, then click the Add layer mask icon to apply the same layer mask to it. Repeat that for the Pattern layer as well.
Add a layer mask for the Fill Color and Pattern layers
Place the PlasterWhite0080 texture on top of all layers, rename its layer to Edges, click the Add layer mask icon, and fill the layer mask with Black.
Pick the Eraser Tool, and make sure that the Foreground color is set to Black, and that the layer mask is still selected.
With a small soft round brush tip, start erasing some parts along the edges to show the masked texture back for those parts.
Erase parts along the edges of the crack
Not all the edges should be erased. A couple of areas around the crack should be just fine. This will make the final result look more realistic and interesting.
Dont erase all the edges
Create a new layer on top of all layers, and call it Border 1. Change its Blend Modeto Multiply and its Opacity to 70%, set the Foreground color to #524741, and then use any of the Grunge brushes to darken up the document's edges.
Create a Border 1 layer
Create another new layer, call it Border 2, change its Blend Mode to Linear Burn, and use a soft round brush to add another darkening layer to the grungy edges.
Create a Border 2 layer
Create one more layer, and call it Grunge Overlay. Change its Blend Mode toMultiply and its Opacity to 50%, then scatter some of the Grunge brushesrandomly over the wallpaper (the part that has the pattern).
Create a Grunge Overlay layer
Create a new layer and call it Highlight. Change its Blend Mode to Soft Light, set the Foreground color to #acacac, and use a soft round brush tip to highlight some areas of the crack's edges. Then, add the same previous layer mask to the layer just like you did for the Fill Color and Pattern layers before.
Create a Highlight layer
You can also create another layer and call it Shadow, change its Blend Mode toMultiply, and use the same Foreground color to darken up any areas that need darkening along the edges. Don't forget to add a layer mask for this layer too.
Create a Shadow layer
Create a new layer on top of the Concrete layer, and call it Center Shadow 1. Change its Blend Mode to Multiply and its Opacity to 50%, set the Foregroundcolor to Black, then use a big soft round brush tip to add some shadowing to the edges in order to create more depth.
Create a Center Shadow 1 layer
Create another new layer on top of the Center Shadow 1 layer, and call it Center Shadow 2. Change its Blend Mode to Linear Burn, and set the Foreground color to #342915.
The first part of this step is to pick a round brush tip with a Hardness value of 70%, then create some dark, intense shadow areas below a few parts of the crack's edges. You can use the Eraser Tool to help you shape those shadows to match the shape of the edges that are supposed to be casting them.
The second part is to pick the Eraser Tool, and use the brush 24 from theWatercolours 3 PS 7.0 pack to erase parts of the outer edges of the shadows you created.
Create the Center Shadow 2 layer
Next, start creating new layers between the crack and the Center Shadow 2 layers, and change each of those layers' Blend Modes to Multiply, then choose shades of green and brown colors to add stains to the concrete center using the Watercolours 3 PS 7.0 brushes. Place those layers in a group and call it Center.
Group layers into a Center group
The brushes and colors used in this tutorial from bottom to top are:
  • Layer - Color - Brush
  • 1 - #998675 - 28
  • 2 - #a6a497 - 30
  • 3 - #a6a497 - 29
  • 4 - #998675 - 27
  • 5 - #342915 - 29
  • 6 - #a6a497 - 09
  • 7 - #342915 - 22
The wallpaper and crack so far
Create the text using the font Nightbird, the font Size 99 pt, the color #993133, and set the Tracking value to -25.
Add the text The Wall of Bloody Horror
Go to Edit > Transform > Rotate, rotate the text slightly, then hit Return/Enter to accept the changes.
Rotate the text
Create a new layer on top of the text layer, call it Drips, and set the Foregroundcolor to #993133. Then add some of the Drips 1 Brush Pack for Photoshop or Gimp brushes to a couple of the letters you have. You can combine more than one brush for the same letter as well.
Add a Drips layer
Select both the text and the Drips layers, then go to Layer > Merge Layers, rename the merged layer to Text, and change its Blend Mode to Multiply.
Merge layers to form a single Text layer
You can use the Watercolours 3 PS 7.0 brushes to erase some parts of the text if you like.
Use the Watercolours 3 PS 70 brushes to erase text
Go to Image > Adjustments > Hue/Saturation, and change the Saturation to 10.
Adjust hue and saturation
Create a new layer on top of the Center Shadow 2 layer, call it Stain, change itsBlend Mode to Linear Burn, set the Foreground color to #b3897c, and add the brush 28 from the Watercolours 3 PS 7.0 pack behind the text. You can modify some of its settings if you like, as shown in the next step.
Create a new Stain layer
Open the Brush panel (Window > Brush), change the Size to 400, and check theFlip Y box, then add the brush.
The Brush panel settings
Click the Create new fill or adjustment layer icon at the bottom of the Layerspanel and choose Levels. Make sure to place its layer on top of all layers, then change the Highlights value to 245.
Click the Create new fill or adjustment layer icon again, but this time chooseBrightness/Contrast, and change the Contrast value to 10.
Change contrast to 10
Double click the Fill Color layer to apply a Gradient Overlay effect using the following values.
  • Blend Mode: Overlay
  • Opacity: 35%
  • Style: Radial
  • Scale: 150%
  • Check the Reverse box
  • Use the Black to White gradient fill.
Apply a Gradient Overlay effect
This will make the effect look more vivas
Step 4
Pick the Dodge Tool, choose a soft round brush tip, and set the Range to Midtonesand the Exposure to 50% in the Options bar. Select the crack texture's layer, then start brightening up its edges a little bit.
Use the Dodge Tool to brighten up the edges of the crack
In this tutorial, we patched, modified, and masked a crack texture to create the base of a pattern-filled wallpaper.
Then, we added the fill color and pattern to the crack texture, as well as a couple of brushes to make it look more vintage and grungy. We used other brushes to add highlights and shadows, creating more depth and dimension.
Then we created the text, added some drips, and merged and blended both layers with the design.
Finally, we enhanced the lighting, and added some finishing touches to bring the design to life and make it look more vivid.
Please feel free to leave your comments, suggestions, and outcomes beloFinal product image
What You'll Be Creating

0 comments:

Post a Comment