Create a lightning in Photoshop – Part 1

The text effect of lightning can be created in different ways, because lightning has different shapes and elements.

This lesson will explain how to create a basic form of zipper with the main parts and how to apply it to the text on a sports theme.

Step 1

Let’s start by creating a basic lightning brush.

Create a new document 100 by 100 pixels. Set the foreground color to black, and select the tool Rounded Rectangle (Rounded Rectangle Tool). In the options bar, select Figure (Shape) and set the radius to 5. Then click and drag to create a 46 x 84px rectangle.

Next, we are going to create some guidelines that will help us add a pair of reference points. To do this, you will need to activate the guides (View-> Rulers (View -> Rulers)), select tool Move ( Move Tool), then click and drag the rulers to create a guide.

The first guideline is one vertical line in the center of the document, so you need to drag the vertical ruler. As soon as you place the guide in the center, it becomes attached to the center automatically, if you have an anchor set in the menu View (View), move the rectangle so that it is in the center of the document.

Add two more vertical guides and three horizontal guides as shown below. They will be used to help us place some anchor points to create a shape represented by a pink dashed line.

So imagine the shape and place the guides.

You can move guides after they are created using the tool. Move (Move Tool), so don’t worry if you don’t do it right the first time.

As soon as you finish adding guides, select the tool “Pen + (add anchor point / Add Anchor Point Tool), then click on both ends of each horizontal guideline to add anchor points.

Choose a tool Arrow (Direct Selection Tool), then click and drag to select two points in the middle.

Let’s go to Edit-> Transform Segments-> Scaling (Edit-> Transform Points-> Scale), then press and hold the Alt key while dragging one of the points to the center. The Alt key is needed so that both points move inwards towards the center at the same time.

Move the dots until they touch the two vertical lines, and then release the mouse button.

Press (Ctrl + T) to activate the command Free transform (Free Transform), then drag the top of the rectangle outwards to expand the curves slightly. Once you are done click Enter, to accept changes and exit mode Transformations (Transform Mode).

You can also click individual anchor points then use the tool Arrow(Direct Selection Tool), change them slightly, but keep in mind that you must make the exact same changes for both sides.

Select the points at the top, and move them up or down using the keys (Up and Down arrows), if necessary, until you like the shape of the tip.

When you finish, go Edit-> Define Brush (Edit-> Define Brush Preset) and enter the name “Brush Lightning.”

Save the document, and then close it.

Step 2

Create a new document (Ctrl + N) with a size of 1152 x 864 px. Set the primary color to # 26323e and the background color to # 0e0e0e. Activate the tool Gradient (Gradient Tool), select Radial gradient (Radial Gradient), in the options bar. Create a new layer (Crtl + Shift + N), name it “Background Gradient”, then click and drag the gradient from the center of the document to one of the corners to create a simple radial gradient.

Double-click on the “Background Gradient” layer to add Layer style (Layer Style) – Pattern overlay (Pattern Overlay): Change, Blend Mode (Blend Mode) to Darken Base (Color Burn), Opacity (Opacity) to 80, and select the Rocky Wall texture.

This will add a subtle texture to the background.

Step 3

Write text using the Junegull font. The font color is # 6a6a6a, and the size is 618 px.

This lesson uses only one letter, but you can create as many letters as you like. Just be sure to increase the value. Tracking (Tracking) so that the letters do not intersect.

The text will be used only as a template for the work path, which we are going to create in the center of the letter.

So choose a tool Pen (Pen Tool), click to add points, click and drag to create curves. Use this to make a path in your text.

It is important to create all the corners in the form of curves so that there are no sharp corners.

You do not need to create the perfect path, since you can use the tool Arrow (Direct Selection Tool) later to move the anchor points and change the path that was created (you can click on the direction of the points at the end of the guides, then change them to change the curve, drag them out and in to make the curve wider or ).

You can add and remove points with tools. Add anchor point (Add Anchor Point Tool) and Delete anchor point (Delete Anchor Point Tool).

