Interweaving Effect

Quick reference

• 00:04 Before we even touch our image,
• 00:05 we need to create the pattern that Photoshop will use to create this effect.
• 00:09 For the Patterns document, the size is going to be set to 50 by 25 pixels.
• 00:15 We only need to create one of the weaves.
• 00:17 If you want larger or smaller weaves, you can always go back and create a larger, or
• 00:20 smaller document with the exact same settings that I'm about to show you.
• 00:24 When the document's been created, we're gonna head straight into our
• 00:26 Layer Styles to add a gradient and a slight highlight at the top.
• 00:30 For the Gradient Overlay, start by setting the angle at 0 degrees, and
• 00:34 set the style to Reflected.
• 00:37 Now, hop into the Gradient Editor to define your colors.
• 00:40 The color on the right will act as the shadow that appears underneath as
• 00:44 the design is interweaving.
• 00:46 It is going to be a dark gray.
• 00:48 Now the color on the left, is going to be a much lighter gray, but not pure white.
• 00:53 These 2 colors are going to work really well when you go to blend your
• 00:56 pattern with the image in the background.
• 00:58 Now when you accept the gradient, you may want to increase the scale just
• 01:01 a little bit to pull the shadow away from the center.
• 01:04 Finally, let's add an inner shadow which is going to act as a highlight to give our
• 01:08 pattern a little bit of depth.
• 01:10 The blend mode is going to be changed to overlay,
• 01:13 the color is going to be set to white, and the opacity around 40%.
• 01:16 Down below, go ahead and set the angle at 90 degrees.
• 01:20 The distance at two pixels, and the size at zero.
• 01:24 Perfect.
• 01:25 That's gonna do it for the layer styles, and our pattern is complete.
• 01:28 Very, very simple.
• 01:30 Now to save this pattern, you can use the define pattern option under the edit menu.
• 01:34 This will allow you to save that pattern which you'll be able to
• 01:37 access in Photoshop's pattern pickers.
• 01:39 So now that our pattern has been saved, let's hop back over to our image.
• 01:43 This image is from Shutterstock.com, but
• 01:45 of course you can use any of your own images if you wish.
• 01:48 To keep this design non-destructive,
• 01:50 we are going to be applying this pattern onto a new layer.
• 01:53 You can quickly create a new layer by pressing the new layer icon at
• 01:56 the bottom of your layers panel, or with the Command+Option+Shift+N shortcut on
• 02:00 the Mac, Ctrl+Alt+Shift+N shortcut on Windows.
• 02:04 Once the layer has been created, we can now use the scripted patterns feature.
• 02:07 This is going to be found in Photoshop's fill window,
• 02:10 which is located under the Edit menu.
• 02:12 When the window is visible, start by choosing Pattern for
• 02:15 the cContents, and then open up the pattern picker right below.
• 02:18 If you've saved your pattern correctly,
• 02:20 it should be at the very bottom of the picker.
• 02:22 Once it has been chosen, at the bottom of the fill window,
• 02:25 you are going to find the scripted patterns option.
• 02:27 Again, this is only available in Photoshop CS 6.
• 02:30 Here, you'll want to choose the cross weave preset, and when you press OK,
• 02:34 Photoshop will generate an interweaving effect using the pattern we
• 02:38 created a few moments ago.
• 02:40 You may notice a little bit of color's been introduced on the pattern.
• 02:43 It won't appear much once we blend it, but if you want to quickly get rid of it,
• 02:46 Command or Ctrl+Shift+U will desaturate that layer.
• 02:50 Now to blend the pattern with the image,
• 02:52 you can use a variety of blending modes which will give you different results.
• 02:55 Personally, the multiply blend mode gave me a pretty result for this image.
• 02:59 A bit dark, but we'll deal with that in a moment.
• 03:01 Your images may require some experimentation with the other modes
• 03:04 such as Overlay or Soft Light.
• 03:07 Now to bring up the patterned touch,
• 03:08 I am going to be adding a Levels Adjustment Layer.
• 03:11 And I want to make sure to clip it so that it only affects my pattern, and
• 03:14 not the image behind it.
• 03:16 Now we can go ahead and increase the mid-tones and
• 03:18 highlights to brighten up the pattern.
• 03:21 Finally, the last step you may want to take is to fill in the holes
• 03:24 behind the pattern.
• 03:25 You can either apply a drop shadow to the pattern's layer if
• 03:27 you want the background image to remain visible, or
• 03:30 you can apply a black stroke to completely fill in the holes.
• 03:33 Either way, you're going to be left with a pretty neat-looking, interweaving effect
• 03:37 created with a simple pattern in Photoshop CS 6's new scripted patterns feature.
• 03:42 I hope you all enjoyed it.

Lesson notes are only available for subscribers.