Create a creative poster with beautiful visual effects. In this tutorial I’ll show you how to quickly and easily create a unique poster using abstract rendering and many interesting effects like lightning, glowing lines and police tape. And all of these effects you can create your own in Photoshop. Read this tutorial and see how easy it is!
What you’ll be creating
I love to experiment with abstract rendering. Their abstract forms, can achieve amazing visual effects. I created this picture with ideas broke stereotypes for today’s trends. I’ll start the lesson by creating a background and model. We will work with layer masks, and adjustment layers. Then proceed to the effects. In this part I will tell you about the creation of luminous lines in the background will create a cluster of lightning and police tape. At the end I added the details, effects, and a bit of work with color. In this tutorial we will use the filter “Tilt Shift” which is the only in Photoshop CC. You need to download all attachment links, a little logic, a good mood and be sure to have Photoshop beginning with CS version.
- Concrete Texture – SuperStar-Stock
- Model (3744×5616) – Pixabay
- City (3872×2592) – Pixabay
- Kaos Brush Set 2.0 – Outof4mmo
- Cross the line abstract render pack – MariaSemelevich
- Custom Lens Flares Pack – 50 Free High Resolution Transparent Images – Media Militia
Create a new document via Cmd/Ctrl + N or File > New at 2400 pixels wide and 3000 pixels height, resolution 300 Pixels/Inch.
Place concrete texture into working document via File > Place…/Place Embedded. In Free Transform mode (Cmd/Ctrl +T or Edit > Free Transform) rotate it on 90 degrees and slightly reduce it’s size. Hit Enter/Return to apply changes.
Duplicate this layer (Cmd/Ctrl + J or Layer > Duplicate layer…) and go to Edit > Transform > Rotate on 180 degrees. Reduce layer Fill to 50%. It’s a little to soften the texture and will not distract the viewer from the details.
Go to Layer > New Fill Layer > Solid color… or use “Create new fill or adjustment layer” at the bottom of Layer Panel. Set Mode to “Overlay” and color to black (#000000). Reduce Fill to 40%.
Create another one gradient fill layer (Layer > New Fill Layer > Gradient…). Set default Black & White gradient, Style: Radial, Scale: 150%, check “Reverse”. Change layer blending mode to “Soft Light”. It will be our focus point. We will direct the viewer’s attention on the center of the image.
Load “Kaos Brush Set 2.0” by Outof4mmo in Photoshop. Create a new layer (Cmd/Ctrl + Shift + N or use “Create a new layer” icon on Layer panel). Set default background/Foreground colors (D). Take a Brush Tool (B) and with black color and Opacity: 100% draw a big abstract spot. The most important thing is not to go beyond the boundaries of the working field and leave some space around the image. You can use any brush which you will like. I used the brushes “Kaos 2.1” and “Kaos 2.2”.
Place City image into working document and resize it around size of brush spot. Unfortunately a lot of noise in the image. To remove it go to Filter > Noise > Reduce Noise. Set Strength: 9, Preserve Details: 20%, Reduce Color Noise: 20%, Sharpen Details: 25% and click OK.
Now sharpen details. Convert city layer to Smart Object (right – click on layer > Convert to Smart Object or go to Layer > Smart Objects > Convert to Smart Object). Go to Filter > Sharpen > Smart Sharpen… Set the settings like shown in image below.
Duplicate this layer (Cmd/Ctrl + J or go to Layer > Duplicate Layer…), convert it to Smart Object. Go to Filter > Other > High Pass… Set Radius to 5.0 pixels and click OK. Change layer Blending Mode to “Hard Light” and reduce Fill to 30%. Make from this layer a Clipping Mask to City layer (Cmd/Ctrl + Opt/Alt + G or right – click > Create Clipping Mask).
Group all city layer by selecting layers and press Cmd/Ctrl + G or use “Create a new group” icon at the bottom of Layer panel. Hold Cmd/Ctrl and click on brush spot thumbnail in Layer panel to create a selection. Add a layer mask to city group to hide all except spot area. Use black hard brush on layer mask to clean up some buildings.
Add a bit of color to the city. Go to Layer > New Adjustment Layer > Hue/Saturation… Check “Colorize” and set Hue: 203, Saturation: 100%, Lightness: +25% and clip this layer to the group. Change layer Blending Mode to “Multiply”. Add another adjustment layer “Brightness/Contrast” with the settings Brightness: +25, Contrast: -40 and clip this layer.
Place model’s image into working document (File > Place…/Place Embedded) above background and city. Move layer a little lower that the legs disappeared beyond the boundaries of the working area. Rotate image on 2.38 degrees. Try to position the model in the center of the picture.
With Pen Tool (P) create a neat path around model and from this selection make a vector mask. This type of mask is needed in order to be able to remove part of the model on a layer mask. Add a layer mask and with soft round, black, 100% Opacity Brush Tool (B) remove legs until city spot.
Before proceeding Photo manipulation, I created lighting on a model. To do this, I created two “Exposure” adjustment layers. For first layer I set Exposure to -0.90 and for second Exposure: +0.58 and clip both layer to a model (for a correct lighting, always use the same value for both layers. In my case it was severely hard transitions of light and shadow, so I do not follow this rule). Fill adjustment layer mask with black color (select layer mask and go to Edit > Fill > Color…). Now, everything is simple. Use a Brush Tool (B) on both layers with white color and different values of Opacity to create lighting. For such a technique can also be used “Curves” and “Levels” adjustment layers.
Now time for a render. I created several abstract images in Cinema 4D specifically for this picture. And now I share it with you :). Let’s start with wireframes. Place image “3” from folder “Wireframes” below model layer (File > Place…/Place Embedded). In Free Transform Mode resize it like shown in image below. Change layer Blending Mode to “Multiply” and add as clipping mask (Cmd/Ctrl + Opt/Alt + G) adjustment layer “Levels” (Layer > New Adjustment Layer > Levels…). Set for midtones: 0.27. This will help show the lines of wireframe. Play with rotation to find interesting form.
Continue adding abstract render. The set includes 7 different images so you can use all of them. Most of all, I used “Line1” and “Line2” images. To create composition in the background I use 3 copy of “Line1” image. Play around Rotation and Scale Tools to create interesting and dynamic composition near the model. To create the depth and volume I have add to the very first image adjustment layer “Brightness/Contrast” with the settings Brightness: -75, Contrast: +40 and clip this layer. I group all images into one group “C4D” (Cmd/Ctrl + G).
Place image “Line1” above model layer (File > Place…/Place Embedded) and with Free Transform Tool (Cmd/Ctrl + T or Edit > Free Transform) increase it’s size. To accent render the foreground add an adjustment layer “Brightness/Contrast” with the settings Brightness: +34, Contrast: +80 and clip this layer to a render.
Add a drop shadow to a foreground render image. Go to Layer > Layer Style > Drop Shadow or use “Add a layer style” icon on Layer panel. Set Opacity: 65%, Distance: 17px, Spread: 9%, Size: 16px and click OK to apply changes. This will make render a more realistic.
Now time to effects. The first thing that we can do is glowing lines. They look beautiful and elegant. First you need to create a splatter brush with hard round form. In Brush Presets panel select Hard round brush and go to Brush panel (F5). Use images below to create a brush. After it’s done set brush color to white, Opacity: 100 and Size to 30px.
Create a new layer (Cmd/Ctrl + Shift + N) under group “C4D” and draw a small cluster of strokes. Go to Filter > Blur > Motion Blur… Set Angle: -50, Distance: 800. Repeat filter several times until lines become smooth (Cmd/Ctrl + F or Filter > Last Filter). By blurring the lines almost invisible, so duplicate this layer a few times (Cmd/Ctrl + J or Layer > Duplicate Layer…) until the texture will be slightly visible.
Then will integrate all the layers with the lines in one layer (select layers > Layer > Merge Layers… or Cmd/Ctrl +E). Set Layer blending mode to “Screen”. Use Free Transform Tool (Cmd/Ctrl + T or Edit > Free Transform) to resize it that lines become smaller and use Rotate Tool to change direction of lines. Make two more copies of lines and place it around render and model.
Merge all layers with lines(Cmd/Ctrl + E). Now add a glow to the lines by using layer styles “Inner Glow” and “Outer Glow” (“Fx” icon at the bottom of layer panel or go to Layer > Layer Style > Inner Glow/Outer Glow). For “Inner Glow” set Blend Mode to “Normal”, Opacity to 100%, Color ##77d7ff, Choke to 0% and Size to 10px. In “Outer Glow” tab change Opacity to 100% and add Noise around 25%. Set Color #0077f1, Spread: 2% and Size: 16px.
Now add a bit glow around model. Create a new layer above “C4D” group (Cmd/Ctrl + Shift + N) and use Brush Tool (B) with soft round form, large size around 1000px, Opacity: 100% and color #00bdf1. Draw a three big spot on at the intersection of glowing lines and rendering. Change layer Blending Mode to “Screen” and reduce Opacity to 55%.
Now back to the model. We already know the color of the image and light sources, so add a little reflection from the rendering and lines on the model. Create a new layer (Cmd/Ctrl + Shift + N) and make a clipping mask from it (Cmd/Ctrl + Opt/Alt + G). Change layer Blending Mode to “Color” and reduce Opacity to 25%. Take a Brush Tool (B) with soft round form, 100% Opacity and colors #2e88b2 and #debc2e. Draw with blue color on left hand and yellow on right.
Now, add a ribbon. I created this in Photoshop, but in a folder with the renderer has finished image. If you hurry, or want to continue photo manipulation just place image “do not cross with shadow”, position it as you wish, group layers (Cmd/Ctrl +G) and go to Step 33. These few steps I will tell you how to create a police tape, which you can use in your images. First, create a new document (Cmd/Ctrl + N) with settings Width: 8851px, Height: 3000, Resolution: 300 Pixels/Inch. Take Rectangle Tool (U), set fill to “Solid Color” and set up color #ffe400, for stroke set “No color” mode. Draw a shape size Width: 8355px and Height: 316px.
Duplicate this rectangle (Cmd/Ctrl + J or Layer > Duplicate layer…). Remove color fill and set stroke color to black, Stroke size to 13,72. Go to Stroke settings and click on button “More Options…”. In Stroke options set long lines preset, Align: Inside, Caps: Butt, Corners: Miter. For all lower windows with “Dash” and “Gat” set 2 and click OK.
Select both layers with rectangles, make right click > Convert to Smart Object. Use Distort Tool (Edit > Transform > Distort). Select midpoint, hold on Shift and move it on 35 degrees to the right, hit Enter/Return to apply changes. Take a Polygonal Lasso Tool (L), hold Shift and select both edges. Hold Shift to make a straight line at 45 degrees. Hold Opt/Alt and click on “Add layer mask” icon to hide edges.
Take a Horizontal Type Tool (T). Place the cursor on the first black line on the left and write “Do Not Cross”. In “Character” panel (Window > Character) set Font to “Arial Bold”, Size around 37.99 pt, Color to black. Press “All Caps” button to make all letters are capital.