In this tutorial, I am going to show you how to create a presentation folder template in photoshop? This tutorial will help you to create your own business folder template for your clients or online marketplaces for sale. I will explain all the essential details on what size the folder should be, how to set guides properly and create different color samples.

Create Presentation Folder Template in Photoshop

So let’s see what we are going to create in this tutorial. This document folder is a standard size and it is simple, but if you want to create professional one you should use Illustrator.

1. Open a new document (24.8×17.3) inches, 300 ppi and CMYK color mode, there are some other different sizes as well, you can search on google.

2. When you create the document, unlock the Background layer and use the Ruler to bring some guidelines to your document. Enable the Transform Control from Options bar while your Move Tool (V)is selected.

3. After setting up the guidelines, go to Image > Canvas size (Alt+Ctrl+C) to add the Bleeds area. Add 6 mm for Width and Height,  your final size of the document should be 25.05×17.55 inches.

4. Now use the Rectangle Tool to draw a shape (4000×1500 px) then add 750 px Radius for each corner, when you added the radius try to align it as the image below.

Clipping Mask The Photo

5. Now subtract the left area which goes to the center guide. When you subtract it place your image and clip it on the shape (Alt+Ctrl+G) remember your image must be on top of your shape.

6. Add several other rounded shapes on top and bottom part of the main shape with different color, Blue (#16b4e2) and  Light Gray(#dadada) these are the Hex code that I used.

7. So now duplicate and flip the rectangle layer that you clip the image, then move it to the left side, use the Fill to None and add 23 pt Stroke. Make a copy of that shape again and scale it down add Fill color instead of the stroke.

8. Finally, add some text details, you can add contacts info, Brand Identity, About us and some Tile placeholders. When your design final you can make different colors, and organized and grouped the layers.

That’s all hope you enjoy and learn something from this tutorial if you have any questions related to this tutorial feel free to comment below. So don’t forget to share it with your friends.

Download this Template

The post How to Create Presentation Folder Template in Photoshop? appeared first on TECHNIG.

In this tutorial, I am going to show you how to create real estate flyer design in Photoshop? I will show you how to use shapes to create a unique look, using smart object layers, to make the Real Estate flyer template easy to use. After you learn the concept you can create your own Real Estate marketing flyer or Business Flyer.

Real Estate Flyer Design in Photoshop

We will be going to design a clean and professional Real Estate flyer template. You can learn what kind of details need to insert and make a placeholder for each.

1. Open a new document, I open an A4 document size for this flyer design. You can use any other size as your need, but most popular sizes for this kind of flyers are A4 and US Letter sizes.

2. When the document created, select and unlock the Background layer (Dabble click on the lock icon). Add the guidelines go to View > New Guides From Shape remember this feature is only available on Photoshop CC versions, but you can add guides with Ruler.

Set up Bleeds With Guidelines

3. After you added the guides to the four sides of the document as trim areas, go to Image > Canvas size (Alt+Ctrl+C). Change the unit measurement to mm and add 6 mm to Width and Height.

4. When you Canvas sized the document fill it with white color, press D (Default Foreground and Background color) then press Ctrl + Backspace to fill the layer with white color. Now add a new guide to center part of your document. Click and hold down your left mouse button on Ruler then drag it down or right to bring guides.

5. Now pick the Rectangle (U) tool and create 35×35 pixels shape. Use this created shape to add safety guides on each side of your document. Bring the guides from the Ruler (Ctrl+R).

6. Draw a shape with Rectangle Tool (U) 1060×2140 pixels, add 530 px radius for each corner, make them smooth. When you did, copy the rectangle and scale it down, then move it to the right side. While you are scaling the shape it will look too short tries to fix it by scaling the shape.

Real Estate Flyer Design in Photoshop

7. When you draw and proper the shapes as the top image, now pick the Rectangle Tool (U) and draw a rectangle that covers both shapes. Covert the new rectangle to Smart Object Layer, then copy the Smart layer place it on top black rectangles as we drew. So use the Clipping mask to clip it on each rectangle. 

8. When you clipped the Smart object layers to each rectangle, dabble click on any of the Smart object layers, it will open the new document, place your image and save (Ctrl+S).

9. Now draw another long rectangle at the top right side use this color code (#17ade4), then use Ellipse Tool to draw an ellipse with Fill and 20 px Stroke, use this color code (#17ade4). When you drew the ellipse make three copy and align them as the image below.

10. Now place images and clip them on top of each ellipse, then apply a Drop Shadow effect on the top and bottom ellipse to make them look beautiful. Drop Shadow: Opacity= 45%, Size=25 px

11. When you have done the design, now add the text information at the bottom of the page to make your flyer design looks great,  you should use different text size and shape.

Hope you enjoy and learn from this tutorial if you have any question related to this tutorial feel free to comment below. Please don’t forget to share it with your friends on social medias.

Download this template

The post How to Create Real Estate Flyer Design in Photoshop? appeared first on TECHNIG.

In this tutorial, I am going to show you how to design business Roll Up banner in Photoshop? Before starting to do any design, search about the project you want to create on Google. Find and see the other designs and get ideas. When you got the idea, you can start your project. This tutorial will help you how to set up standard setting for your final printing design.

Design Business Roll Up Banner

We will be going to design the design below, as you see. When you set up and create your project, then you can change the colours and preview it in the mockup to showcase, for your clients.

1. Let’s create a document 30×70 inches, 300 PPI, and CMYK colour mode, this is the most popular a corporate roll up banner size. There some different sizes too that you can find it on Google. You can provide different colours when have done the main design.

2. Unlock and select the background layer go to View > New Guides From Shape; this will add the guideline to the edge of your document. Photoshop CS6 and bellow version doesn’t have this feature you should add guides with the Rulers.

3. After you added the guides, go to Image > Canvas size (Alt+Ctrl+C), canvas the document 1 inches. These extra areas which we added to the document are called bleeds.

4. Pick the Ellipse tool and draw an ellipse on the top side of the document use this colour code #(16ade4). Press Ctrl+A to select all, then pick Move tool (V) and click on Align Horizontal Center from Options bar.

Stand Up Banner Design

5. Now place an image (Go to File > Place Embedded/Place) and use Clipping Mask (Alt+Ctrl+G)to clip the image on the ellipse as we drew. You can find Clipping Mask option under Layer menu or right click on layer thumbnail there you will find it too.

6. Duplicate the first ellipse you drew, and place it under all layers, then press Ctrl+T and scale it down a little bit. It should look like frame as below.

6. Draw a Rectangle then use the Ellipse tool to subtract a part of the Rectangle. Before subtraction select Subtract Front Shape option from Option Bar.

7. When you subtract the rectangle, duplicate it, and press Ctrl+T then flip it vertically. Move the duplicated rectangle to the right. Your final design should look like below.

8. Add two rectangles at the bottom; this area is for contacts info you put the Phone number, website and address line. Then add the text pieces of information as I did below, and you are done.

When your design process has completed, try to arrange and group the layers, put all design elements in one group and put the texts in another group. That’s all hope enjoy and learn something. Please don’t forget to share it with your friends.

Download this template

The post How to Design Business Roll Up Banner in Photoshop? appeared first on TECHNIG.

In this tutorial, I am going to show you how to create a Business Bi-Fold brochure in photoshop? We will start off by creating the document, setting up the guides. What will you learn? You will learn the standard size of the brochure, setting up guides correctly and use some other great tips.

Business Bi-fold Brochure Design

We will be going to design the following design brochure as you see in the image below. When you create and organise the file, then you can change the colours as you need.

1. Open a new document. You can open an A4, Letter, or A5 sizes. I use A4 to create this bifold brochure template. Set the orientation to landscape, Resolution 300 PPI and CMYK colour mode.

2. Now click on the lock icon on Background to convert it to layer. Go to View menu click on New Guides From Shape to add four guides to the four sides of the document. Remember your layer should be enabled. Otherwise, this feature may not work.

3. Add bleeds to your brochure layout, go to Image> Canvas size and add 6 mm for both width and height check the Relative options to canvas it correctly. You can use any colour for the 6 mm.

4. Your final document size should be 303×216 mm after canvas sizing. Use the Ruler to add some extra guidelines in order to divide the layer into four parts. You can use shape to divide the document into four equal sizes.

5. Pick the Shape tool and draw a rectangle 35×35 pixels, use this 35×35 shape to add margin guides. Place this shape on each side of the guidelines and add other guides.

Design Business Bi-fold Brochure Template

6.  Delete all extra layers, and save your document name it Outside. Use the Save As and save it again only change the name to Inside. Open the Outside document to start the design. Pick the Rectangle tool and draw a shape at the half right side of the document.

7. Select the Add Anchor Point tool and add an anchor point at the bottom centre part of the rectangle as you drew. With the Direct selection tool select the anchor point you added and move it down. Remember when you add anchor point it gives handles, convert it to a corner point with Convert Point tool.

8. Duplicate (Ctrl+J) the rectangle, change the colour and move it to bottom of the main rectangle layer. Select the two bottom anchor points of the rectangle (Left and Right) and move it down. Use the Shift+Down Arrow keys.

9. Repeat the step 8 and duplicate rectangle to the orange one in my design. Select both left and right bottom anchor point and move it down. Change the colour. Use this color code (#515e71).

10. Make a copy of the last rectangle, press Crtl+T, right click on and Flip it vertically. Move the rectangle to the bottom part of the page.

Bi-fold Brochure Design Outside

11. Bring an image and place it on top of the first rectangle as you drew, and use Clipping mask option to clip it to the top shape layer (Rectangle 1).

12. Add a simple logo and other text info to the left and right side of the page. Duplicate the bottom right rectangle and move it to the side too, it gives a better look.

Bi-fold Brochure Design Inside

13. Save the  Inside and open Inside Photoshop document you saved. For the inside just duplicate the main design from outside document. With little changes, move the duplicated shape a little up.

14. Place an image and use Clipping Mask to clip it on the top shape, like step 11. Pick the Rectangle tool and draw a rectangle to the half right side of this document.

15. Now do the same process for the left side, but the design should be at the left corner side of the page. You can use the duplicate of the right page shapes and Flip it vertically and horizontally to fit it on the left page. Place a photo and clip it.

16. Now add the text information on each part that is divided with guidelines. Your text details should not be outside of the safety guide; it means each text should have enough margin.

Conclusion:

You can use the following tips for any of your designs, two-page designs or more than two pages. Divide the document with the guidelines to align every object correctly. Try to Google search and find some other designs to get ideas. Thanks for following this tutorial if you face to any question related to this tutorial feel free to comment. Download this Brochure

The post How to Create Business Bi-Fold Brochure in Photoshop? appeared first on TECHNIG.

In this tutorial, I am going to show you how to make photo collage using Photoshop? I use some polygon shapes and align them together applying some text effect to achieve the final result that I call it polygon photo collage you can purchase the complete templates here Download Now.

How to Make Photo Collage Using Photoshop?

Let’s see what we will be going to make in this Photoshop tutorial.

1.  Open a new document 1500×1200 pixels size, 300 ppi resolution, RBG color mode name your document (Photo Collage) set the Background color white.

2. Now pick the Gradient Tool (G) set the Gradient Style to Radial mode then click on the Gradient box it will open the gradient editor dabble click on Color Stop slider to open the color picker and use this color code (bcbcbb) for the left Slider and this color (878787) for the right Slider.

3. With your Gradient Tool (G) selected start dragging from the center point of the document to right of left to make a kind of vignette look to the background of the photo collage, you can use any other color for the background as you like.

4. Use the Polygon Shape Tool (U) to start drawing the main frames of the photo collage, don’t forget to set the sides of the Polygon to (6) use any color for the Fill of shape and use White color for the Stroke of the Polygon with (7 pt) size.

How to Make Photo Collage Using Photoshop?

5. Now apply the Inner Shadow Layer Style effect to the Polygon shape layer to do so select the polygon shape layer and click on the small icon (fx) a list will pop up use hit on Inner Shadow option to set up the setting.

6. Press (Ctrl+J) to make seven copies of the polygon layer then use the Move Tool (V) to move the polygons and align them with gabs as you see in the image bellow.

7. Now do the same process press (Ctrl+J) to make a copy for each polygon then Right Click on each copy of the polygon layers a large menu will pop upconvert all the copy of the polygons to Smart Object layer as bellow.

8. Now Right Click on each smart object layers and use Clipping Mask Option to clip all the Smart Object layers to the shape bellow you can hold down the Alt key and place your mouse pointer between the Smart Object layer the shape bellow and hit click it will Clip it too.

9. Now simply dabble click on each Smart Object layers it will open new document then go to File>Place Embedded or Place in an older version of Photoshop to place the photos and press (Ctrl+S) to save the photo to the main document.

Finally, I add a photo to the background and bring down the Opacity to 10%. Now if you have any question regarded to this tutorial fill free to ask, thank you.

The post How to Make Photo Collage Using Photoshop? appeared first on TECHNIG.

In this tutorial, I will show you how to design Easter event flyer using Photoshop? I will use the Easter egg as I designed in the previews tutorial you can visit it here (Design Easter Egg Using Photoshop) and use some other elements of Photoshop to design an Easter event flyer using Photoshop.

Fonts Used:

Kristen ITC

Roboto

How to Design Easter Event Flyer Using Photoshop?

Let’s take a look what we will be designing in this tutorial.

1. Open a new document with a dimension of 4×6 inches,  300 dpi resolution  CMYK color mode use this color code for background fill (00a2cb) and set up the guidelines for each side as you see in the image bellow.

2. Now go to Image>Canvas size, select Inches for measurement units add 0.25 for width and height check the Relative options as well.

3. Now select the Custom shape tool  and use the Tile 2   shape from Custom shape picker in option bar panel there is an icon at the top right corner of the panel click on the icon select Tiles from the lists then draw it on top of the document set the blending mode to Overlay make a copy and use Transform (Ctrl+T)option to Flip it Horizontally.

4. Now select both of the shapes and group it (Ctrl+G) name it BG Pattern then add a layer mask to the group and pick the Gradient tool with black and white color to hide the sharpen bottom part of this shapes.

5. Apply a Gradient Map Adjustment you can find it on Adjustment panel and use Black and White color each Gradient Color Stop then set the blending mode to Divide.

Place Your Easter Egg

6. Now I bring the Easter egg as I designed in the previous tutorial you can watch it here, remember I only design one style egg you can create as many as you want and use it in your flyer. After placing the egg align it at the center and use soft and round Brush(B) to add a drop shadow as image bellow.

7. I add two more eggs to the sides of the main egg and place it on the back side of the main egg then add a drop shadow as I did for the first egg.

8. Time to final the design white text details, you can add main Title, Date, Special Guests, Club Name Address and Contacts info. you can separate the text with line tools to make the text clear.

Thank you very much for following this tutorial I hope you learn something and if you have any type of questions about this tutorial feel free to ask in the comment section.

The post How to Design Easter Event Flyer Using Photoshop? appeared first on TECHNIG.

In this article I am going to show you how to design Easter egg using Photoshop, so when you understand the concept of designing Easter egg you can use it in your other projects like Flyer, Poster etc…

How to Design Easter Egg Using Photoshop?

This is what we will design in this tutorial, all the elements are vector shapes and you can scale it without lose the quality.

1. lets start by setting up the document open a new document with 1000×800 px size , use the following color code for background color(00a2cb).

2. Now pick the Ellipse Tool and draw an elliptical shape to do so click on any area of your document a small dialog box popup put for width: 297 px, Height: 392 px and use this color code for Fill (fbad18) then name it Egg.

3. Pick the Rectangle Tool (U) and draw a rectangle use this color code for Fill of this shape (2a89bb), size of this shape width: 350 px, Height: 147 px.

4. Now I use Layer Mask to remove the extra part of the Rectangle, to do so hold down the Ctrl key and click on Thumbnail layer of Egg it make selection, then your Rectangle layer selected click on the Mask icon at the bottom of layer panel it hide the extra part of the shape.

5. Draw some rectangles with different size and different colors you can use any color you like for different shapes and align perfectly as I did bellow.

How to Design Easter Egg using Photoshop?

6. Now use repeat the step (4) for each rectangles to hide the extra parts, then make a new layer place it on top of all layers name it left shadow use soft rounded Brush (B) and paint with black color at the left side on left shadow layer, do the same thing to the right side as well.

7. Use the Rectangle Tool to make the zigzag lines, draw a rectangle and rotate it  as I did in bellow then make a copy of this layer and press (Ctrl+T) then Right Click and Flip it horizontally.

8. So duplicate these two  rectangles and make a long zigzag lines, then select all these rectangle lines and right click on any thumbnail layers and merge them together. Now use this zigzag line to complete your design and add three stars at the center or the egg.

9. Now apply the Inner Shadow layer style to the Egg layer, you can find the layer style at the bottom side of the layer panel (Fx).

10. Duplicate the Egg layer and put the layer thumbnail under the left shadow layer apply Gaussian Blur and change blending mode to Overlay, it make the egg brighter and natural. Finally use the brush tool and make a soft drop shadow to the egg.

Hop you enjoy this tutorial if you face to any problem regraded to this tutorial please leave comment I will answer you as soon as possible.

The post How to Design Easter Egg Using Photoshop? appeared first on TECHNIG.

In this tutorial I am showing you how to design professional and modern certificate using Photoshop? This tutorial is for any basic and advanced Photoshop users, I will share significant and important information about designing certificate using Photoshop.

Fonts Used:

Great Vibes

Lato

Main Files

How to Design Professional and Modern Certificate Using  Photoshop?

This is the design that we are going to design; you can also get the ideas from others design from Google once you know the basic rules to Design Professional and Modern Certificate Using  Photoshop.

1. Open a new document (Ctrl+N) A4 size (297×210 mm) or (11.693×8.268 in),  300 dpi resolutions, CMYK color mode with white color background. Remember I am using Photoshop CC 2017.

2. Now bring four guide lines with your rulers for each side of your document as I did in image bellow if you can not see the ruler press (Ctrl+R) it adds to your Photoshop work space.

3. Now go to Image>Canvas Size (Alt+Ctrl+C) to some extra area as bleeds of the document this flows or additional area is called bleeds, check the Relative box and add 5 mm bleeds.

Adding Elements

4. Pick the Rectangle Tool and draw a shape as big as your document size as a frame  with no Fill Color and Stroke of 80 pt size with this color code (a2a2a3) name it Frames and locked it.

5. Now draw a triangle  shape at left top side of your document with Pent Tool use this color code for fill color (1a1a1a) as I did in image bellow then make a copy of that shape bring down the opacity to 60% an put it under the main triangle and select the bottom Anchor Point of this shape and move it down till you get the bottom result.

6. Select this two rectangles layers and press Ctrl+J to make copy of the layers and with the copy of these two layers selected press Ctrl+T then Right Click and use

7. Draw a small triangle with Pen Tool and place it at the top center point of the document then make a copy (Ctrl+J) drag it bellow the main triangle bring down the Opacity 60% and use the Direct Selection Tool to move the top right and left anchor point to left and right as bellow.

8. Now add the text details the other stuff like pattern and badge from the folder you downloaded.

The post How to Design Professional and Modern Certificate Using Photoshop? appeared first on TECHNIG.