photoshop creative

Illustrate with patterns using Adobe Capture

Posted in:
Tips & Tutorials, by Mark White
February 7, 2018

Create a colourful hummingbird illustration using an app that will help you design repeating patterns from household objects

1. Get started

Begin by opening a sketch – either that you’ve made or you’ve found – and make a new layer; do this by selecting New Layer from the Layers panel drop-down menu or hit Cmd/Ctrl+Shift+N, fill it white and hide it.

2. Begin to trace

Grab the Pen Tool (P) and ensure Shape Layers is selected in the top Pen Tool toolbar. Now start tracing around the start image sketch. For now, just use a basic colour to fill the shape.

3. Add a stroke

On the top Pen Tool toolbar, set the Stroke colour to black and set the Set Shape Stroke Width to 5px. Ensure the alignment of the stroke is set to Centre. If you are not using CC, you can still create a stroke around a shape using the Stroke layer style.

4. Create a flower

Start by using the Ellipse Tool to create the centre of the shape and add a 7px black stroke to it. Next, using the Pen Tool, draw a single petal shape and also add a 7px black stroke to it.

5. Duplicate and rotate shapes

Instead of redrawing each petal, simply hit Cmd/Ctrl+J to duplicate the shape and then go to Edit>Transform Path>Rotate. Now drag the reference point to the top right-hand bound box and amend the Rotate box from the top toolbar to 40.00°. Repeat seven more times in order to complete the flower.

6. Grouped shapes

Continue tracing the rest of the bird using the same procedure as steps 2 to 5. Once you have drawn all the shapes for the bird, place each section in grouped folders. For example, place the wing shapes in a separate folder to the tail shapes, etc.

7. Add strokes to folders

Once all your shapes are in their folders, double-click the folder to bring up the Layer Style window, select Stroke and amend the following settings: Size: 6px, Position: Outside and ensure the Fill colour is black. Repeat this for each folder you have created.

8. Shapes with no fill

Using the Ellipse Tool, draw a large circle in the same area as the circles on the sketch. Now in the Shape toolbar, set the Fill colour to No Colour and the Stroke colour to black, and then set the Stroke Width to 20px. Create three more circles.

9. Smaller circles

Using the Ellipse Tool again, draw several smaller circles around the bird. To ensure all your circles are in the same Shape layer, press the + key every time you draw a new circle. For a symmetrical circle, hold down Shift.

10. Draw falling feathers

Lastly draw the falling feathers using the Pen Tool once again; ensure all these feathers are on the same Shape layer. Also, why not duplicate a few of the feathers? To do this, use the Path Selection Tool, select your shape and hold down Alt/Opt and draw, then move to place.

11. Create the patterns

Start by launching the Adobe Capture app on your tablet or smartphone; log in to your CC account and then select Patterns. Press the Plus button to take a photo of something around you. Tap the grid to freeze the image so you can adjust the angle and grid type.

12. Adjust your pattern

Once you have tapped on the Capture button, you can adjust your pattern further by using the dial to rotate the central image left, right or pinch or drag it around on the screen until you’re happy with the way the pattern looks.

13. Review your pattern

Once you are happy with your pattern, press Next on the top right-hand side of the app. The next page will let you preview your pattern – if you are not happy you can go back to edit it by selecting the <Edit button. Once you are happy, simply save the pattern.

14. More patterns

Don’t stop at just one pattern; create as many as you can from objects all around your home. Try and find objects that are similar colours to what you want to use for your illustration, but if this isn’t possible, step 17 shows how to adjust the colours.

15. Find the patterns

Head back to Photoshop and go to Windows>Libraries, then select the folder you saved all your patterns in on Adobe Capture and select Patterns. All your patterns should be waiting for you there. Ensure your chosen device and computer has a Wi-Fi connection.

16. Use a pattern

Select the first shape you created to add a pattern to it. Do this by clicking on your chosen pattern and then adjusting the scale to the desired percentage. Left-click on the pattern layer and select Create Clipping Mask, so the pattern only surrounds your chosen Shape layer.

17. Tweak the pattern colour

Select the next shape to add a pattern and amend its Fill Color to your desired colour. Select the next pattern you would like to use, however, this time change the blend mode to Luminosity. Continue to fill all the shapes with patterns.

18. Add highlights

Create a new layer above all your Shape layers and change the opacity to 70% and the blend mode to Overlay. Now grab the Brush Tool, select a soft brush and set the Foreground colour to white. Finally, begin to paint over the top section of every shape to highlight the colours.

19. Now the shadows

Create another new layer, amend the opacity to 80% and the blend mode to Hard Light. Grab a soft brush once again, change the Foreground colour to black and begin to paint over the lower sections of every shape to create the shadows.

20. Bevel and emboss shapes

Go back the falling feathers, the large and small circles and set the Fill of their layers to 0%. Next bring up the Layer Style window, select Bevel & Emboss and amend the following settings: Depth: 240%, Direction: Down, Size: 15px, Soften: 0px.

21. Background

Fill your background black and add a texture to it. Amend the layer opacity to 15% and set the blend mode to Hard Light. Now create a new layer, change the blend mode to Overlay, grab a large white soft brush and paint a few brush strokes behind the bird.

22. Adjustment layer

Finally, add a Hue/Saturation adjustment layer and set the Saturation to +40. Then add a Brightness/ Contrast adjustment layer and set the Brightness to 5 and Contrast to 10. Doing this boosts the colours of the artwork.

  • Creative design is not to easy. But the method that you use step by step those are amazing and easy to know. Thanks for sharing your creativity.