
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Flyer Mockup Archives - TECHNIG</title>
	<atom:link href="https://www.technig.com/tag/flyer-mockup/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.technig.com/tag/flyer-mockup/</link>
	<description>Gateway for IT Experts and Tech Geeks</description>
	<lastBuildDate>Sat, 07 May 2016 06:52:53 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.2</generator>

<image>
	<url>https://www.technig.com/wp-content/uploads/2020/04/32x32.png</url>
	<title>Flyer Mockup Archives - TECHNIG</title>
	<link>https://www.technig.com/tag/flyer-mockup/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">162720667</site>	<item>
		<title>How to Create  Flyer Mockup in Photoshop?</title>
		<link>https://www.technig.com/create-flyer-mockup-photoshop/</link>
					<comments>https://www.technig.com/create-flyer-mockup-photoshop/#comments</comments>
		
		<dc:creator><![CDATA[Ahmad]]></dc:creator>
		<pubDate>Sat, 07 May 2016 06:52:53 +0000</pubDate>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Create Flyer Mockup]]></category>
		<category><![CDATA[Flyer]]></category>
		<category><![CDATA[Flyer Mockup]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Mock up]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Photoshop Tips]]></category>
		<guid isPermaLink="false">https://www.technig.com/?p=7298</guid>

					<description><![CDATA[<div style="margin-bottom:20px;"></div>
<p>In this series of tutorial I will show some advanced option of Photoshop to create flyer mockup in Photoshop, we will use smart objects for placeholders, Transform options to scale, skew, distort, the layers and we have lots of other tips and trick, after reading this tutorial you will be able to create you own [&#8230;]</p>
<p>The post <a href="https://www.technig.com/create-flyer-mockup-photoshop/">How to Create  Flyer Mockup in Photoshop?</a> appeared first on <a href="https://www.technig.com">TECHNIG</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin-bottom:20px;"></div><p>In this series of tutorial I will show some advanced option of Photoshop to create flyer mockup in Photoshop, we will use smart objects for placeholders, Transform options to scale, skew, distort, the layers and we have lots of other tips and trick, after reading this tutorial you will be able to create you own mock ups for flyers, business cards and other things.</p>
<p>&nbsp;</p>
<h2>Create Flyer Mockup in Photoshop</h2>
<p>Before starting the tutorial of how to create flyer mock up in Photoshop? lets take a look some example of  flyer mock ups, that we will create it in Adobe Photoshop in a few steps.</p>
<figure id="attachment_7306" aria-describedby="caption-attachment-7306" style="width: 771px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/01-A4.jpg"><img fetchpriority="high" decoding="async" class=" wp-image-7306" src="https://www.technig.com/wp-content/uploads/2016/05/01-A4.jpg" alt="Create Flyer Mock up In Photoshop - Technig" width="771" height="843" /></a><figcaption id="caption-attachment-7306" class="wp-caption-text">Create Flyer Mock up In Photoshop &#8211; Technig</figcaption></figure>
<figure id="attachment_7307" aria-describedby="caption-attachment-7307" style="width: 761px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/05-A4.jpg"><img decoding="async" class=" wp-image-7307" src="https://www.technig.com/wp-content/uploads/2016/05/05-A4.jpg" alt="Create Flyer Mock up In Photoshop - Technig" width="761" height="750" /></a><figcaption id="caption-attachment-7307" class="wp-caption-text">Create Flyer Mock up In Photoshop &#8211; Technig</figcaption></figure>
<p><strong>1.</strong> The most important thing that you should remember is, to think what for you are going to create the mock ups, for business cards, Brochures, Flyers, Posters or other stuffs. We will create flyer mockup in Photoshop. Create new document with (<strong>A4 size</strong>) click OK.</p>
<figure id="attachment_7309" aria-describedby="caption-attachment-7309" style="width: 544px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Eyes.jpg"><img decoding="async" class="size-full wp-image-7309" src="https://www.technig.com/wp-content/uploads/2016/05/Eyes.jpg" alt="New Document" width="544" height="400" /></a><figcaption id="caption-attachment-7309" class="wp-caption-text">New Document</figcaption></figure>
<p><strong>2.</strong> Now make a copy from <strong>Background</strong> by pressing (<strong>Ctrl+J</strong>) then pick the <strong>Crop Tool </strong>(<strong>C</strong>) and make the the entire document a little larger as I do in the image bellow, your document will take to color but don&#8217;t worry! pick a medium gray color and select Background layer fill it with select color.</p>
<figure id="attachment_7310" aria-describedby="caption-attachment-7310" style="width: 440px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Eyes1.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7310" src="https://www.technig.com/wp-content/uploads/2016/05/Eyes1.jpg" alt="A4 Paper Size" width="440" height="475" /></a><figcaption id="caption-attachment-7310" class="wp-caption-text">A4 Paper Size</figcaption></figure>
<p><strong>3.</strong> Name your copied layer (<strong>Placeholder</strong>) then right click on placeholder layer, convert it to <strong>Smart Object, </strong>remember that do not scale the placeholder layer before converting to <strong>Smart Object.</strong> After converting the layer to <strong>Smart Object</strong> you can bring any changes. I scale it down as you see in bellow.</p>
<figure id="attachment_7311" aria-describedby="caption-attachment-7311" style="width: 485px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Eyes1-1.jpg"><img loading="lazy" decoding="async" class=" wp-image-7311" src="https://www.technig.com/wp-content/uploads/2016/05/Eyes1-1.jpg" alt="A4 Paper Size" width="485" height="381" /></a><figcaption id="caption-attachment-7311" class="wp-caption-text">A4 Paper Size</figcaption></figure>
<p><strong>4. </strong>Make your placeholder layer smaller apply <strong>Drop Shadow Effects</strong> (<strong>Blending Mode = Normal, Opacity = 100%, Angle = -45<sup>o</sup>, Distance = 85 px, Size = 130 px</strong> ) and make six copy of that layer then try to align it as I do in image bellow, the spacing and copy of the layer is depend on you.</p>
<figure id="attachment_7325" aria-describedby="caption-attachment-7325" style="width: 484px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7325" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled.jpg" alt="Create Flyer Mock up In Photoshop - Technig" width="484" height="463" /></a><figcaption id="caption-attachment-7325" class="wp-caption-text">Create Flyer Mock up In Photoshop &#8211; Technig</figcaption></figure>
<p><strong>5.</strong> OK, Now I will bend the lower right corner of the front layer, to do it, select the layer and press (<strong>Ctrl+T</strong>) it will bring the transform option, the thing we need to is use the <strong>Warp</strong> option which is on the right side of <strong>Option Bar</strong> panel.</p>
<figure id="attachment_7326" aria-describedby="caption-attachment-7326" style="width: 472px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled-1.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7326" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled-1.jpg" alt="Warp Option - Technig" width="472" height="464" /></a><figcaption id="caption-attachment-7326" class="wp-caption-text">Warp Option &#8211; Technig</figcaption></figure>
<h2>Create Flyer Mockup in Photoshop</h2>
<p><strong>6.</strong> Now try to make a little shadow for the bend corner of the layer, and use brush tool to do it, then duplicate each layer and press (<strong>Ctrl+T</strong> ) then right click on it, and use the  <strong>Flipped Vertically </strong>to flipped it, after flipping move each layer to the bottom of the main layers to make the reflection of you mock ups.</p>
<figure id="attachment_7327" aria-describedby="caption-attachment-7327" style="width: 527px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled-2.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7327" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled-2.jpg" alt="Reflection " width="527" height="509" /></a><figcaption id="caption-attachment-7327" class="wp-caption-text">Reflection</figcaption></figure>
<p><strong>7.</strong> Now select all the reflected layers and move or bring all of them to the bottom of other layers, after doing the process, make <strong>Layer Mask</strong> for each reflected layers and apply <strong>gradient</strong> on masks of each layer, to hide the half piece of the reflected layer, and bring down the opacity as well to make it looks realistic.</p>
<figure id="attachment_7328" aria-describedby="caption-attachment-7328" style="width: 529px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled-3.jpg"><img loading="lazy" decoding="async" class="wp-image-7328 size-full" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled-3.jpg" alt="Create Flyer Mockup in Photoshop - Technig" width="529" height="495" /></a><figcaption id="caption-attachment-7328" class="wp-caption-text">Create Flyer Mockup in Photoshop &#8211; Technig</figcaption></figure>
<p><strong>8.</strong> Now double click on any of the top layers not the reflection&#8217;s layer it will open a new document and place you flyer in this document and press (<strong>Crtl+s</strong>) to save it and come back to the main document see wow!try and some more shadows and lights around your document. you can make many kinds of flyer mockups.</p>
<figure id="attachment_7306" aria-describedby="caption-attachment-7306" style="width: 1000px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/01-A4.jpg"><img loading="lazy" decoding="async" class="wp-image-7306 size-full" src="https://www.technig.com/wp-content/uploads/2016/05/01-A4.jpg" alt="Create Flyer Mockup in Photoshop - Technig" width="1000" height="1053" /></a><figcaption id="caption-attachment-7306" class="wp-caption-text">Create Flyer Mockup in Photoshop &#8211; Technig</figcaption></figure>
<p>Hope you enjoy this tutorial, if you have any question please leave comment bellow in comment sections. Thanks for reading this create flyer mockup in Photoshop tutorial.</p>
<p>The post <a href="https://www.technig.com/create-flyer-mockup-photoshop/">How to Create  Flyer Mockup in Photoshop?</a> appeared first on <a href="https://www.technig.com">TECHNIG</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.technig.com/create-flyer-mockup-photoshop/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7298</post-id>	</item>
	</channel>
</rss>
