
<?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>Creative Design Archives - TECHNIG</title>
	<atom:link href="https://www.technig.com/tag/creative-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://168.138.42.164/tag/creative-design/</link>
	<description>Gateway for IT Experts and Tech Geeks</description>
	<lastBuildDate>Mon, 18 Apr 2016 06:30:34 +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>Creative Design Archives - TECHNIG</title>
	<link>https://168.138.42.164/tag/creative-design/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">162720667</site>	<item>
		<title>Top 5 Photoshop Tips Every Designer Must Know</title>
		<link>https://www.technig.com/top-5-photoshop-tips-designer-must-know/</link>
					<comments>https://www.technig.com/top-5-photoshop-tips-designer-must-know/#respond</comments>
		
		<dc:creator><![CDATA[Ahmad]]></dc:creator>
		<pubDate>Mon, 18 Apr 2016 06:30:34 +0000</pubDate>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Creative Design]]></category>
		<category><![CDATA[Photoshop Tips]]></category>
		<guid isPermaLink="false">https://www.technig.com/?p=6846</guid>

					<description><![CDATA[<div style="margin-bottom:20px;"></div>
<p>In this tutorial we are showing you the top 5 Photoshop tips to help you work faster and smoother, this top 5 Photoshop tips tutorial is for anyone, beginner and advanced persons, we will talk about clipping mask, Filters, Shapes Operations and keyboard shortcuts. After learning these Photoshop tips, you will be able to create [&#8230;]</p>
<p>The post <a href="https://www.technig.com/top-5-photoshop-tips-designer-must-know/">Top 5 Photoshop Tips Every Designer Must Know</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 tutorial we are showing you the top 5 Photoshop tips to help you work faster and smoother, this top 5 Photoshop tips tutorial is for anyone, beginner and advanced persons, we will talk about clipping mask, Filters, Shapes Operations and keyboard shortcuts. After learning these Photoshop tips, you will be able to create the below photo or another design.</p>
<figure id="attachment_6965" aria-describedby="caption-attachment-6965" style="width: 840px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Top-5-Photoshop-Tips-Technig.jpg"><img fetchpriority="high" decoding="async" class="size-full wp-image-6965" src="https://www.technig.com/wp-content/uploads/2016/04/Top-5-Photoshop-Tips-Technig.jpg" alt="Top 5 Photoshop Tips - Technig" width="840" height="420" /></a><figcaption id="caption-attachment-6965" class="wp-caption-text">Top 5 Photoshop Tips &#8211; Technig</figcaption></figure>
<h2>Top 5 Photoshop Tips Every Designer Must Know</h2>
<p><strong>Tip 1: </strong>In this tip I will show the trick to create fire in Photoshop, Open a new document (<strong>Ctrl+N</strong>) name it fire. and click OK, color of your document must be black.</p>
<figure id="attachment_6887" aria-describedby="caption-attachment-6887" style="width: 543px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/1-3.png"><img decoding="async" class="size-full wp-image-6887" src="https://www.technig.com/wp-content/uploads/2016/04/1-3.png" alt="New Document" width="543" height="402" /></a><figcaption id="caption-attachment-6887" class="wp-caption-text">New Document</figcaption></figure>
<p>now create long shape  horizontally name it fire set the color to white and  then go to Filter&gt; Stylize&gt; Wind, a small window will popup to confirm the filter to apply on vector layer, the reason of this popup window is this that our shape layer is vector not restor layer, filter con not apply directly on vector layers that&#8217;s why it ask you to restorize your layer, click OK. Apply the the following setting for the wind options.</p>
<figure id="attachment_6889" aria-describedby="caption-attachment-6889" style="width: 424px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/2-3.jpg"><img decoding="async" class="size-full wp-image-6889" src="https://www.technig.com/wp-content/uploads/2016/04/2-3.jpg" alt="Wind Dialog Box" width="424" height="462" /></a><figcaption id="caption-attachment-6889" class="wp-caption-text">Wind Dialog Box</figcaption></figure>
<p>press (<strong>Ctrl+F</strong>) to apply the filter two more times, your shape should look like image bellow.</p>
<figure id="attachment_6890" aria-describedby="caption-attachment-6890" style="width: 467px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Wind.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6890" src="https://www.technig.com/wp-content/uploads/2016/04/Wind.jpg" alt="Wind" width="467" height="493" /></a><figcaption id="caption-attachment-6890" class="wp-caption-text">Wind</figcaption></figure>
<p>Now rotate your layer 90<sup>o</sup>, go to Adjustment Panel and add Hue Saturation to your layer set the Hue 24, Saturation 100 % and use Colorize.</p>
<figure id="attachment_6892" aria-describedby="caption-attachment-6892" style="width: 654px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Hue-Saturation.jpg"><img loading="lazy" decoding="async" class=" wp-image-6892" src="https://www.technig.com/wp-content/uploads/2016/04/Hue-Saturation.jpg" alt="Hue Saturation" width="654" height="351" /></a><figcaption id="caption-attachment-6892" class="wp-caption-text">Hue Saturation</figcaption></figure>
<p><strong>Tip 2:</strong> <strong>Clipping Mask</strong> is one of most wanted option for Photoshop lovers, it is the best option to clip or fit your photo to any shapes, so create a new document <strong>1000 x 700</strong>. use gradient tool to fill the background, use the code for color <strong>(a7a7a7) (303030)</strong>.</p>
<figure id="attachment_6893" aria-describedby="caption-attachment-6893" style="width: 545px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/New-Document.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6893" src="https://www.technig.com/wp-content/uploads/2016/04/New-Document.jpg" alt="New Document" width="545" height="396" /></a><figcaption id="caption-attachment-6893" class="wp-caption-text">New Document</figcaption></figure>
<p>OK now use <strong>Ellipse  tool</strong> to create a shape and make two copy frome that shape  than align it, now place three photos in your document and re size and place each photo on top of each shapes, right click on it select <strong>clipping mask</strong>, it will clip your photo to the size of the shape layer remember that photo layer should be on top of shape layers.</p>
<figure id="attachment_6895" aria-describedby="caption-attachment-6895" style="width: 590px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Shape-layers-1.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6895" src="https://www.technig.com/wp-content/uploads/2016/04/Shape-layers-1.jpg" alt="Shape layers" width="590" height="393" /></a><figcaption id="caption-attachment-6895" class="wp-caption-text">Shape layers</figcaption></figure>
<p><strong>Tip 3:</strong> <strong>Color Halftone</strong> do you now how easily you can create color halftone in Photoshop, if you don&#8217;t its for you, Open new document <strong>1000 x 700</strong> white color. and draw an <strong>Ellipse</strong> use <strong>gradient</strong> to fill the shape layer.</p>
<figure id="attachment_6896" aria-describedby="caption-attachment-6896" style="width: 417px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/shape.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6896" src="https://www.technig.com/wp-content/uploads/2016/04/shape.jpg" alt="color halftone" width="417" height="317" /></a><figcaption id="caption-attachment-6896" class="wp-caption-text">color halftone</figcaption></figure>
<p>Now go to <strong>Filter&gt; Pixelate&gt; </strong><b>Color halftone</b>. set the value of color halftone window like image below.</p>
<figure id="attachment_6897" aria-describedby="caption-attachment-6897" style="width: 700px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Colorhalftone.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6897" src="https://www.technig.com/wp-content/uploads/2016/04/Colorhalftone.jpg" alt="Colorhalftone" width="700" height="379" /></a><figcaption id="caption-attachment-6897" class="wp-caption-text">Colorhalftone</figcaption></figure>
<p>Click OK your shape will look like below.</p>
<figure id="attachment_6898" aria-describedby="caption-attachment-6898" style="width: 398px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Colorhalftone-1.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6898" src="https://www.technig.com/wp-content/uploads/2016/04/Colorhalftone-1.jpg" alt="Colorhalftone" width="398" height="312" /></a><figcaption id="caption-attachment-6898" class="wp-caption-text">Colorhalftone</figcaption></figure>
<p><strong>Tip 4: </strong><strong>Shortcut</strong> while you are using brush tool it is a little difficult to re size brush tool, or make the brush hard of soft here I will show the best shortcut for re-sizing and softness or hardness of brush tool. To large or small your brush press (<strong>Alt+Ctrl+holding down right mouse button</strong>) move your mouse right or left to re-size brush and up and down to soft or hard.</p>
<p>What about color changing? if you want to change the color very easy press and hold down <strong>(Shift+Alt+Right mouse button</strong>) it will show box of color and Hue, remember that this tool does not work with some of the tools.</p>
<p><strong>Tip 5: </strong><strong>Magic Shapes </strong>in this tip I will show you a great tricks to create awesome shape.</p>
<p>Open new document<strong> 1000 x 700</strong> white color. Now pick the <strong>Custom shape tool</strong> and use the <strong>arrow</strong> shape from the list on <strong>options bar </strong> draw it at the middle of your document as below.</p>
<figure id="attachment_6900" aria-describedby="caption-attachment-6900" style="width: 505px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Arrow.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6900" src="https://www.technig.com/wp-content/uploads/2016/04/Arrow.jpg" alt="Top 5 Photoshop Tips" width="505" height="345" /></a><figcaption id="caption-attachment-6900" class="wp-caption-text">Top 5 Photoshop Tips</figcaption></figure>
<p>now make a copy of that shape by pressing (<strong>Ctrl+j</strong>) and (<strong>Ctrl+T</strong>) to transform and set the following setting for the layer. click OK to accept it.</p>
<figure id="attachment_6902" aria-describedby="caption-attachment-6902" style="width: 1044px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Transform-Option-Bar.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6902" src="https://www.technig.com/wp-content/uploads/2016/04/Transform-Option-Bar.jpg" alt="Transform Option Bar - technig" width="1044" height="33" /></a><figcaption id="caption-attachment-6902" class="wp-caption-text">Transform Option Bar &#8211; technig</figcaption></figure>
<p>Press(<strong>Ctrl+J</strong>) to copy and (<strong>Shift+Ctrl+T</strong>) to repeat the privies action, basically it rotate your layer 10<sup>o</sup> . Do the same process till your shape rotated 360<sup>0</sup> .</p>
<figure id="attachment_6903" aria-describedby="caption-attachment-6903" style="width: 417px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Transform-Option.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6903" src="https://www.technig.com/wp-content/uploads/2016/04/Transform-Option.jpg" alt="Top 5 Photoshop Tips" width="417" height="323" /></a><figcaption id="caption-attachment-6903" class="wp-caption-text">Top 5 Photoshop Tips</figcaption></figure>
<p>Now select all of the layers and go to <strong>Layer&gt; Combine Shapes&gt; Subtract Shapes at Overlap. </strong>your shape shout look like below. you can use any shapes to apply this effects on it.</p>
<figure id="attachment_6904" aria-describedby="caption-attachment-6904" style="width: 483px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Magic-shape-Technig.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6904" src="https://www.technig.com/wp-content/uploads/2016/04/Magic-shape-Technig.jpg" alt="Magic shape - Technig" width="483" height="367" /></a><figcaption id="caption-attachment-6904" class="wp-caption-text">Magic shape &#8211; Technig</figcaption></figure>
<p>Congratulation! we have passed the top 5 best <a href="https://www.technig.com/tag/photoshop-tips/" target="_blank" rel="noopener noreferrer">Photoshop tips</a> if you have any questions please leave comment below I will reply you as soon as possible.</p>
<p>The post <a href="https://www.technig.com/top-5-photoshop-tips-designer-must-know/">Top 5 Photoshop Tips Every Designer Must Know</a> appeared first on <a href="https://www.technig.com">TECHNIG</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.technig.com/top-5-photoshop-tips-designer-must-know/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6846</post-id>	</item>
		<item>
		<title>How to Create Flyer Design using Photoshop?</title>
		<link>https://www.technig.com/create-flyer-design-using-photoshop/</link>
					<comments>https://www.technig.com/create-flyer-design-using-photoshop/#comments</comments>
		
		<dc:creator><![CDATA[Ahmad]]></dc:creator>
		<pubDate>Sun, 10 Apr 2016 05:36:07 +0000</pubDate>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Creative Design]]></category>
		<category><![CDATA[Photoshop Tips]]></category>
		<category><![CDATA[Video Tutorials]]></category>
		<guid isPermaLink="false">https://www.technig.com/?p=6631</guid>

					<description><![CDATA[<div style="margin-bottom:20px;"></div>
<p>You may saw a flyer design in your school or other places, if you want to create one, you may think how to create it what size it should be which colors should I use and many more stuffs. This step by step  flyer design tutorial is for you to know all information about create [&#8230;]</p>
<p>The post <a href="https://www.technig.com/create-flyer-design-using-photoshop/">How to Create Flyer Design 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>You may saw a flyer design in your school or other places, if you want to create one, you may think how to create it what size it should be which colors should I use and many more stuffs. This step by step  flyer design tutorial is for you to know all information about create Flyer design Using Photoshop</p>
<h3> What is Flyer?</h3>
<p>Flyer is a form or piece  of paper with some texts and images information on it, about a product or an event for advertising in a public places or on internet.</p>
<h3>What is the exact size of flyer for print or web?</h3>
<p>It is depend to you for what you want to create flyer, the most popular size for flyer is (<strong>A5, A4</strong> )  for long text and images, but you can create in any sizes as well. I personally use<strong> A5</strong> and <strong>A4, </strong>these two sizes are good for business flyer.</p>
<h2>Create Flyer design Using Photoshop</h2>
<p>Before staring the step by step tutorial lets have a look to final result of what we will be creating.</p>
<figure id="attachment_6651" aria-describedby="caption-attachment-6651" style="width: 678px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Final-1.jpg" rel="attachment wp-att-6651"><img loading="lazy" decoding="async" class="wp-image-6651" src="https://www.technig.com/wp-content/uploads/2016/04/Final-1.jpg" alt="Create Flyer design Using Photoshop" width="678" height="997" /></a><figcaption id="caption-attachment-6651" class="wp-caption-text">Create Flyer design Using Photoshop</figcaption></figure>
<p><strong>Step 1:</strong> Create a new document, go to <strong>File&gt; New</strong>, name it Flyer, from the <strong>preset </strong>menu select <strong>International Paper</strong>, from <strong>Size </strong>menu use <strong>A4</strong>, Click OK, the new blank document will open.</p>
<figure id="attachment_6652" aria-describedby="caption-attachment-6652" style="width: 546px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Document-size-1.jpg" rel="attachment wp-att-6652"><img loading="lazy" decoding="async" class="size-full wp-image-6652" src="https://www.technig.com/wp-content/uploads/2016/04/Document-size-1.jpg" alt="Document size" width="546" height="401" /></a><figcaption id="caption-attachment-6652" class="wp-caption-text">Document size</figcaption></figure>
<p><strong>Step 2: </strong>Now place an the image, go to <strong>File&gt; Place </strong>select the image from project folder you downloaded and click Place, it will placed in your document.</p>
<figure id="attachment_6653" aria-describedby="caption-attachment-6653" style="width: 405px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/1.jpg" rel="attachment wp-att-6653"><img loading="lazy" decoding="async" class="wp-image-6653 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/1.jpg" alt="Create Flyer design Using Photoshop" width="405" height="567" /></a><figcaption id="caption-attachment-6653" class="wp-caption-text">Create Flyer design Using Photoshop</figcaption></figure>
<p><strong>Step 3: </strong>Scale down the image and use <strong>Clone Stamp</strong> Tool to fill all the top empty area of the image like below, remember to  <strong>Rasterize</strong> your image layer before using <strong>Clone tool</strong>, to Clone the image hold down <strong>Alt Key</strong> to select a source color from the image than paint at top empty areas.</p>
<figure id="attachment_6654" aria-describedby="caption-attachment-6654" style="width: 423px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/2-1.jpg" rel="attachment wp-att-6654"><img loading="lazy" decoding="async" class="size-full wp-image-6654" src="https://www.technig.com/wp-content/uploads/2016/04/2-1.jpg" alt="burger" width="423" height="607" /></a><figcaption id="caption-attachment-6654" class="wp-caption-text">burger</figcaption></figure>
<p><strong>Step 4: </strong>Pick up the the <strong>Polygon Shape</strong> Tool, create a shape give it this color code #(efbf5e) and place it at the top of the document than make a duplicate by pressing (<strong>Ctrl+J</strong>) change the color bottom shape to white and move it sown by pressing the down Arrow key Five times, apply Drop shadow effects on it, <strong>Mode</strong> Normal, <strong>Angel</strong> 90<sup>o</sup>, <strong>Distance</strong> 20 px, <strong>Size</strong> 120 px your design should look like below.</p>
<figure id="attachment_6655" aria-describedby="caption-attachment-6655" style="width: 405px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/3-1.jpg" rel="attachment wp-att-6655"><img loading="lazy" decoding="async" class="size-full wp-image-6655" src="https://www.technig.com/wp-content/uploads/2016/04/3-1.jpg" alt="Flyer Design - Technig" width="405" height="569" /></a><figcaption id="caption-attachment-6655" class="wp-caption-text">Flyer Design &#8211; Technig</figcaption></figure>
<p><strong>Step 5: </strong>Now use<strong> Pen tool </strong>try to create a nice and smooth shape like bellow give it this color code #(8abc43) than duplicate it and change colorof the bottom copy of the shape layer to white and move it to the left to create a nice stroke, as below.</p>
<figure id="attachment_6656" aria-describedby="caption-attachment-6656" style="width: 645px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Text.jpg" rel="attachment wp-att-6656"><img loading="lazy" decoding="async" class="size-full wp-image-6656" src="https://www.technig.com/wp-content/uploads/2016/04/Text.jpg" alt="Pen Tool" width="645" height="567" /></a><figcaption id="caption-attachment-6656" class="wp-caption-text">Pen Tool</figcaption></figure>
<p><strong>Step 6: </strong> Time to import or add some text to finish up our work, the most important detail is the text Title, Services and contacts, I  already had the text info and import it, just play with text font, size and color to make the design perfect.</p>
<figure id="attachment_6658" aria-describedby="caption-attachment-6658" style="width: 600px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/pen-tool.jpg" rel="attachment wp-att-6658"><img loading="lazy" decoding="async" class="wp-image-6658 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/pen-tool.jpg" alt="Create Flyer design Using Photoshop" width="600" height="849" /></a><figcaption id="caption-attachment-6658" class="wp-caption-text">Create Flyer design Using Photoshop</figcaption></figure>
<p><strong>Final Step: </strong>Create a polygon shape and put it at the lower right corner of the document make tow mor copy and scale it down than move it to the left, to fill the empty area and as well add some more images and than place the images put each image on each shapes than us the clipping Mask option to clip the image to the layers as below.</p>
<figure id="attachment_6651" aria-describedby="caption-attachment-6651" style="width: 636px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Final-1.jpg" rel="attachment wp-att-6651"><img loading="lazy" decoding="async" class="wp-image-6651" src="https://www.technig.com/wp-content/uploads/2016/04/Final-1.jpg" alt="Create Flyer design Using Photoshop" width="636" height="921" /></a><figcaption id="caption-attachment-6651" class="wp-caption-text">Create Flyer design Using Photoshop</figcaption></figure>
<p>Congratulation! We have don, now you are able to create your own flyer for your client and costumers, feel free to ask regarded question about tutorial.</p>
<p><strong>Related Search: </strong></p>
<p>photoshop flyer template.<br />
how to make a flyer in photoshop.<br />
creating a poster in photoshop.<br />
bookmark size photoshop.<br />
how to design flyers using photoshop.<br />
how to create a flyer in photoshop cs6.<br />
how to make a flyer in photoshop cc.<br />
flyer tutorial photoshop.<br />
How to make a simple flyer in photoshop.<br />
how to make a flyer using adobe photoshop.<br />
flyer design in photoshop.<br />
how to make a club flyer in photoshop.<br />
make party flyer photoshop.<br />
what size are flyers.</p>
<p>The post <a href="https://www.technig.com/create-flyer-design-using-photoshop/">How to Create Flyer Design using Photoshop?</a> appeared first on <a href="https://www.technig.com">TECHNIG</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.technig.com/create-flyer-design-using-photoshop/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6631</post-id>	</item>
		<item>
		<title>How to make Creative Facebook Cover Using Photoshop?</title>
		<link>https://www.technig.com/make-creative-facebook-cover-photoshop/</link>
					<comments>https://www.technig.com/make-creative-facebook-cover-photoshop/#respond</comments>
		
		<dc:creator><![CDATA[Ahmad]]></dc:creator>
		<pubDate>Sat, 09 Apr 2016 05:00:06 +0000</pubDate>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Creative Design]]></category>
		<category><![CDATA[facebook cover]]></category>
		<category><![CDATA[Video Tutorials]]></category>
		<guid isPermaLink="false">https://www.technig.com/?p=6589</guid>

					<description><![CDATA[<div style="margin-bottom:20px;"></div>
<p>In this series of Photoshop Tips tutorial we will show you how to create or make creative Facebook cover in Photoshop. We will use the Pen Tool, Layer Style and many more, so by the end of this tutorial you will understand all the great and use full tips and techniques to design your own [&#8230;]</p>
<p>The post <a href="https://www.technig.com/make-creative-facebook-cover-photoshop/">How to make Creative Facebook Cover 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>In this series of <a href="https://www.technig.com/tag/photoshop-tips/" target="_blank" rel="noopener noreferrer">Photoshop Tips</a> tutorial we will show you how to create or make creative Facebook cover in Photoshop. We will use the Pen Tool, Layer Style and many more, so by the end of this tutorial you will understand all the great and use full tips and techniques to design your own Facebook cover photo in Photoshop.</p>
<h2>Make Creative Facebook Cover In Photoshop</h2>
<p>Take a look the final result of what we will design in this tutorial.</p>
<figure id="attachment_6622" aria-describedby="caption-attachment-6622" style="width: 851px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Final.jpg" rel="attachment wp-att-6622"><img loading="lazy" decoding="async" class="wp-image-6622 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Final.jpg" alt="How to Design Creative Facebook Cover Photo?" width="851" height="354" /></a><figcaption id="caption-attachment-6622" class="wp-caption-text">How to make Creative Facebook Cover Photo?</figcaption></figure>
<p><strong>Step 1: </strong>Create new document, go to <strong>File&gt;New, </strong>name it (cover photo) dimension on Facebook cover is 851 by  315 resolution 72 px, click OK a new blank document will open.</p>
<figure id="attachment_6593" aria-describedby="caption-attachment-6593" style="width: 548px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/1.png" rel="attachment wp-att-6593"><img loading="lazy" decoding="async" class="wp-image-6593 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/1.png" alt="New Document" width="548" height="393" /></a><figcaption id="caption-attachment-6593" class="wp-caption-text">New Document</figcaption></figure>
<p>S<strong>tep 2:</strong> Place a template of Facebook cover for guide to help you make <strong>Guide Lines</strong>.</p>
<figure id="attachment_6594" aria-describedby="caption-attachment-6594" style="width: 761px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/2.jpg" rel="attachment wp-att-6594"><img loading="lazy" decoding="async" class="wp-image-6594 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/2.jpg" alt="Techniq facebook cover" width="761" height="320" /></a><figcaption id="caption-attachment-6594" class="wp-caption-text">Facebook cover</figcaption></figure>
<p>S<strong>tep 3:</strong> Now make some <strong>guide lines</strong> from the template, to make guides in Adobe Photoshop move your <strong>Move Tool</strong> over the ruler and hold down left Click and move your mouse to right or bottom of the document, as I did! If your document does not have ruler press (<strong>Ctrl+ R</strong>) to reveal the rulers, now hide the template after bringing the guides, than place some  logos or whatever you have with a different sizes and different area of your document as below.</p>
<figure id="attachment_6595" aria-describedby="caption-attachment-6595" style="width: 776px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/3.jpg" rel="attachment wp-att-6595"><img loading="lazy" decoding="async" class="wp-image-6595 " src="https://www.technig.com/wp-content/uploads/2016/04/3.jpg" alt="Adobe logos" width="776" height="328" /></a><figcaption id="caption-attachment-6595" class="wp-caption-text">Adobe logos</figcaption></figure>
<p><strong>Step 4:</strong> Bring one more guide to specified the center of your document, than pick up the<strong> pen tool</strong> and create a shape from two bottom  corners of your Ai logo to the center of the document.</p>
<figure id="attachment_6596" aria-describedby="caption-attachment-6596" style="width: 782px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/4.jpg" rel="attachment wp-att-6596"><img loading="lazy" decoding="async" class="wp-image-6596 " src="https://www.technig.com/wp-content/uploads/2016/04/4.jpg" alt="Adobe logos" width="782" height="463" /></a><figcaption id="caption-attachment-6596" class="wp-caption-text">Adobe logos</figcaption></figure>
<p><strong>Step 5:</strong> Now move your layer to the bottom of all other layers and create one more shape for the right side of the Ai logo and give it a dark color.</p>
<p>&nbsp;</p>
<figure id="attachment_6612" aria-describedby="caption-attachment-6612" style="width: 774px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/5.jpg" rel="attachment wp-att-6612"><img loading="lazy" decoding="async" class="wp-image-6612 " src="https://www.technig.com/wp-content/uploads/2016/04/5.jpg" alt="Pen tool" width="774" height="465" /></a><figcaption id="caption-attachment-6612" class="wp-caption-text">Pen tool</figcaption></figure>
<p><strong>Step 6: </strong>Now apply <strong>Gradient Overlay</strong>  FX  for shape layer 1 and shape layer 2, give the same gradient color as below.</p>
<figure id="attachment_6613" aria-describedby="caption-attachment-6613" style="width: 432px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Gradient-Editer.jpg" rel="attachment wp-att-6613"><img loading="lazy" decoding="async" class="wp-image-6613 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Gradient-Editer-e1460110663819.jpg" alt="Gradient Editor" width="432" height="110" /></a><figcaption id="caption-attachment-6613" class="wp-caption-text">Gradient Editor</figcaption></figure>
<p>Set the setting as below.</p>
<figure id="attachment_6614" aria-describedby="caption-attachment-6614" style="width: 644px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Layer-Style.jpg" rel="attachment wp-att-6614"><img loading="lazy" decoding="async" class="wp-image-6614 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Layer-Style.jpg" alt="Layer Style" width="644" height="486" /></a><figcaption id="caption-attachment-6614" class="wp-caption-text">Layer Style</figcaption></figure>
<p><strong>Step 7:</strong> Now copy the same layer style and past it on shape layer 2, to copy the layer style of any layer just <strong>right click</strong> on a layer, a long menu will open, find the command and copy the layer style and past it on another layer, to  past the layer style do the same process the past command is right under the copy command.</p>
<figure id="attachment_6615" aria-describedby="caption-attachment-6615" style="width: 415px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Lists.jpg" rel="attachment wp-att-6615"><img loading="lazy" decoding="async" class="wp-image-6615 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Lists.jpg" alt="Menu" width="415" height="627" /></a><figcaption id="caption-attachment-6615" class="wp-caption-text">Menu</figcaption></figure>
<p><span style="line-height: 1.5;">set the setting for shape layer 2</span></p>
<figure id="attachment_6616" aria-describedby="caption-attachment-6616" style="width: 631px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Layer-Style1.jpg" rel="attachment wp-att-6616"><img loading="lazy" decoding="async" class="wp-image-6616 " src="https://www.technig.com/wp-content/uploads/2016/04/Layer-Style1.jpg" alt="Layer Style" width="631" height="465" /></a><figcaption id="caption-attachment-6616" class="wp-caption-text">Layer Style</figcaption></figure>
<p>the result should looks like this.</p>
<figure id="attachment_6617" aria-describedby="caption-attachment-6617" style="width: 613px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Result.jpg" rel="attachment wp-att-6617"><img loading="lazy" decoding="async" class=" wp-image-6617" src="https://www.technig.com/wp-content/uploads/2016/04/Result.jpg" alt="Result" width="613" height="294" /></a><figcaption id="caption-attachment-6617" class="wp-caption-text">Result</figcaption></figure>
<p><strong>Step 8:</strong> Now again pick the <strong>pen tool</strong>, create two shapes to join Ps logo to the center of the document, use the same thing like<strong> step 4</strong>.</p>
<figure id="attachment_6619" aria-describedby="caption-attachment-6619" style="width: 629px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/result-1.jpg" rel="attachment wp-att-6619"><img loading="lazy" decoding="async" class="wp-image-6619" src="https://www.technig.com/wp-content/uploads/2016/04/result-1.jpg" alt="result" width="629" height="339" /></a><figcaption id="caption-attachment-6619" class="wp-caption-text">result</figcaption></figure>
<p><strong>Step 9:</strong> Use the following color code for shape layer 1 and 2, #(7cbaf8) #(050034) than set the angle of Gradient to (0<sup>o</sup>) for shape layer 1 and (-81) for shape layer 2.</p>
<figure id="attachment_6621" aria-describedby="caption-attachment-6621" style="width: 443px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Gradient.jpg" rel="attachment wp-att-6621"><img loading="lazy" decoding="async" class="size-full wp-image-6621" src="https://www.technig.com/wp-content/uploads/2016/04/Gradient.jpg" alt="Gradient" width="443" height="159" /></a><figcaption id="caption-attachment-6621" class="wp-caption-text">Gradient</figcaption></figure>
<p>the result looks like this.</p>
<figure id="attachment_6624" aria-describedby="caption-attachment-6624" style="width: 731px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Adobe-Logo-2.jpg" rel="attachment wp-att-6623"><img loading="lazy" decoding="async" class="wp-image-6624" src="https://www.technig.com/wp-content/uploads/2016/04/Adobe-Logo-2.jpg" alt="How to Design Creative Facebook Cover Photo?" width="731" height="334" /></a><figcaption id="caption-attachment-6624" class="wp-caption-text">How to Design Creative Facebook Cover Photo?</figcaption></figure>
<p><strong>Step 10:</strong> Do the same steps for two other logo, use this color code #(422f36) #(db007b)  for Id logo set the angle to (0<sup>o</sup>) and (54<sup>o</sup>) for each shape layers, and use this code #(cd9cff) #(0a0740) for top Logo which is Ae logo and set the angle to (90<sup>o</sup>).</p>
<figure id="attachment_6623" aria-describedby="caption-attachment-6623" style="width: 730px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/result-2.jpg" rel="attachment wp-att-6623"><img loading="lazy" decoding="async" class=" wp-image-6623" src="https://www.technig.com/wp-content/uploads/2016/04/result-2.jpg" alt="result" width="730" height="300" /></a><figcaption id="caption-attachment-6623" class="wp-caption-text">result</figcaption></figure>
<p><strong>Step 11:</strong> Now make a shape for the profile picture give it a nice color and than make two shapes to join the profile pic to the center of the document, use gradient for the layers to give it better look, and add a nice background.</p>
<figure id="attachment_6625" aria-describedby="caption-attachment-6625" style="width: 731px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Background.jpg" rel="attachment wp-att-6625"><img loading="lazy" decoding="async" class="wp-image-6625" src="https://www.technig.com/wp-content/uploads/2016/04/Background.jpg" alt="How to Design Creative Facebook Cover Photo?" width="731" height="304" /></a><figcaption id="caption-attachment-6625" class="wp-caption-text">How to Design Creative Facebook Cover Photo?</figcaption></figure>
<p><strong>Step 12:</strong> Its time to cutout the document in a different parts, so to cut an specefic area of any documents in Adobe Photoshop is  use the <strong>Slice Tool. </strong>Slice only  profile picture area and photo cover size as We highlight it with yellow color.</p>
<figure id="attachment_6626" aria-describedby="caption-attachment-6626" style="width: 729px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Slice-Areas.jpg" rel="attachment wp-att-6626"><img loading="lazy" decoding="async" class=" wp-image-6626" src="https://www.technig.com/wp-content/uploads/2016/04/Slice-Areas.jpg" alt="Slice Areas" width="729" height="305" /></a><figcaption id="caption-attachment-6626" class="wp-caption-text">Slice Areas</figcaption></figure>
<p><strong>Final Step:</strong> Now  go to <strong>File &gt; Save for Web</strong> set the format to <strong>Jpeg </strong> click <strong>Save</strong> to save your document, remember to save your document two time one for profile pic and second one for cover photo, Now your file is ready to set on wall of Facebook.</p>
<figure id="attachment_6627" aria-describedby="caption-attachment-6627" style="width: 600px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Save-For-Web-1.jpg" rel="attachment wp-att-6627"><img loading="lazy" decoding="async" class="wp-image-6627 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Save-For-Web-1.jpg" alt="Save For Web - Make Creative Facebook Cover" width="600" height="438" /></a><figcaption id="caption-attachment-6627" class="wp-caption-text">Save For Web &#8211; Make Creative Facebook Cover</figcaption></figure>
<p>We hope you enjoy make Creative Facebook Cover photo tutorial, and try to create your own creative Facebook cover for your Fan page or personal Facebook profile. if you have any question regard to designing creative Facebook cover, feel free to ask us through comment section.</p>
<p><strong>Related Search: </strong></p>
<p>Creative Facebook cover photos maker.<br />
Creative Facebook cover templates.<br />
Creative Facebook cover photos download.<br />
How to make Creative Facebook cover photos.<br />
Creative Facebook cover photos template.<br />
Creative Facebook cover maker.<br />
Creative Facebook cover photos.<br />
Creative Facebook cover pictures.<br />
Creative Facebook cover templates.<br />
Creative Facebook cover photo generator.<br />
Creative Facebook timeline covers.<br />
Photoshop template for Creative Facebook timeline covers.</p>
<p>The post <a href="https://www.technig.com/make-creative-facebook-cover-photoshop/">How to make Creative Facebook Cover Using Photoshop?</a> appeared first on <a href="https://www.technig.com">TECHNIG</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.technig.com/make-creative-facebook-cover-photoshop/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6589</post-id>	</item>
	</channel>
</rss>