Use tools, change the shape until you like the result.

Step 4

Now we are going to create six new layers and name them according to the size of the brush that will be used to stroke each of them.

Therefore it is important, call them as shown in the picture below.

Start by creating a new layer (Ctrl + Shift + N) and name it “100”. Then add a new layer on top of it.

Above layer “100” you should have layers:

“100” – “75” – “70” – “40” – duplicate the layer “40” (Ctrl + J), now you have the layer “40 copy” and, finally, “20”.

Activate the Brush Tool and select a round brush. Then open the brush panel Window-> Brush (Window -> Brush) and change the interval to 1%.

Set the base color to black. We will add color using the effect. Color overlay (Color overlay) when applicable Layer styles (Layer Styles).

Next, we will go to each layer, and stroke the brush size corresponding to the name of the selected layer.

Thus, if the layer “20” is selected, the brush size should be 20 pixels.

We circle the path, for this we activate the tool. Outline selection (Direct Selection Tool), right-click on the path, and select Perform a stroke (Stroke Path).

Select a brush from the tools drop-down menu, make sure that the check mark Simulate pressure (Simulate Pressure) is not installed, and click OK.

Then press Enter once.

Repeat this step to circle the path on the remaining layers, and do not forget to resize the layer name.

When done, let’s make the original text layer invisible by clicking on the eye icon next to it.

Activate Eraser (Eraser Tool), select 15 pixels. hard round brush and set Intervals (Spacing) up to 1%.

Select each stroke layer, and press the Enter key to erase the center stroke. No need to change the size of the brush this time.

Once you are done, an empty area should appear, as shown below.

Step 5

Create a new document 150 x 150 pix. with white background. Set the base color to black, select the tool Brush (Brush Tool) and select the “Lightning Brush” you created earlier, change the size to 45px, and then click once on the right side of the document.

In the brushes panel, on the tab Brush Print Form (Brush Tip Shape): tick Flip Y (Flip Y) to flip the brush vertically.

Place the brush next to the print you created, not too close or too far, and then click to add a vertically inverted print.

Move on Edit-> Define Brush (Edit-> Define Brush Preset), and enter the name of the brush “Lightning”.

Close this document and return to the main one.

Step 6

Select the “Lightning” brush, open the brush panel and change the size to a smaller value (depending on how big or small the lightning you want). The value used in the lesson is 30px.

Drag the slider Intervals (Spacing) until the distance between the parts is the same. You must set the appropriate interval, which will not differ from the one you originally created.

Form Dynamics (Shape Dynamics): just install Control: Direction. Make sure the other values ​​are set as shown in the image below.

Create a new layer on top of all layers (Ctrl + Shift + N) and name it “Lightning”, set the foreground color to # 838383 and draw a path with a brush. Press Enter to get rid of the path.

Now, as you can see, there is a problem in the last corner, where the teeth overlap a little.

To fix this, select the original Brush Lightning brush, change its size to match our stroke, and then change the Angle by dragging the arrow in the Angle view box.

Remove overlapping cloves, and then add new ones manually. By changing the angle of each tip according to its position.

You can remove more cloves and then add them from different angles to recreate the shape of the curve. But if it doesn’t work, then just change the overlapping parts, and later we will add the rivets in the empty space.

Step 7

Double-click on the “Lightning” layer to apply the following Layer Style:

Stamping (Bevel and Emboss): change the Depth (Depth) to 32, Size (Size) 0, and check the Anti-aliased checkbox.

Circuit (Contour): just check the Anti-aliased box.

Internal glow (Inner Glow): Change Blend Mode (Blend Mode) to Soft Light, Opacity up to 70%, Color # c0c7cb, Source (Source) – From Center (Center), and Size (Size) to 8 .

Shadow (Drop Shadow): change the Offset (Distance) to 2, as well as Spread (Spread) to 22.

This will be the style of lightning.

In the 2nd part we will design the missing parts for the zipper to complete the work.

Like this post? Please share to your friends: