Categorized | Tutorials, Website Design

Direct Technology – Flyer Tutorial

directtechnology

Direct Technology will be a tutorial based on a corporate, modern, fun looking flyer. We’ll use brushes and work with paths, textures and images. Also we’ll keep a color scheme provided by Adobe Kuler. You may feel free to use other shapes in some cases as long as the design remains the same, or you can go ahead and experiment with it. It really doesn’t matter as long as you achieve the effect you wish.

Before starting the tutorial, if you are planning to print this, you may want to check out the post that covers everything about CMYK colors and Trim, Bleed, Safe lines – Photoshop New File Print Settings.

Files you will need:

  • Building Image -> Download | Source
  • Paper Texture -> Download
  • Font -> Download
  • Brush Pack 1 -> Download
  • Brush Pack 2 -> Download

Step1

Create a New File.

Step2

As you noticed, this will be a narrow tall flyer. The size of it is one part of a tri-fold A4 brochure. We’ll start with opening our texture paper and placing it over. Either minimize Photoshop and drag&drop the texture icon on the workspace and after that right click on layer and select Rasterize Image, either you can choose to open the image, undock, drag&drop and resize it. Whatever you do, after you opened and placed the image over your workspace, hit CTRL+SHIFT+U to Desaturate.

Hit CTRL+T and drag the corners if you need to resize the image and fit it.

24

Step3

Set the Foreground Color to  #4D73FF and the Background Color to #233978. Create a New Layer, position it above the texture one and go to Filter > Render > Clouds. After this go to Filters > Blur > Gaussian Blur. Set the Blur to 25px.

Step4

Select the Pen Tool and check the Shape Layers button. You will draw a shape, not a path. You can find the button at the top left corner, under “File, Edit”. Click the points as the image below. To achieve the curve, when you click the second point, hold down the mouse button and slowly drag to right while pressing Shift. After this release Shift and start adding again the next points. In the end, you must have something like this:

52

Step4

Duplicate this layer by pressing CTRL+J. After this, snudge it a bit to top and position the duplicated layer below the original one. Set the duplicated layer to #4D73FF color. Repeat the process and position the third duplicate below the other two. Set the third duplicate layer to #233978.

Select the shape layers and group them. To select multiple layers hold down CTRL and click. To group them, press CTRL+G after you selected.

Step5

Create a New Layer beneath the group. Load the Flow brushes. Paint the top with any shape you desire. I used the 2150 one and rotated it to fit in. Don’t forget to set a white color.

Step6

Create a New Layer on top of the others. Select the Oval Shape tool and draw an oval path like in the below image. Remember to set it as Path and not a Shape. You will need only lines. After you drew the shape, press CTRL+T to enter transform mode and rotate it a bit.

Step7

Select the Brush Tool. Choose the indicated brush.92

Step8

Select the Pen Tool. Right click on the drawn shape and choose Stroke Path. Select “Brush” and check the “Simulate Pressure” box. Set the Foreground Color to #CC7C29 before stroking the shape. Press CTRL+J to duplicate the layer. Press CTRL+T and make the duplicated shape a little bit bigger. Remember to hold down Alt+Shift to maintain the aspect. Go to Edit > Transform > Rotate 180.

Step9

Select the Rectangle Tool and draw a shape like in the image below. Set the color of the shape to #233978. Draw another shape on the bottom and set the color to #4c68b0.

Step10

Select the Type Tool and type “Direct Technology” with the provided font like in the image below. Set the Layer Style according to images.

“Direct” word is 70 size and “Technology” 37.122

Step11

Open the Building Image and position it like in the image below.

Step12

Add a Mask Layer and paint with black and a soft big brush the edges until you achieve the below result.

Step13

Load the Arrow Shape brushes and start adding some random shapes on the bottom until you have something like this. Make sure to create a separate layer for each shape because you will need to change to color separately by adding a Color Overlay. You can go freestyle here. This is the “fun” part of the flyer.directtechnology

This is the final work. As you noticed I added some simple text, some shapes, played with opacity and colors and here it is. Now get going and start work on your business flyers today.I hope you liked it !

Leave a Reply