Locked lesson.
About this lesson
Learn how to create and save your own patterns, and then apply them to images in interesting ways.
Exercise files
There are no related exercise files for this lesson, or we cannot provide them due to copyright issues.
Quick reference
Topic: Interweaving Effect
Put an image inside a cross pattern weave.
When to use
Learn how to create and save your own patterns, and then apply them to images in interesting ways.
Instructions
Create a weave pattern
- Create new document size 50 by 25 pixels.
- Layers styles:
- Gradient overlay - Angle: 0,
- Style: Reflected,
- Gradient color left: Dark Grey,
- Gradient color right: Light Grey,
- Scale: 128,
- Inner shadow - Blend mode: Overlay,
- Opacity: 40%,
- Size: 0,
- Angle: 90,
- Distance: 2,
- Color: White.
To save pattern
- Menu/Edit/Define Pattern.
- And name it ‘Weave’.
To apply weave pattern
- Create new document.
- Add image of choice.
- Create new layer on top.
- Add fill to new layer.
- Menu/Edit/Fill.
- Use pattern.
- Open pattern picker and choose the ‘weave’ pattern.
- Enable scripted patterns and choose the style ‘cross-weave’.
Final adjustments
- Change weave layer blending mode to multiply.
- Add a levels adjustment layer and clip it to the weave layer.
- Increase the mid-tones and highlights.
- Add drop-shadow to fade out background image.
- 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.