
<?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>Ad Design Archives - TECHNIG</title>
	<atom:link href="https://www.technig.com/tag/ad-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://168.138.42.164/tag/ad-design/</link>
	<description>Gateway for IT Experts and Tech Geeks</description>
	<lastBuildDate>Tue, 18 Apr 2017 11:03:04 +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>Ad Design Archives - TECHNIG</title>
	<link>https://168.138.42.164/tag/ad-design/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">162720667</site>	<item>
		<title>Top 10 Promotional Free PSD Business Card Mockups</title>
		<link>https://www.technig.com/top-10-promotional-free-psd-business-card-mockups/</link>
					<comments>https://www.technig.com/top-10-promotional-free-psd-business-card-mockups/#respond</comments>
		
		<dc:creator><![CDATA[Ahmad]]></dc:creator>
		<pubDate>Tue, 18 Apr 2017 11:03:04 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Ad Design]]></category>
		<category><![CDATA[Free Mockups]]></category>
		<category><![CDATA[Free PSD Business Card Mockups]]></category>
		<category><![CDATA[Photorealistic Mockup]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Smart Object]]></category>
		<guid isPermaLink="false">https://www.technig.com/?p=9443</guid>

					<description><![CDATA[<div style="margin-bottom:20px;"><img width="840" height="420" src="https://www.technig.com/wp-content/uploads/2017/04/Untitled-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Free PSD Business Card Mockups - Technig" decoding="async" fetchpriority="high" srcset="https://www.technig.com/wp-content/uploads/2017/04/Untitled-1.jpg 840w, https://www.technig.com/wp-content/uploads/2017/04/Untitled-1-300x150.jpg 300w, https://www.technig.com/wp-content/uploads/2017/04/Untitled-1-768x384.jpg 768w" sizes="(max-width: 840px) 100vw, 840px" /></div>
<p>In this article I will show you some great promotional and free psd business card mockups. You know that mock-up are the best way to showcase the final product in a real way that make the clients satisfied as well. The mock ups which I share with you all tested by myself. Top 10 Promotional [&#8230;]</p>
<p>The post <a href="https://www.technig.com/top-10-promotional-free-psd-business-card-mockups/">Top 10 Promotional Free PSD Business Card Mockups</a> appeared first on <a href="https://www.technig.com">TECHNIG</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin-bottom:20px;"><img width="840" height="420" src="https://www.technig.com/wp-content/uploads/2017/04/Untitled-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Free PSD Business Card Mockups - Technig" decoding="async" loading="lazy" srcset="https://www.technig.com/wp-content/uploads/2017/04/Untitled-1.jpg 840w, https://www.technig.com/wp-content/uploads/2017/04/Untitled-1-300x150.jpg 300w, https://www.technig.com/wp-content/uploads/2017/04/Untitled-1-768x384.jpg 768w" sizes="(max-width: 840px) 100vw, 840px" /></div><p>In this article I will show you some great promotional and free psd business card mockups. You know that mock-up are the best way to showcase the final product in a real way that make the clients satisfied as well. The mock ups which I share with you all tested by myself.</p>
<h2>Top 10 Promotional Free PSD Business Card Mockups</h2>
<p><strong>01. </strong>A photo-realistic PSD business card mock-up to present your business card design with the unique, tactile feel of letterpress printing. Use the smart layers to place your design and change the business cards side color via adjustment layer. <a href="http://graphicburger.com/letterpress-business-cards-mock-up/" target="_blank" rel="noopener noreferrer"><strong>Download</strong></a></p>
<figure id="attachment_9689" aria-describedby="caption-attachment-9689" style="width: 900px" class="wp-caption aligncenter"><a href="http://3.90.216.52/wp-content/uploads/2017/04/Letterpress-Business-Cards-MockUp-full.jpg"><img decoding="async" class="wp-image-9689 size-full" src="http://3.90.216.52/wp-content/uploads/2017/04/Letterpress-Business-Cards-MockUp-full.jpg" alt="Free PSD Business Card Mockups - Technig" width="900" height="689" srcset="https://www.technig.com/wp-content/uploads/2017/04/Letterpress-Business-Cards-MockUp-full.jpg 900w, https://www.technig.com/wp-content/uploads/2017/04/Letterpress-Business-Cards-MockUp-full-300x230.jpg 300w, https://www.technig.com/wp-content/uploads/2017/04/Letterpress-Business-Cards-MockUp-full-768x588.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /></a><figcaption id="caption-attachment-9689" class="wp-caption-text">Free PSD Business Card Mockups &#8211; Technig</figcaption></figure>
<p><strong>02.</strong> A psd business card mock-up template, ideal to bring life to your business card design. Use it to preview before printing, showcase your design to clients or on a portfolio website. You can apply back and front design or only front design with a simple drag and drop on the smart object layer. <a href="http://www.pixeden.com/psd-mock-up-templates/psd-business-card-mock-up-vol-1" target="_blank" rel="noopener noreferrer"><strong>Downlaod</strong></a></p>
<figure id="attachment_9690" aria-describedby="caption-attachment-9690" style="width: 640px" class="wp-caption aligncenter"><a href="http://3.90.216.52/wp-content/uploads/2017/04/001_psd-businees-card-mock-up-template-3d_background.jpg"><img decoding="async" class="wp-image-9690 size-full" src="http://3.90.216.52/wp-content/uploads/2017/04/001_psd-businees-card-mock-up-template-3d_background.jpg" alt="Free PSD Business Card Mockups - Technig" width="640" height="340" srcset="https://www.technig.com/wp-content/uploads/2017/04/001_psd-businees-card-mock-up-template-3d_background.jpg 640w, https://www.technig.com/wp-content/uploads/2017/04/001_psd-businees-card-mock-up-template-3d_background-300x159.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a><figcaption id="caption-attachment-9690" class="wp-caption-text">Free PSD Business Card Mockups &#8211; Technig</figcaption></figure>
<p><strong>03.</strong> In total there are 3 PSD files of the business card: 1. Front part 2. Back part and 3. Mockup file to display your business card. The card templates are designed on a 3.75×2.25 inches canvas with 300dpi resolution CMYK print-ready. The mockup comes in an editable PSD file as well. <a href="http://www.graphicsfuel.com/2013/01/business-card-template-mockup-psd/" target="_blank" rel="noopener noreferrer"><strong>Download</strong></a></p>
<figure id="attachment_9691" aria-describedby="caption-attachment-9691" style="width: 600px" class="wp-caption aligncenter"><a href="http://3.90.216.52/wp-content/uploads/2017/04/bc-mockup-600x390.jpg"><img loading="lazy" decoding="async" class="wp-image-9691 size-full" src="http://3.90.216.52/wp-content/uploads/2017/04/bc-mockup-600x390.jpg" alt="Free PSD Business Card Mockups - Technig" width="600" height="390" srcset="https://www.technig.com/wp-content/uploads/2017/04/bc-mockup-600x390.jpg 600w, https://www.technig.com/wp-content/uploads/2017/04/bc-mockup-600x390-300x195.jpg 300w, https://www.technig.com/wp-content/uploads/2017/04/bc-mockup-600x390-210x136.jpg 210w" sizes="(max-width: 600px) 100vw, 600px" /></a><figcaption id="caption-attachment-9691" class="wp-caption-text">Free PSD Business Card Mockups &#8211; Technig</figcaption></figure>
<p><strong>04.</strong> Photorealistic business card mock-up PSD files. Card’s design and scene’s background can be easily changed via smart object in seconds. You can make any texture for your scene. Photorealistic texture and fully layered. Also you will find a ready made light setup. <a href="https://pixelbuddha.net/freebie/free-mockups-business-card" target="_blank" rel="noopener noreferrer"><strong>Download </strong></a></p>
<figure id="attachment_9692" aria-describedby="caption-attachment-9692" style="width: 680px" class="wp-caption aligncenter"><a href="http://3.90.216.52/wp-content/uploads/2017/04/freebie-slide-1420705468-1.jpg"><img loading="lazy" decoding="async" class="wp-image-9692 size-full" src="http://3.90.216.52/wp-content/uploads/2017/04/freebie-slide-1420705468-1.jpg" alt="Free PSD Business Card Mockups - Technig" width="680" height="917" srcset="https://www.technig.com/wp-content/uploads/2017/04/freebie-slide-1420705468-1.jpg 680w, https://www.technig.com/wp-content/uploads/2017/04/freebie-slide-1420705468-1-222x300.jpg 222w" sizes="(max-width: 680px) 100vw, 680px" /></a><figcaption id="caption-attachment-9692" class="wp-caption-text">Free PSD Business Card Mockups &#8211; Technig</figcaption></figure>
<p><strong>05. </strong>Today’s special is a new business cards mock-up perfect for a neat design that stands out through the subtle letterpress effect. Add your design through the smart objects and change the background color to create a flawless presentation. <a href="http://graphicburger.com/stack-letterpress-business-cards-mockup/" target="_blank" rel="noopener noreferrer"><strong>Download</strong></a></p>
<figure id="attachment_9693" aria-describedby="caption-attachment-9693" style="width: 600px" class="wp-caption aligncenter"><a href="http://3.90.216.52/wp-content/uploads/2017/04/Stack-Letterpress-Business-Card-MockUp-600.jpg"><img loading="lazy" decoding="async" class="wp-image-9693 size-full" src="http://3.90.216.52/wp-content/uploads/2017/04/Stack-Letterpress-Business-Card-MockUp-600.jpg" alt="Free PSD Business Card Mockups - Technig" width="600" height="822" srcset="https://www.technig.com/wp-content/uploads/2017/04/Stack-Letterpress-Business-Card-MockUp-600.jpg 600w, https://www.technig.com/wp-content/uploads/2017/04/Stack-Letterpress-Business-Card-MockUp-600-219x300.jpg 219w" sizes="(max-width: 600px) 100vw, 600px" /></a><figcaption id="caption-attachment-9693" class="wp-caption-text">Free PSD Business Card Mockups &#8211; Technig</figcaption></figure>
<h2>Top 10 Promotional Free PSD Business Card Mockups</h2>
<p><strong>06.</strong> Today we’re introducing a new embossed business card mock-up to the collection. This one was conceived for dark themed designs and it includes smart layers to allow you to create a flawless presentations in just moments. <a href="http://graphicburger.com/embossed-business-card-mockup-2/" target="_blank" rel="noopener noreferrer"><strong>Download</strong></a></p>
<figure id="attachment_9695" aria-describedby="caption-attachment-9695" style="width: 600px" class="wp-caption aligncenter"><a href="http://3.90.216.52/wp-content/uploads/2017/04/Embossed-Business-Card-MockUp-2-600.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-9695" src="http://3.90.216.52/wp-content/uploads/2017/04/Embossed-Business-Card-MockUp-2-600.jpg" alt="Free PSD Business Card Mockups - Technig" width="600" height="808" srcset="https://www.technig.com/wp-content/uploads/2017/04/Embossed-Business-Card-MockUp-2-600.jpg 600w, https://www.technig.com/wp-content/uploads/2017/04/Embossed-Business-Card-MockUp-2-600-223x300.jpg 223w" sizes="(max-width: 600px) 100vw, 600px" /></a><figcaption id="caption-attachment-9695" class="wp-caption-text">Free PSD Business Card Mockups &#8211; Technig</figcaption></figure>
<p><strong>07. </strong>A new original psd business card mock-up template with an elegant cardboard box. Ideal for dark themed business card designs. (3,15&#215;2 inch) <a href="http://www.pixeden.com/psd-mock-up-templates/psd-business-card-mock-up-vol18" target="_blank" rel="noopener noreferrer"><strong>Download</strong></a></p>
<figure id="attachment_9696" aria-describedby="caption-attachment-9696" style="width: 600px" class="wp-caption aligncenter"><a href="http://3.90.216.52/wp-content/uploads/2017/04/Psd-Business-Card-MockUp-600.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-9696" src="http://3.90.216.52/wp-content/uploads/2017/04/Psd-Business-Card-MockUp-600.jpg" alt="Free PSD Business Card Mockups - Technig" width="600" height="450" srcset="https://www.technig.com/wp-content/uploads/2017/04/Psd-Business-Card-MockUp-600.jpg 600w, https://www.technig.com/wp-content/uploads/2017/04/Psd-Business-Card-MockUp-600-300x225.jpg 300w, https://www.technig.com/wp-content/uploads/2017/04/Psd-Business-Card-MockUp-600-86x64.jpg 86w" sizes="(max-width: 600px) 100vw, 600px" /></a><figcaption id="caption-attachment-9696" class="wp-caption-text">Free PSD Business Card Mockups &#8211; Technig</figcaption></figure>
<p><strong>08.</strong> Use this PSD business card mock-up to create a unique, colorful presentation for your business card design. You can easily change the color for each stack separately. <a href="http://graphicburger.com/colorful-business-card-mock-up/" target="_blank" rel="noopener noreferrer"><strong>Download</strong></a></p>
<figure id="attachment_9697" aria-describedby="caption-attachment-9697" style="width: 800px" class="wp-caption aligncenter"><a href="http://3.90.216.52/wp-content/uploads/2017/04/Colorful-Business-Card-MockUp-full.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-9697" src="http://3.90.216.52/wp-content/uploads/2017/04/Colorful-Business-Card-MockUp-full.jpg" alt="Free PSD Business Card Mockups - Technig" width="800" height="574" srcset="https://www.technig.com/wp-content/uploads/2017/04/Colorful-Business-Card-MockUp-full.jpg 800w, https://www.technig.com/wp-content/uploads/2017/04/Colorful-Business-Card-MockUp-full-300x215.jpg 300w, https://www.technig.com/wp-content/uploads/2017/04/Colorful-Business-Card-MockUp-full-768x551.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></a><figcaption id="caption-attachment-9697" class="wp-caption-text">Free PSD Business Card Mockups &#8211; Technig</figcaption></figure>
<p><strong>09.</strong> Download <strong>Realistic Business Card Mockup PSD</strong>. This high quality Realistic Business Card Mockup PSD features realistic shadows, editable card design and floor color. This Realistic Business Card Mockup PSD can be used to display your clients or your own personal branding or Business Card Design. Simply add your design via provided Smart Object Layers in the PSD file. You can display both (front and back) card design in this Free Realistic Business Card Mockup. <a href="https://psdfreebies.com/psd/realistic-business-card-mockup-psd/" target="_blank" rel="noopener noreferrer"><strong>Download</strong></a></p>
<figure id="attachment_9698" aria-describedby="caption-attachment-9698" style="width: 800px" class="wp-caption aligncenter"><a href="http://3.90.216.52/wp-content/uploads/2017/04/Realistic-Business-Card-Mockup-PSD.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-9698" src="http://3.90.216.52/wp-content/uploads/2017/04/Realistic-Business-Card-Mockup-PSD.jpg" alt="Free PSD Business Card Mockups - Technig" width="800" height="600" srcset="https://www.technig.com/wp-content/uploads/2017/04/Realistic-Business-Card-Mockup-PSD.jpg 800w, https://www.technig.com/wp-content/uploads/2017/04/Realistic-Business-Card-Mockup-PSD-300x225.jpg 300w, https://www.technig.com/wp-content/uploads/2017/04/Realistic-Business-Card-Mockup-PSD-768x576.jpg 768w, https://www.technig.com/wp-content/uploads/2017/04/Realistic-Business-Card-Mockup-PSD-86x64.jpg 86w" sizes="(max-width: 800px) 100vw, 800px" /></a><figcaption id="caption-attachment-9698" class="wp-caption-text">Free PSD Business Card Mockups &#8211; Technig</figcaption></figure>
<p><strong>10. </strong>Creative and promostonal business card mockup for both back and front sides you can download it for free from this link. <a href="https://www.behance.net/gallery/37273515/Corporate-Business-Card-Mockup-Free" target="_blank" rel="noopener noreferrer"><strong>Download</strong></a></p>
<figure id="attachment_9700" aria-describedby="caption-attachment-9700" style="width: 800px" class="wp-caption aligncenter"><a href="http://3.90.216.52/wp-content/uploads/2017/04/e3052937273515.573af5229edec.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-9700" src="http://3.90.216.52/wp-content/uploads/2017/04/e3052937273515.573af5229edec.jpg" alt="Free PSD Business Card Mockups - Technig" width="800" height="734" srcset="https://www.technig.com/wp-content/uploads/2017/04/e3052937273515.573af5229edec.jpg 800w, https://www.technig.com/wp-content/uploads/2017/04/e3052937273515.573af5229edec-300x275.jpg 300w, https://www.technig.com/wp-content/uploads/2017/04/e3052937273515.573af5229edec-768x705.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></a><figcaption id="caption-attachment-9700" class="wp-caption-text">Free PSD Business Card Mockups &#8211; Technig</figcaption></figure>
<p>Thanks a lot for visiting our website hope you love these posts.</p>
<p>The post <a href="https://www.technig.com/top-10-promotional-free-psd-business-card-mockups/">Top 10 Promotional Free PSD Business Card Mockups</a> appeared first on <a href="https://www.technig.com">TECHNIG</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.technig.com/top-10-promotional-free-psd-business-card-mockups/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">9443</post-id>	</item>
		<item>
		<title>How to Create Animated Ad Banner Using Photoshop?</title>
		<link>https://www.technig.com/create-animated-banner-using-photoshop/</link>
					<comments>https://www.technig.com/create-animated-banner-using-photoshop/#respond</comments>
		
		<dc:creator><![CDATA[Ghulam Abbas]]></dc:creator>
		<pubDate>Tue, 12 Apr 2016 06:30:09 +0000</pubDate>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Ad Design]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Photoshop Tips]]></category>
		<guid isPermaLink="false">https://www.technig.com/?p=6722</guid>

					<description><![CDATA[<div style="margin-bottom:20px;"></div>
<p>We need to start from basics to advanced. As before I had created many other designs like create animated banner using Photoshop and about timeline usage for creating video, editing video and some more was there, but if you want to be a web designer, then pay attention in this Photoshop Tips. This lesson is so [&#8230;]</p>
<p>The post <a href="https://www.technig.com/create-animated-banner-using-photoshop/">How to Create Animated Ad Banner Using 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>We need to start from basics to advanced. As before I had created many other designs like create animated banner using Photoshop and about timeline usage for creating video, editing video and some more was there, but if you want to be a web designer, then pay attention in this <a href="https://www.technig.com/tag/photoshop-tips/" target="_blank" rel="noopener noreferrer">Photoshop Tips</a>. This lesson is so easy and interesting, so let’s get started.</p>
<h1>Create Animated banner using Photoshop</h1>
<p><strong>1.</strong> Open Adobe Photoshop, create a new document with width of 460 pixels and height of 120 pixels.</p>
<p><strong>2. </strong>Move to layer panel and take off its look, don’t forgot to rename it 1.</p>
<p><strong>3. </strong>Go to foreground color in tools and type there <strong>323232</strong> code and with paint bucket tool selected fill it.</p>
<figure id="attachment_6724" aria-describedby="caption-attachment-6724" style="width: 453px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6724" src="https://www.technig.com/wp-content/uploads/2016/04/01-Background-view.jpg" alt="Background view" width="453" height="113" /><figcaption id="caption-attachment-6724" class="wp-caption-text">Background view</figcaption></figure>
<p><strong>4.</strong> This time again navigate to tools section and select <strong>Rounded shape tool.</strong></p>
<figure id="attachment_6726" aria-describedby="caption-attachment-6726" style="width: 220px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6726" src="https://www.technig.com/wp-content/uploads/2016/04/02-Shape-tool.jpg" alt="Shape tool" width="220" height="120" /><figcaption id="caption-attachment-6726" class="wp-caption-text">Shape tool</figcaption></figure>
<p><strong>5. </strong>After selecting the rounded rectangle tool, draw a shape like screenshot. Rename it light 1.</p>
<figure id="attachment_6727" aria-describedby="caption-attachment-6727" style="width: 605px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6727" src="https://www.technig.com/wp-content/uploads/2016/04/03-Draw-Shape.jpg" alt="Draw Shape" width="605" height="154" /><figcaption id="caption-attachment-6727" class="wp-caption-text">Draw Shape</figcaption></figure>
<p><strong>6. </strong>In order to create light in our background, navigate to <strong>Filter- Blur and then select Gaussian Blur.</strong> A simple will appear, which will ask to rasterize, click yes and move forward. Put its amount 115. Its result will be like screenshot.</p>
<figure id="attachment_6728" aria-describedby="caption-attachment-6728" style="width: 544px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6728" src="https://www.technig.com/wp-content/uploads/2016/04/04-light-1.jpg" alt="light 1" width="544" height="134" /><figcaption id="caption-attachment-6728" class="wp-caption-text">light 1</figcaption></figure>
<p><strong>7: </strong>Till this step we have two layers in layer panel, in order to merge them together Press <strong>Ctrl+Shift+E </strong>to merge them.</p>
<p><strong>8. </strong>Press <strong>Ctrl+ J </strong>to duplicate the 1 layer / background layer.</p>
<p><strong>9. </strong>After duplicating the 1/background layer, name it 2<sup>nd</sup> background and then press <strong>T </strong>to select <strong>type tool </strong>and then type anything which you desire. I am simply typing here Technig with size of 85 and impact font with 323232 color code.</p>
<figure id="attachment_6729" aria-describedby="caption-attachment-6729" style="width: 497px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6729" src="https://www.technig.com/wp-content/uploads/2016/04/05-Technig.jpg" alt="Technig" width="497" height="127" /><figcaption id="caption-attachment-6729" class="wp-caption-text">Technig</figcaption></figure>
<p><strong>10. </strong>Navigate to layer panel- Press <strong>Ctrl+ </strong>Left click to load selection, after loading selection go to 2<sup>nd</sup> background and then press <strong>Delete </strong>button on the keyboard. After hiding the text layer with background your result will look like screenshot.</p>
<figure id="attachment_6730" aria-describedby="caption-attachment-6730" style="width: 699px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6730" src="https://www.technig.com/wp-content/uploads/2016/04/06-2nd-Background.jpg" alt="2nd Background" width="699" height="163" /><figcaption id="caption-attachment-6730" class="wp-caption-text">2nd Background</figcaption></figure>
<p><strong>11. </strong>Again go to layer panel decrease amount of flow to 0 percent and then right on the text layer- select blending options. Navigate to Inner shadow and apply these settings like screenshot.</p>
<figure id="attachment_6731" aria-describedby="caption-attachment-6731" style="width: 642px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6731" src="https://www.technig.com/wp-content/uploads/2016/04/07-Inner-shadow.jpg" alt="Inner shadow" width="642" height="486" /><figcaption id="caption-attachment-6731" class="wp-caption-text">Inner shadow</figcaption></figure>
<p><strong>12.</strong> After hiding 2<sup>nd</sup> background your result will be like screenshot.</p>
<figure id="attachment_6732" aria-describedby="caption-attachment-6732" style="width: 401px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6732" src="https://www.technig.com/wp-content/uploads/2016/04/08-Result-of-Inner-shadow.jpg" alt="Result of Inner shadow" width="401" height="117" /><figcaption id="caption-attachment-6732" class="wp-caption-text">Result of Inner shadow</figcaption></figure>
<p><strong>13. </strong>Again navigate to the background in layer panel, again select rounded rectangle tool, and then draw a shape with red color like screenshot. Don’t forgot to rasterize this layer by right clicking on the layer and select rasterize layer.</p>
<figure id="attachment_6733" aria-describedby="caption-attachment-6733" style="width: 585px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6733" src="https://www.technig.com/wp-content/uploads/2016/04/09-Red-shape.jpg" alt="Red shape" width="585" height="145" /><figcaption id="caption-attachment-6733" class="wp-caption-text">Red shape</figcaption></figure>
<p><strong>14. </strong>We need to feather our shape to look awesome, in order to do this press <strong>M </strong>to select <strong>Rectangle Marquee Tool, </strong>make selection like screenshot and then right click select <strong>feather </strong>and give 20 pixels for amount of feather. After selecting press delete button on the keyboard to delete that area. Do the same thing for the left side too.</p>
<figure id="attachment_6734" aria-describedby="caption-attachment-6734" style="width: 582px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6734" src="https://www.technig.com/wp-content/uploads/2016/04/10-Feather-amount.jpg" alt="Feather amount" width="582" height="142" /><figcaption id="caption-attachment-6734" class="wp-caption-text">Feather amount</figcaption></figure>
<p><strong>15. </strong>Do the same thing for the left side too, and your will be like screenshot.</p>
<figure id="attachment_6735" aria-describedby="caption-attachment-6735" style="width: 625px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6735" src="https://www.technig.com/wp-content/uploads/2016/04/11-Result-of-Marquee-Tool.jpg" alt="Result of Marquee Tool" width="625" height="153" /><figcaption id="caption-attachment-6735" class="wp-caption-text">Result of Marquee Tool</figcaption></figure>
<p><strong>16. </strong>Take this layer and position it between background and 2<sup>nd</sup> background layer like screenshot in layer panel.</p>
<figure id="attachment_6736" aria-describedby="caption-attachment-6736" style="width: 227px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6736" src="https://www.technig.com/wp-content/uploads/2016/04/12-Positioning.jpg" alt="Positioning" width="227" height="212" /><figcaption id="caption-attachment-6736" class="wp-caption-text">Positioning</figcaption></figure>
<p><strong>17. </strong>In order to give animation, navigate to window menu select timeline. In Timeline window select create farm animation. After click on duplicate the selected farm.</p>
<figure id="attachment_6737" aria-describedby="caption-attachment-6737" style="width: 514px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6737" src="https://www.technig.com/wp-content/uploads/2016/04/12.1-Duplicate-Farm.jpg" alt="Duplicate Farm" width="514" height="142" /><figcaption id="caption-attachment-6737" class="wp-caption-text">Duplicate Farm</figcaption></figure>
<p><strong>18. </strong>For the first time in order to create an animation position the red shape to the left for second time position it to right like screenshot.</p>
<figure id="attachment_6738" aria-describedby="caption-attachment-6738" style="width: 507px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6738" src="https://www.technig.com/wp-content/uploads/2016/04/13-Position.jpg" alt="Position" width="507" height="236" /><figcaption id="caption-attachment-6738" class="wp-caption-text">Position</figcaption></figure>
<p><strong>19. </strong>Here we are at last step of creating an animation. In order to create an animation, click <strong>twins animation farm </strong>in timeline.</p>
<figure id="attachment_6739" aria-describedby="caption-attachment-6739" style="width: 557px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6739" src="https://www.technig.com/wp-content/uploads/2016/04/13.1-Ceating-animation.jpg" alt="Creating animation" width="557" height="139" /><figcaption id="caption-attachment-6739" class="wp-caption-text">Creating animation</figcaption></figure>
<p><strong>20. </strong>After clicking on twins animation farm apply these settings, remember select the first farm. And now it’s ready.</p>
<figure id="attachment_6740" aria-describedby="caption-attachment-6740" style="width: 317px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-6740" src="https://www.technig.com/wp-content/uploads/2016/04/14-Twins-animation-farm.jpg" alt="Twins animation farm" width="317" height="275" /><figcaption id="caption-attachment-6740" class="wp-caption-text">Twins animation farm</figcaption></figure>
<p><strong>21:</strong> In order to export it, go to file menu and then select save as web. Save it as {[Gif]} format and here is your result.</p>
<figure id="attachment_6741" aria-describedby="caption-attachment-6741" style="width: 542px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-6741 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Untitled-1.gif" alt="Create Animated banner using Photoshop - Technig " width="542" height="142" /><figcaption id="caption-attachment-6741" class="wp-caption-text">Create Animated banner using Photoshop &#8211; Technig</figcaption></figure>
<p><strong>Related Search about Create Animated Banner Using Photoshop:</strong></p>
<div class="brs_col"></div>
<div class="brs_col"></div>
<div class="brs_col">create animated banner ad in Photoshop.<br />
how to make an animated banner in Photoshop.<br />
make animated banner Photoshop.<br />
Animate pictures using Photoshop.<br />
how to animate using Photoshop and after effect.<br />
how to design banner using photoshop.</div>
<p>The post <a href="https://www.technig.com/create-animated-banner-using-photoshop/">How to Create Animated Ad Banner Using Photoshop?</a> appeared first on <a href="https://www.technig.com">TECHNIG</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.technig.com/create-animated-banner-using-photoshop/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6722</post-id>	</item>
	</channel>
</rss>
