
<?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>Design Logo Archives - TECHNIG</title>
	<atom:link href="https://www.technig.com/tag/design-logo/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.technig.com/tag/design-logo/</link>
	<description>Gateway for IT Experts and Tech Geeks</description>
	<lastBuildDate>Wed, 11 May 2016 16:00:56 +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>Design Logo Archives - TECHNIG</title>
	<link>https://www.technig.com/tag/design-logo/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">162720667</site>	<item>
		<title>How to Design Twitter Logo Using Illustrator?</title>
		<link>https://www.technig.com/design-twitter-logo-using-illustrator/</link>
					<comments>https://www.technig.com/design-twitter-logo-using-illustrator/#respond</comments>
		
		<dc:creator><![CDATA[Ahmad]]></dc:creator>
		<pubDate>Wed, 11 May 2016 16:00:56 +0000</pubDate>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Design Logo]]></category>
		<category><![CDATA[Illustrator Tips]]></category>
		<category><![CDATA[logo des]]></category>
		<category><![CDATA[logo design]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Twitter Logo]]></category>
		<guid isPermaLink="false">https://www.technig.com/?p=7379</guid>

					<description><![CDATA[<div style="margin-bottom:20px;"></div>
<p>In this tutorial I will show you step by step to design Twitter logo using Illustrator. this step by step tutorial is very easy in 12 steps we design the unique logo of Twitter. Design Twitter Logo Using Illustrator This will be the final result of what we are going to create in this design twitter [&#8230;]</p>
<p>The post <a href="https://www.technig.com/design-twitter-logo-using-illustrator/">How to Design Twitter Logo Using Illustrator?</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 I will show you step by step to design Twitter logo using Illustrator. this step by step tutorial is very easy in 12 steps we design the unique logo of Twitter.</p>
<h2>Design Twitter Logo Using Illustrator</h2>
<p>This will be the final result of what we are going to create in this design twitter logo using Illustrator tutorial hope you follow to the end.</p>
<figure id="attachment_7407" aria-describedby="caption-attachment-7407" style="width: 800px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/pre.jpg"><img fetchpriority="high" decoding="async" class="size-full wp-image-7407" src="https://www.technig.com/wp-content/uploads/2016/05/pre.jpg" alt="Design Twitter Logo Using Illustrator - Technig" width="800" height="450" /></a><figcaption id="caption-attachment-7407" class="wp-caption-text">Design Twitter Logo Using Illustrator &#8211; Technig</figcaption></figure>
<p><strong>1.</strong> Open and new document name it (<strong>Twitter Logo</strong>) use Basic RGB profile and click OK. A new document or Art board will opened.</p>
<figure id="attachment_7387" aria-describedby="caption-attachment-7387" style="width: 565px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/New-Document.jpg"><img decoding="async" class="size-full wp-image-7387" src="https://www.technig.com/wp-content/uploads/2016/05/New-Document.jpg" alt="New Document" width="565" height="468" /></a><figcaption id="caption-attachment-7387" class="wp-caption-text">New Document</figcaption></figure>
<p>2. Now pick <strong>Ellipse Tool</strong> and make a perfect circle try to hold down the (<strong>Shift+Alt</strong>) keys to make your circle perfect, as I draw bellow.</p>
<figure id="attachment_7388" aria-describedby="caption-attachment-7388" style="width: 434px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled-4.jpg"><img decoding="async" class="size-full wp-image-7388" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled-4.jpg" alt="Perfect Circle" width="434" height="288" /></a><figcaption id="caption-attachment-7388" class="wp-caption-text">Perfect Circle</figcaption></figure>
<p>3. Make an small circle and place it at the right middle part of the big circle try to make it as mine in image bellow because it will be the head of our twitter logo.</p>
<figure id="attachment_7389" aria-describedby="caption-attachment-7389" style="width: 460px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled1.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7389" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled1.jpg" alt="Design Twitter Logo Using Illustrator - Technig" width="460" height="293" /></a><figcaption id="caption-attachment-7389" class="wp-caption-text">Design Twitter Logo Using Illustrator &#8211; Technig</figcaption></figure>
<p>4. Now select both big and small circles and swap the <strong>Stroke</strong> to <strong>Fill</strong> then make a new circle as I do in image bellow, it will make the body of our Twitter logo.</p>
<figure id="attachment_7391" aria-describedby="caption-attachment-7391" style="width: 503px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled2.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7391" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled2.jpg" alt="Design Twitter Logo Using Illustrator - Technig" width="503" height="277" /></a><figcaption id="caption-attachment-7391" class="wp-caption-text">Design Twitter Logo Using Illustrator &#8211; Technig</figcaption></figure>
<p>5. Select all three circles and divide it, to divide the shape go to <strong>Window&gt;Pathfinder&gt;Divide, </strong>after dividing the circles press (<strong>Shift+Ctrl+G</strong>) to Ungroup the divided circles then try to delete the extra parts of the circles. Your final result should looks like image bellow.</p>
<figure id="attachment_7396" aria-describedby="caption-attachment-7396" style="width: 423px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled3.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7396" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled3.jpg" alt="Design Twitter Logo Using Illustrator - Technig" width="423" height="321" /></a><figcaption id="caption-attachment-7396" class="wp-caption-text">Design Twitter Logo Using Illustrator &#8211; Technig</figcaption></figure>
<p>6. Now draw an small circle the same size of twitter head, place it at as image bellow, and make a copy of that circle move it up as image bellow to make a wing of twitter.</p>
<figure id="attachment_7398" aria-describedby="caption-attachment-7398" style="width: 611px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled4.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7398" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled4.jpg" alt="Twitter Body" width="611" height="407" /></a><figcaption id="caption-attachment-7398" class="wp-caption-text">Twitter Body</figcaption></figure>
<p>7. OK, do the same thing as we did with body of twitter, swap the stroke to fill and use <strong>Divided</strong> Options to divide it and press (<strong>Shift+Ctrl+G</strong>) to ungroup  it, delete the extra parts till your twitter wing looks like bellow it looks like moon. And do the same process for second wing.</p>
<figure id="attachment_7399" aria-describedby="caption-attachment-7399" style="width: 615px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled5.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7399" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled5.jpg" alt="Twitter Body - Technig" width="615" height="503" /></a><figcaption id="caption-attachment-7399" class="wp-caption-text">Twitter Body &#8211; Technig</figcaption></figure>
<p>8. Select both of the circles and swap the stroke to fill and divide it then ungroup it delete the extra parts till your image looking like bellow.</p>
<figure id="attachment_7400" aria-describedby="caption-attachment-7400" style="width: 511px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled6.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7400" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled6.jpg" alt="Twitter Wings - Technig" width="511" height="347" /></a><figcaption id="caption-attachment-7400" class="wp-caption-text">Twitter Wings &#8211; Technig</figcaption></figure>
<p>9. The last wing, draw a new circle and copy it and past it scale it up till it looks like image bellow, the last wing should be bigger and thicker than other wings</p>
<figure id="attachment_7401" aria-describedby="caption-attachment-7401" style="width: 563px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled7.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7401" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled7.jpg" alt="Twitter Wings - Technig" width="563" height="425" /></a><figcaption id="caption-attachment-7401" class="wp-caption-text">Twitter Wings &#8211; Technig</figcaption></figure>
<p>10. Now swap the stroke to fill and do the same process as we did for previous steps then delete the extra parts, after deleting the extra parts your final result should looks like image bellow.</p>
<figure id="attachment_7402" aria-describedby="caption-attachment-7402" style="width: 571px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled8.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7402" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled8.jpg" alt="Design Twitter Logo Using Illustrator - Technig" width="571" height="363" /></a><figcaption id="caption-attachment-7402" class="wp-caption-text">Design Twitter Logo Using Illustrator &#8211; Technig</figcaption></figure>
<p>11. Use Pen tool to delete and add the extra parts of wings, and draw two circle to make the mouth of the twitter it is very easy as the previous steps, draw the circles as image bellow.</p>
<figure id="attachment_7403" aria-describedby="caption-attachment-7403" style="width: 546px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled-5.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7403" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled-5.jpg" alt="Design Twitter Logo Using Illustrator - Technig" width="546" height="419" /></a><figcaption id="caption-attachment-7403" class="wp-caption-text">Design Twitter Logo Using Illustrator &#8211; Technig</figcaption></figure>
<p>12. Now create the top beak of the twitter as image bellow and swap the color then divide it and do the same process as previous steps. And select all the parts and Unit them then give this color code (<strong>28A9E1</strong>) for the color of Twitter.</p>
<figure id="attachment_7404" aria-describedby="caption-attachment-7404" style="width: 414px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/05/Untitled-6.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7404" src="https://www.technig.com/wp-content/uploads/2016/05/Untitled-6.jpg" alt="Design Twitter Logo Using Illustrator - Technig" width="414" height="289" /></a><figcaption id="caption-attachment-7404" class="wp-caption-text">Design Twitter Logo Using Illustrator &#8211; Technig</figcaption></figure>
<p>That is it, hope you like the tutorial if you have any question fell free to leave your question in comment section bellow.</p>
<p>The post <a href="https://www.technig.com/design-twitter-logo-using-illustrator/">How to Design Twitter Logo Using Illustrator?</a> appeared first on <a href="https://www.technig.com">TECHNIG</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.technig.com/design-twitter-logo-using-illustrator/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7379</post-id>	</item>
		<item>
		<title>How to Design a Bird Logo Inspiration in Photoshop?</title>
		<link>https://www.technig.com/design-bird-logo-inspiration-photoshop/</link>
					<comments>https://www.technig.com/design-bird-logo-inspiration-photoshop/#respond</comments>
		
		<dc:creator><![CDATA[Ghulam Abbas]]></dc:creator>
		<pubDate>Sun, 01 May 2016 06:00:59 +0000</pubDate>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Attractive Logo]]></category>
		<category><![CDATA[Design Logo]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Photoshop Tips]]></category>
		<guid isPermaLink="false">https://www.technig.com/?p=7225</guid>

					<description><![CDATA[<div style="margin-bottom:20px;"></div>
<p>There are many different logos all over the internet, today I have decided to show you how to create bird logo inspiration with Photoshop. While creating this project you will be introduce with pen tool, layer effects like bevel &#38; emboss, outer glow, drop shadow, satin and at last the most important one and only is [&#8230;]</p>
<p>The post <a href="https://www.technig.com/design-bird-logo-inspiration-photoshop/">How to Design a Bird Logo Inspiration 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>There are many different logos all over the internet, today I have decided to show you how to create bird <a href="http://logospire.com/" target="_blank" rel="noopener noreferrer">logo inspiration</a> with Photoshop. While creating this project you will be introduce with pen tool, layer effects like bevel &amp; emboss, outer glow, drop shadow, satin and at last the most important one and only is layer style from Blending options.</p>
<h1>Design Bird Logo Inspiration</h1>
<p><strong>1.</strong> Create a new document by width of 832 pixels and 567 pixels’ height with 300 resolutions. After that fill it with black color by pressing <strong>Alt+ Backspace. </strong></p>
<p><strong>2.</strong> Press <strong>P</strong> to select <strong>Pen Tool </strong>and then draw something like this, if you can’t draw by your own self then open the 01- bird logo inspiration image and then with pen tool selected draw it like screenshot.</p>
<p><strong>Note: </strong>Remember settings of pen tool must be in shape mode.</p>
<figure id="attachment_7226" aria-describedby="caption-attachment-7226" style="width: 698px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-7226" src="https://www.technig.com/wp-content/uploads/2016/04/01-Bird-logo-inspiration.jpg" alt="Bird logo inspiration" width="698" height="335" /><figcaption id="caption-attachment-7226" class="wp-caption-text">Bird logo inspiration</figcaption></figure>
<p><strong>3. </strong>After drawing the bird shape it is time to apply effects on the bird to look more attractive. Go to bird layer, right click and select blending options. Let’s start applying effects from drop shadow, and apply these settings like screenshot.</p>
<figure id="attachment_7227" aria-describedby="caption-attachment-7227" style="width: 797px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-7227 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/02-Drop-shadow-settings.jpg" alt="Drop shadow settings - Bird logo inspiration" width="797" height="475" /><figcaption id="caption-attachment-7227" class="wp-caption-text">Drop shadow settings &#8211; Bird logo inspiration</figcaption></figure>
<p><strong>4. </strong>After applying the drop shadow settings, go to Outer glow and put it&#8217;s blend mode to screen, opacity of 35%, Noise of 0%, and see other options in screenshot.</p>
<figure id="attachment_7228" aria-describedby="caption-attachment-7228" style="width: 798px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-7228 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/03-Outer-Glow-settings.jpg" alt="Outer Glow settings - Bird logo inspiration" width="798" height="473" /><figcaption id="caption-attachment-7228" class="wp-caption-text">Outer Glow settings &#8211; Bird logo inspiration</figcaption></figure>
<p><strong>5. </strong>After applying those settings for drop shadow and outer glow go to Bevel and emboss, put its style to inner shadow, Technique of smooth, Depth of 1000, Direction to up and many more setting which you see like screenshot.</p>
<figure id="attachment_7229" aria-describedby="caption-attachment-7229" style="width: 797px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-7229 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/04-Bevel-Emboss.jpg" alt="Bevel &amp;amp; Emboss - Bird logo inspiration - Technig" width="797" height="473" /><figcaption id="caption-attachment-7229" class="wp-caption-text">Bevel &amp; Emboss &#8211; Bird logo inspiration &#8211; Technig</figcaption></figure>
<p><strong>6. </strong>For contour settings put its amount 50 and you will have this effect like screenshot.</p>
<figure id="attachment_7230" aria-describedby="caption-attachment-7230" style="width: 687px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-7230" src="https://www.technig.com/wp-content/uploads/2016/04/07-Bird-logo-inspiration.jpg" alt="Bird logo inspiration" width="687" height="322" /><figcaption id="caption-attachment-7230" class="wp-caption-text">Bird logo inspiration</figcaption></figure>
<p><strong>7. </strong>Next duplicate it by pressing <strong>Ctrl+ J</strong> the bird layer, remember the effects must be applying too, if it didn’t again duplicate it and select both copied bird image and then press <strong>Ctrl+ E </strong>to merge them. After duplicating, applying the effects again right click and select blending options, this time select <strong>satin </strong>and apply these settings like screenshot.</p>
<figure id="attachment_7233" aria-describedby="caption-attachment-7233" style="width: 798px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-7233 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/08-Satin-Settings-1.jpg" alt="Satin settings - Bird Logo Inspiration" width="798" height="475" /><figcaption id="caption-attachment-7233" class="wp-caption-text">Satin settings &#8211; Bird Logo Inspiration</figcaption></figure>
<p><strong>8. </strong>After applying the settings for satin, check again bevel &amp; Emboss and again apply these settings like screenshot. And for contour settings put its amount to 50.</p>
<figure id="attachment_7234" aria-describedby="caption-attachment-7234" style="width: 799px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-7234 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/09-Bevel-Emboss-2.jpg" alt="Bevel &amp; Emboss 2 - Bird Logo Inspiration" width="799" height="472" /><figcaption id="caption-attachment-7234" class="wp-caption-text">Bevel &amp; Emboss 2</figcaption></figure>
<p><strong>9. </strong>The last thing which is so important is applying style to the bird. In order to apply style effect, click on the style to the top which you can see and then select the one which is bordered with blue color like screenshot.</p>
<figure id="attachment_7235" aria-describedby="caption-attachment-7235" style="width: 799px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-7235 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/10-Style-effect.jpg" alt="Style effect - Bird Logo Inspiration" width="799" height="473" /><figcaption id="caption-attachment-7235" class="wp-caption-text">Style effect</figcaption></figure>
<p><strong>10. </strong>Excellent till this step you have created your logo and it seems like screenshot.</p>
<figure id="attachment_7237" aria-describedby="caption-attachment-7237" style="width: 718px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-7237" src="https://www.technig.com/wp-content/uploads/2016/04/11-Bird-logo-1.jpg" alt="Bird logo inspiration" width="718" height="335" /><figcaption id="caption-attachment-7237" class="wp-caption-text">Bird logo inspiration</figcaption></figure>
<p>With some editing and apply different affects you can change complete design of yourself, I only copied and again with some other effects.</p>
<figure id="attachment_7241" aria-describedby="caption-attachment-7241" style="width: 1006px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-7241" src="https://www.technig.com/wp-content/uploads/2016/04/bird-logo-inspiration.jpg" alt="Bird logo inspiration" width="1006" height="459" /><figcaption id="caption-attachment-7241" class="wp-caption-text">Bird logo inspiration</figcaption></figure>
<p>I hope you have learned something from this lesson of <a href="https://www.technig.com/tag/photoshop-tips/" target="_blank" rel="noopener noreferrer">Photoshop Tips</a>, your comments and feedback will make my Articles better.</p>
<p>The post <a href="https://www.technig.com/design-bird-logo-inspiration-photoshop/">How to Design a Bird Logo Inspiration in Photoshop?</a> appeared first on <a href="https://www.technig.com">TECHNIG</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.technig.com/design-bird-logo-inspiration-photoshop/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7225</post-id>	</item>
		<item>
		<title>How to Design Linux Logo in 12 Steps Using Illustrator?</title>
		<link>https://www.technig.com/design-linux-logo-illustrator/</link>
					<comments>https://www.technig.com/design-linux-logo-illustrator/#respond</comments>
		
		<dc:creator><![CDATA[Ahmad]]></dc:creator>
		<pubDate>Fri, 29 Apr 2016 06:30:28 +0000</pubDate>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Design Logo]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Illustrator Tips]]></category>
		<guid isPermaLink="false">https://www.technig.com/?p=7144</guid>

					<description><![CDATA[<div style="margin-bottom:20px;"></div>
<p>In this step by step tutorial I will show you to design Linux logo using Illustrator, which is pretty easy to do it in Illustrator, we will use shape tools, gradient, pathfinder option and some other stuff to do this great Linux logo tutorial. Design Linux Logo in Illustrator lets see what we will create in this [&#8230;]</p>
<p>The post <a href="https://www.technig.com/design-linux-logo-illustrator/">How to Design Linux Logo in 12 Steps Using Illustrator?</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 step by step tutorial I will show you to design Linux logo using Illustrator, which is pretty easy to do it in Illustrator, we will use shape tools, gradient, pathfinder option and some other stuff to do this great Linux logo tutorial.</p>
<h2>Design Linux Logo in Illustrator</h2>
<p>lets see what we will create in this great Design Logo article, then follow all the steps to the end you will do it and other sameler  logo in Illustrator.</p>
<figure id="attachment_7151" aria-describedby="caption-attachment-7151" style="width: 782px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/LinuxLogoLux.jpg"><img loading="lazy" decoding="async" class="wp-image-7151 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/LinuxLogoLux.jpg" alt="Design Linux Logo Using Illustrator - Technig" width="782" height="505" /></a><figcaption id="caption-attachment-7151" class="wp-caption-text">Design Linux Logo Using Illustrator &#8211; Technig</figcaption></figure>
<p><strong>1.</strong> Open a new Basic RGB document and pick Ellipse tool then create three ellipse as bellow do not draw all ellipse the same try to make the ellipse different sizes.</p>
<figure id="attachment_7152" aria-describedby="caption-attachment-7152" style="width: 495px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Ellipse.jpg"><img loading="lazy" decoding="async" class="wp-image-7152 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Ellipse.jpg" alt="Three Ellipse to design Linux Logo " width="495" height="353" /></a><figcaption id="caption-attachment-7152" class="wp-caption-text">Three Ellipse to design Linux Logo</figcaption></figure>
<p><strong>2.</strong> Now select all the three ellipse and use <strong>Horizontal Align Center</strong> to align all three ellipse then swap  the Stroke of the ellipse to Fill it should be black, go to pathfinder option and Unite the ellipse.</p>
<figure id="attachment_7153" aria-describedby="caption-attachment-7153" style="width: 534px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Linux-logo.jpg"><img loading="lazy" decoding="async" class="wp-image-7153 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Linux-logo.jpg" alt="Body of Linux logo to design Linux Logo " width="534" height="320" /></a><figcaption id="caption-attachment-7153" class="wp-caption-text">Body of Linux logo to design Linux Logo</figcaption></figure>
<p><strong>3.</strong> OK! pick ellipse tool again and draw a shape on middle part of the Linux body the copy it to the other side in order to remove the middle part that come out.</p>
<figure id="attachment_7154" aria-describedby="caption-attachment-7154" style="width: 570px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Linux-logo2.jpg"><img loading="lazy" decoding="async" class="wp-image-7154 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Linux-logo2.jpg" alt="Design Linux Logo in Illustrator" width="570" height="333" /></a><figcaption id="caption-attachment-7154" class="wp-caption-text">Design Linux Logo in Illustrator</figcaption></figure>
<p><strong>4.</strong> Now use the Subtract operation from pathfinder option to remove the extra part of linux body, after removing the extra part create a new ellipse for abdomen of Linux.</p>
<figure id="attachment_7162" aria-describedby="caption-attachment-7162" style="width: 560px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Linux-logo3.jpg"><img loading="lazy" decoding="async" class="wp-image-7162 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Linux-logo3.jpg" alt="Design Linux Logo Using Illustrator - Technig" width="560" height="344" /></a><figcaption id="caption-attachment-7162" class="wp-caption-text">Design Linux Logo Using Illustrator &#8211; Technig</figcaption></figure>
<p><strong>5.</strong> Copy the circle and scale it horizontally a little bit and change color back circle to light gray and add two more elements at the bottom side of your Linux with a dark gray color as bellow.</p>
<figure id="attachment_7163" aria-describedby="caption-attachment-7163" style="width: 665px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Linux-logo-4.jpg"><img loading="lazy" decoding="async" class="wp-image-7163 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Linux-logo-4.jpg" alt="Design Linux Logo Using Illustrator - Technig" width="665" height="500" /></a><figcaption id="caption-attachment-7163" class="wp-caption-text">Design Linux Logo Using Illustrator &#8211; Technig</figcaption></figure>
<p><strong>6.</strong> OK now try to create the feet of Linux use ellipse tool to create the feet, first draw an ellipse like image <strong>(1) </strong>then cute the bottom part of the ellipse and use the following color codes (<strong>FFFF00</strong>) (<strong>F07A00</strong>) for gradients sliders, do not forget to change the Type of <strong>Gradient</strong> from <strong>Linear</strong> to <strong>Radial</strong>.</p>
<figure id="attachment_7165" aria-describedby="caption-attachment-7165" style="width: 662px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Foot.jpg"><img loading="lazy" decoding="async" class="wp-image-7165" src="https://www.technig.com/wp-content/uploads/2016/04/Foot-e1461736212220.jpg" alt="Linux Foot - Design Linux Logo " width="662" height="246" /></a><figcaption id="caption-attachment-7165" class="wp-caption-text">Linux Foot &#8211; Design Linux Logo</figcaption></figure>
<p><strong>7.</strong> Draw a new circle on foot of Linux and use white gradient for one slider of gradient editor and for other slider bring down the opacity of that slider, and change the angle of gradient to <strong>90<sup>o</sup></strong>. So select all the foot and group it then put it in right bottom side of the Linux and make a copy for left side.</p>
<figure id="attachment_7167" aria-describedby="caption-attachment-7167" style="width: 758px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Light.jpg"><img loading="lazy" decoding="async" class="wp-image-7167 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Light.jpg" alt="Lighting for Design Linux Logo " width="758" height="287" /></a><figcaption id="caption-attachment-7167" class="wp-caption-text">Lighting for Design Linux Logo</figcaption></figure>
<figure id="attachment_7172" aria-describedby="caption-attachment-7172" style="width: 592px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Linux.jpg"><img loading="lazy" decoding="async" class="wp-image-7172 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Linux.jpg" alt="Design Linux Logo Using Illustrator - Technig" width="592" height="471" /></a><figcaption id="caption-attachment-7172" class="wp-caption-text">Design Linux Logo Using Illustrator &#8211; Technig</figcaption></figure>
<p><strong>8.</strong> Now lets create the eyes of linux logo. pick the Ellipse tool and draw two ellipse like bellow and set this color code (<strong>E8E8E8</strong>) for both ellipse, then make the pupil part of the eyes with black color and add some shapes for lighting as bellow,.</p>
<figure id="attachment_7177" aria-describedby="caption-attachment-7177" style="width: 758px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Eyes.jpg"><img loading="lazy" decoding="async" class="wp-image-7177 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Eyes.jpg" alt="Linux Eyes - Design Linux Logo " width="758" height="360" /></a><figcaption id="caption-attachment-7177" class="wp-caption-text">Linux Eyes &#8211; Design Linux Logo</figcaption></figure>
<p><strong>9.</strong> Now pick <strong>Polygon Tool</strong> and draw triangle  then select each corner of triangle with <strong>Direct Selection Tool </strong>and convert it from corner to smooth anchor points to make the mouth of our Linux logo.</p>
<figure id="attachment_7178" aria-describedby="caption-attachment-7178" style="width: 758px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Triangle2.jpg"><img loading="lazy" decoding="async" class="wp-image-7178 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Triangle2.jpg" alt="Mouth - Design Linux Logo " width="758" height="360" /></a><figcaption id="caption-attachment-7178" class="wp-caption-text">Mouth &#8211; Design Linux Logo</figcaption></figure>
<p><strong>10.</strong> Now apply gradient on mouth shape use the following hex code color (<strong>FFF400</strong>) (<strong>D78B00</strong>) set type of gradient to <strong>Radial, </strong>then add some lights for the mouth shape as bellow.</p>
<figure id="attachment_7180" aria-describedby="caption-attachment-7180" style="width: 531px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Crea.jpg"><img loading="lazy" decoding="async" class="wp-image-7180 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Crea.jpg" alt="Design Linux Logo Using Illustrator - Technig" width="531" height="471" /></a><figcaption id="caption-attachment-7180" class="wp-caption-text">Design Linux Logo Using Illustrator &#8211; Technig</figcaption></figure>
<p><strong>11.</strong> Now draw an ellipse on head of linux for making the light that dropped on its head, use the same tips that we used for foot of Linux, your ellipse should look like mine bellow, add eyebrows for both eyes.</p>
<figure id="attachment_7181" aria-describedby="caption-attachment-7181" style="width: 414px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Eyes1.jpg"><img loading="lazy" decoding="async" class="wp-image-7181 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Eyes1.jpg" alt="Design Linux Logo Using Illustrator - Technig" width="414" height="325" /></a><figcaption id="caption-attachment-7181" class="wp-caption-text">Design Linux Logo Using Illustrator &#8211; Technig</figcaption></figure>
<p><strong>12.</strong> Last thing you should do it by yourself is the hands of Linux use pen tool to draw it and then add some light and shadow to it for better looks.</p>
<figure id="attachment_7182" aria-describedby="caption-attachment-7182" style="width: 458px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Eyes1-1.jpg"><img loading="lazy" decoding="async" class="wp-image-7182 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Eyes1-1.jpg" alt="Design Linux Logo in Illustrator - Technig" width="458" height="338" /></a><figcaption id="caption-attachment-7182" class="wp-caption-text">Design Linux Logo in Illustrator &#8211; Technig</figcaption></figure>
<p>That is it, In 12 steps we design Linux logo with Illustrator, hope you like this article if you find any question regarded to the tutorial please leave comment below in comment section.</p>
<p>The post <a href="https://www.technig.com/design-linux-logo-illustrator/">How to Design Linux Logo in 12 Steps Using Illustrator?</a> appeared first on <a href="https://www.technig.com">TECHNIG</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.technig.com/design-linux-logo-illustrator/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7144</post-id>	</item>
		<item>
		<title>How to Design Fox Logo with Illustrator? Step by Step Guide</title>
		<link>https://www.technig.com/design-fox-logo-illustrator/</link>
					<comments>https://www.technig.com/design-fox-logo-illustrator/#respond</comments>
		
		<dc:creator><![CDATA[Ahmad]]></dc:creator>
		<pubDate>Wed, 20 Apr 2016 06:30:00 +0000</pubDate>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Attractive Logo]]></category>
		<category><![CDATA[Design Logo]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[Illustrator Tips]]></category>
		<guid isPermaLink="false">https://www.technig.com/?p=6970</guid>

					<description><![CDATA[<div style="margin-bottom:20px;"></div>
<p>In this step by step logo design tutorial, I am trying to show you all the tips and tricks to create and design Fox Logo with Adobe Illustrator. I will explain and guide you the complete and easy way to design fox logo in Illustrator. Remember that the idea of the fox logo is not mine, [&#8230;]</p>
<p>The post <a href="https://www.technig.com/design-fox-logo-illustrator/">How to Design Fox Logo with Illustrator? Step by Step Guide</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 step by step logo design tutorial, I am trying to show you all the tips and tricks to create and design Fox Logo with <a href="http://www.adobe.com/products/illustrator.html" target="_blank" rel="noopener noreferrer">Adobe Illustrator</a>. I will explain and guide you the complete and easy way to design fox logo in Illustrator. Remember that the idea of the fox logo is not mine, I saw it on Google and now trying to show you the ways of designing this fox logo in Illustrator.</p>
<h2>Design Fox Logo In Illustrator</h2>
<p>Let&#8217;s see, how we will design attractive fox logo in Illustrator. The main goal of this logo design tutorial is an easy guide for you to work fast and best.</p>
<figure id="attachment_6975" aria-describedby="caption-attachment-6975" style="width: 742px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Fox-Logo.jpg"><img loading="lazy" decoding="async" class="wp-image-6975" src="https://www.technig.com/wp-content/uploads/2016/04/Fox-Logo.jpg" alt="Design Fox Logo in Illustrator - Technig" width="742" height="433" /></a><figcaption id="caption-attachment-6975" class="wp-caption-text">Design Fox Logo in Illustrator &#8211; Technig</figcaption></figure>
<p><strong>1. </strong>Open a new document 1000 x 700 px, name it Fox Logo click OK, then pick <strong>Rectangle</strong> tool and make a shape to the size of  the<strong> Art board</strong> and give this color code (<strong>172D49</strong>) for the rectangle and name this layer Background lock the Background layer.</p>
<figure id="attachment_6978" aria-describedby="caption-attachment-6978" style="width: 569px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Illustrator-New-Document.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6978" src="https://www.technig.com/wp-content/uploads/2016/04/Illustrator-New-Document.jpg" alt="Illustrator New Document" width="569" height="471" /></a><figcaption id="caption-attachment-6978" class="wp-caption-text">Illustrator New Document</figcaption></figure>
<p><strong>2. </strong>Create new layer, name it <strong>Main</strong>, then  pick the <strong>Ellipse</strong> tool and create an <strong>Ellipse</strong> horizontally choice no fill for <strong>Fill</strong> color and white for <strong>Stroke</strong>.</p>
<figure id="attachment_6982" aria-describedby="caption-attachment-6982" style="width: 426px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6982" src="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator.jpg" alt="Design Attractive Fox Logo in Illustrator" width="426" height="263" /></a><figcaption id="caption-attachment-6982" class="wp-caption-text">Design Attractive Fox Logo in Illustrator</figcaption></figure>
<p><strong>3. </strong>Now press (<strong>Ctrl+C</strong>) to copy and (<strong>Shift+Ctrl+V</strong>) to past it in place, then resize the copied shape and move it up a little bit  to make the white part which is the tail of Fox.</p>
<figure id="attachment_6983" aria-describedby="caption-attachment-6983" style="width: 621px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-1.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6983" src="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-1.jpg" alt="Design Attractive Fox Logo in Illustrator - Technig" width="621" height="547" /></a><figcaption id="caption-attachment-6983" class="wp-caption-text">Design Attractive Fox Logo in Illustrator &#8211; Technig</figcaption></figure>
<p><strong>4. </strong>Make a copy of the large by holding down the (<strong>Alt+Left Mouse Key</strong>) or use <strong>(Ctrl+C) </strong>to copy<strong> </strong>and<strong> (Ctrl+F) </strong>circle and move it to left, do not scale or rotate it, to make the second body part of the Fox.</p>
<figure id="attachment_6984" aria-describedby="caption-attachment-6984" style="width: 611px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-2.jpg"><img loading="lazy" decoding="async" class=" wp-image-6984" src="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-2.jpg" alt="Design Attractive Fox Logo in Illustrator - Technig" width="611" height="534" /></a><figcaption id="caption-attachment-6984" class="wp-caption-text">Design Attractive Fox Logo in Illustrator &#8211; Technig</figcaption></figure>
<p><strong>5. </strong>Make another copy of the third circle and scale it up a little, and move to the left, to make the third part of the Fox, it may looks crazy for now but it is the easy way and the final result looks perfect.</p>
<figure id="attachment_6985" aria-describedby="caption-attachment-6985" style="width: 610px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-3.jpg"><img loading="lazy" decoding="async" class=" wp-image-6985" src="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-3.jpg" alt="Design Attractive Fox Logo in Illustrator - Technig" width="610" height="482" /></a><figcaption id="caption-attachment-6985" class="wp-caption-text">Design Attractive Fox Logo in Illustrator &#8211; Technig</figcaption></figure>
<p><strong>6. </strong>Make the last copy and move it again to the left and scale it up from the top side of the circle and try to align it carefully like image below.</p>
<figure id="attachment_6986" aria-describedby="caption-attachment-6986" style="width: 615px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-4.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6986" src="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-4.jpg" alt="Design Attractive Fox Logo in Illustrator - Technig" width="615" height="475" /></a><figcaption id="caption-attachment-6986" class="wp-caption-text">Design Attractive Fox Logo in Illustrator &#8211; Technig</figcaption></figure>
<p><strong>7.</strong> Now select all of the circles and swap the <strong>Fill</strong> and <strong>Stroke </strong>color <strong>(Shift+X) </strong>then go to <strong>Window&gt; Pathfinder </strong>then use Divide operation to divide all the circles path then press <strong>(Shift+Ctrl+G) </strong> to ungroup the circles.</p>
<figure id="attachment_6988" aria-describedby="caption-attachment-6988" style="width: 617px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-5.jpg"><img loading="lazy" decoding="async" class=" wp-image-6988" src="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-5.jpg" alt="Design Attractive Fox Logo in Illustrator - Technig" width="617" height="392" /></a><figcaption id="caption-attachment-6988" class="wp-caption-text">Design Attractive Fox Logo in Illustrator &#8211; Technig</figcaption></figure>
<p><strong>8.</strong> It is time to delete extra part of the divided circles to make the body of the Fox, delete the color part of the circles as I colored to guide you do not delete the white parts.</p>
<figure id="attachment_6989" aria-describedby="caption-attachment-6989" style="width: 561px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-6.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6989" src="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-6.jpg" alt="Design Attractive Fox Logo in Illustrator " width="561" height="453" /></a><figcaption id="caption-attachment-6989" class="wp-caption-text">Design Attractive Fox Logo in Illustrator</figcaption></figure>
<p><strong>9. </strong>After deleting the extra parts of the circles, your logo should looks like bellow,it looks like moon. if it is not as like my logo, try to delete the colored parts carefully.</p>
<figure id="attachment_6990" aria-describedby="caption-attachment-6990" style="width: 574px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-7.jpg"><img loading="lazy" decoding="async" class=" wp-image-6990" src="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-7.jpg" alt="Design Attractive Fox Logo in Illustrator " width="574" height="420" /></a><figcaption id="caption-attachment-6990" class="wp-caption-text">Design Attractive Fox Logo in Illustrator</figcaption></figure>
<p><strong>10. </strong>Now try to <strong>Unite</strong> the the remain parts of the circles carefully as I do it like below, and fill each part with a different colors, no matter which color you <strong>Fill</strong> with, because we will fill it whit gradient later.</p>
<figure id="attachment_6992" aria-describedby="caption-attachment-6992" style="width: 484px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-8.jpg"><img loading="lazy" decoding="async" class="wp-image-6992 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-8-e1460889463989.jpg" alt="Design Attractive Fox Logo in Illustrator - Technig" width="484" height="300" /></a><figcaption id="caption-attachment-6992" class="wp-caption-text">Design Attractive Fox Logo in Illustrator &#8211; Technig</figcaption></figure>
<p><strong>11. </strong>Make a new <strong>Ellipse</strong> vertically fill it with white color, and align the anchor points to the dark orange part of the Fox&#8217;s body play with anchor point handles, try your best till it looks like bellow.</p>
<figure id="attachment_6993" aria-describedby="caption-attachment-6993" style="width: 477px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-9.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6993" src="https://www.technig.com/wp-content/uploads/2016/04/Design-Attractive-Fox-Logo-in-Illustrator-9.jpg" alt="Design Attractive Fox Logo in Illustrator - Technig" width="477" height="471" /></a><figcaption id="caption-attachment-6993" class="wp-caption-text">Design Attractive Fox Logo in Illustrator &#8211; Technig</figcaption></figure>
<p><strong>12. </strong>Now pick <strong>Rectangle</strong> tool and make a perfect square then <strong>rotate</strong> it and use <strong>Direct Selection</strong> tool and select the top and bottom <strong>Anchor Points</strong> then convert it to smooth anchor point, then play a little whit the handles till you get the result as bellow.</p>
<figure id="attachment_7008" aria-describedby="caption-attachment-7008" style="width: 530px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/۱-1.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7008" src="https://www.technig.com/wp-content/uploads/2016/04/۱-1.jpg" alt="Design Attractive Fox Logo in Illustrator - Technig" width="530" height="291" /></a><figcaption id="caption-attachment-7008" class="wp-caption-text">Design Attractive Fox Logo in Illustrator &#8211; Technig</figcaption></figure>
<p><strong>13. </strong>Copy the head shape and scale it down and change the color it to orange color and align the top paths to the white head shape use <strong>Direct Selection</strong> tool to do it.</p>
<figure id="attachment_7009" aria-describedby="caption-attachment-7009" style="width: 359px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/۱-2.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7009" src="https://www.technig.com/wp-content/uploads/2016/04/۱-2.jpg" alt="Orange Color head" width="359" height="228" /></a><figcaption id="caption-attachment-7009" class="wp-caption-text">Orange Color head</figcaption></figure>
<p><strong>14. </strong>Time to make ears to our fox logo, so make an <strong>ellipse</strong> as <strong>image 1</strong> bellow then use <strong>Anchor Point</strong> tool which is in group of <strong>Pen tool</strong>. And now select the right anchor point of the ellipse and play whit the handles and make the ellipse as <strong>image 2</strong>.</p>
<figure id="attachment_7010" aria-describedby="caption-attachment-7010" style="width: 609px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/۱-3.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7010" src="https://www.technig.com/wp-content/uploads/2016/04/۱-3.jpg" alt="Ear " width="609" height="215" /></a><figcaption id="caption-attachment-7010" class="wp-caption-text">Ear</figcaption></figure>
<p><strong>15.</strong> Now make a copy of ear and scale it horizontally then change it&#8217;s color to orange and select both white and orange ears group them, then <strong>Rotate</strong> it and use <strong>Reflect</strong> tool make a copy of the ears as bellow.</p>
<figure id="attachment_7011" aria-describedby="caption-attachment-7011" style="width: 408px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Ears.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-7011" src="https://www.technig.com/wp-content/uploads/2016/04/Ears.jpg" alt="Fox Ears - Technig" width="408" height="229" /></a><figcaption id="caption-attachment-7011" class="wp-caption-text">Fox Ears &#8211; Technig</figcaption></figure>
<p><strong>16. </strong>Don not forget to create the left hand of the fox use Ellipse tool to create it and give it orange color. It is time to put all parts of Fox together, so place each part as bellow and our Fox logo design has been done, your Fox look like this and try to use gradient for orange part of the Fox body.</p>
<figure id="attachment_7014" aria-describedby="caption-attachment-7014" style="width: 559px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Ears-1.jpg"><img loading="lazy" decoding="async" class="wp-image-7014 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Ears-1.jpg" alt="Final Result's of design Fox logo in Illustrator - Technig" width="559" height="476" /></a><figcaption id="caption-attachment-7014" class="wp-caption-text">Final Result&#8217;s of design Fox logo in Illustrator &#8211; Technig</figcaption></figure>
<p>Thanks for following, hope you enjoy this design fox logo in Illustrator, if you have any question regarded to the tutorial feel free to ask in comment section bellow.</p>
<p>The post <a href="https://www.technig.com/design-fox-logo-illustrator/">How to Design Fox Logo with Illustrator? Step by Step Guide</a> appeared first on <a href="https://www.technig.com">TECHNIG</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.technig.com/design-fox-logo-illustrator/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6970</post-id>	</item>
		<item>
		<title>How to Design Attractive Logo in Illustrator?</title>
		<link>https://www.technig.com/design-attractive-logo-inside-illustrator/</link>
					<comments>https://www.technig.com/design-attractive-logo-inside-illustrator/#comments</comments>
		
		<dc:creator><![CDATA[Ahmad]]></dc:creator>
		<pubDate>Sun, 17 Apr 2016 05:30:34 +0000</pubDate>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Design Logo]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[Illustrator Tips]]></category>
		<guid isPermaLink="false">https://www.technig.com/?p=6911</guid>

					<description><![CDATA[<div style="margin-bottom:20px;"></div>
<p>Creating and designing a new logo is not very simple. But I&#8217;m trying to clearly explain this in step by step guide to create and complete this Illustrator article. It&#8217;s all about to create and design attractive logo inside Illustrator. It&#8217;s just an example I have chosen to demonstrate in logo designing article. But you can [&#8230;]</p>
<p>The post <a href="https://www.technig.com/design-attractive-logo-inside-illustrator/">How to Design Attractive Logo in Illustrator?</a> appeared first on <a href="https://www.technig.com">TECHNIG</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin-bottom:20px;"></div><p>Creating and designing a new logo is not very simple. But I&#8217;m trying to clearly explain this in step by step guide to create and complete this Illustrator article. It&#8217;s all about to create and design attractive logo inside Illustrator. It&#8217;s just an example I have chosen to demonstrate in logo designing article. But you can create and design logo with your own creative idea using Illustrator or <a href="https://www.technig.com/tag/photoshop-tips/" target="_blank" rel="noopener noreferrer">Photoshop tips</a>.</p>
<h2>Design Attractive Logo inside Illustrator</h2>
<p>Let&#8217;s see, how do we create and design attractive logo inside Illustrator. The core concept is creating a simple and meaningful logo. Try your best to follow article and create your own company logo.</p>
<figure id="attachment_6957" aria-describedby="caption-attachment-6957" style="width: 800px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Untitled-1-2.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6957" src="https://www.technig.com/wp-content/uploads/2016/04/Untitled-1-2.jpg" alt="Design Logo In Illustrator - Technig" width="800" height="400" /></a><figcaption id="caption-attachment-6957" class="wp-caption-text">Design Logo In Illustrator &#8211; Technig</figcaption></figure>
<p>So it&#8217;s  a cool state logo we are going to show how to create it. <span style="line-height: 1.5;">Open new document 700 x 500 px Profile Basic RGB.</span></p>
<figure id="attachment_6918" aria-describedby="caption-attachment-6918" style="width: 563px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/New-Document-1.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6918" src="https://www.technig.com/wp-content/uploads/2016/04/New-Document-1.jpg" alt="New Document" width="563" height="468" /></a><figcaption id="caption-attachment-6918" class="wp-caption-text">New Document in Illustrator</figcaption></figure>
<p>Now select non for <strong>Fill</strong> color and use this color code(<strong>1A213D</strong>) for  <strong>Stroke, </strong>then pick Rectangle tool and create a rectangle as below.</p>
<figure id="attachment_6933" aria-describedby="caption-attachment-6933" style="width: 512px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Arrow-3.jpg"><img loading="lazy" decoding="async" class="wp-image-6933 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Arrow-3.jpg" alt="Create logo" width="512" height="329" /></a><figcaption id="caption-attachment-6933" class="wp-caption-text">Create logo</figcaption></figure>
<p>Rotate the <strong>Rectangle 45<sup>0</sup>, </strong>to rotate the shape go to<strong> Transform Panel.</strong></p>
<figure id="attachment_6934" aria-describedby="caption-attachment-6934" style="width: 518px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Rotate-rectangle-2.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6934" src="https://www.technig.com/wp-content/uploads/2016/04/Rotate-rectangle-2.jpg" alt="Rotate rectangle" width="518" height="335" /></a><figcaption id="caption-attachment-6934" class="wp-caption-text">Rotate rectangle</figcaption></figure>
<p>Use the <strong>Reflect tool</strong> to make a copy of the layer and and use the setting below.</p>
<figure id="attachment_6935" aria-describedby="caption-attachment-6935" style="width: 558px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Reflect-window-2.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6935" src="https://www.technig.com/wp-content/uploads/2016/04/Reflect-window-2.jpg" alt="Reflect window" width="558" height="384" /></a><figcaption id="caption-attachment-6935" class="wp-caption-text">Reflect window</figcaption></figure>
<p>Now move the copy of the layer to left side as below.</p>
<figure id="attachment_6936" aria-describedby="caption-attachment-6936" style="width: 589px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Rectangle-2.jpg"><img loading="lazy" decoding="async" class="wp-image-6936 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Rectangle-2.jpg" alt="Create logo" width="589" height="377" /></a><figcaption id="caption-attachment-6936" class="wp-caption-text">Create logo</figcaption></figure>
<figure id="attachment_6936" aria-describedby="caption-attachment-6936" style="width: 589px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Rectangle-2.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6936" src="https://www.technig.com/wp-content/uploads/2016/04/Rectangle-2.jpg" alt="Create logo" width="589" height="377" /></a><figcaption id="caption-attachment-6936" class="wp-caption-text">Create logo</figcaption></figure>
<p>Create an <strong>Square</strong> and place it on top middle of the the two<strong> Rectangle</strong> like image below.</p>
<figure id="attachment_6937" aria-describedby="caption-attachment-6937" style="width: 489px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/2-4.jpg"><img loading="lazy" decoding="async" class="wp-image-6937 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/2-4-e1460789397146.jpg" alt="creaticreate logo using illustrator - technig" width="489" height="308" /></a><figcaption id="caption-attachment-6937" class="wp-caption-text">create logo using illustrator &#8211; technig</figcaption></figure>
<p>Now open <strong>Path Finder</strong> panel, go to <strong>Window&gt; Pathfinder,</strong> then select all three layers and <strong>Expend</strong> them to <strong>Expend</strong> go to<strong> Object&gt; Expend </strong>a dialog box popup click OK, then use <strong>Divide</strong> operation from <strong>Path Finder</strong> panel to Divide the layers, after dividing press (<strong>Shift+Ctrl+G</strong>) to <strong>Ungroup</strong> the layers.</p>
<figure id="attachment_6940" aria-describedby="caption-attachment-6940" style="width: 621px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Path-Finder-teching-3.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6940" src="https://www.technig.com/wp-content/uploads/2016/04/Path-Finder-teching-3.jpg" alt="Path Finder - teching" width="621" height="279" /></a><figcaption id="caption-attachment-6940" class="wp-caption-text">Path Finder &#8211; teching</figcaption></figure>
<p>It is time to remove extra part of the Divided layers and Unite them together, try to use Outline Mode press (<strong>Ctrl+Y</strong>).</p>
<figure id="attachment_6942" aria-describedby="caption-attachment-6942" style="width: 509px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Ountline-Mode.jpg"><img loading="lazy" decoding="async" class="wp-image-6942 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Ountline-Mode.jpg" alt="Ountline Mode" width="509" height="373" /></a><figcaption id="caption-attachment-6942" class="wp-caption-text">Ountline Mode</figcaption></figure>
<p>After removing extra parts select all divided parts and <strong>Unite</strong> them by using <strong>Pathfinder </strong> option and use pen tool to make shape for Subtracting the bottom left part as bellow.</p>
<figure id="attachment_6943" aria-describedby="caption-attachment-6943" style="width: 708px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Pen-tool-1.jpg"><img loading="lazy" decoding="async" class=" wp-image-6943" src="https://www.technig.com/wp-content/uploads/2016/04/Pen-tool-1.jpg" alt="Pen tool" width="708" height="375" /></a><figcaption id="caption-attachment-6943" class="wp-caption-text">Pen tool</figcaption></figure>
<p>Now the same steps to right side till your logo looks like below.</p>
<figure id="attachment_6944" aria-describedby="caption-attachment-6944" style="width: 517px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Direct-Selection-Tool.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6944" src="https://www.technig.com/wp-content/uploads/2016/04/Direct-Selection-Tool.jpg" alt="Subtracting shape" width="517" height="318" /></a><figcaption id="caption-attachment-6944" class="wp-caption-text">Subtracting shape</figcaption></figure>
<p>Pick the <strong>Pen Tool</strong> again and create a shape as below like tick  mark.</p>
<figure id="attachment_6945" aria-describedby="caption-attachment-6945" style="width: 612px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Using-Pen-tool.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-6945" src="https://www.technig.com/wp-content/uploads/2016/04/Using-Pen-tool.jpg" alt="Using Pen tool" width="612" height="408" /></a><figcaption id="caption-attachment-6945" class="wp-caption-text">Using Pen tool</figcaption></figure>
<p>Now pick <strong>Width Tool</strong> to make the right end of tick mark shape, to do it place your Width Tool at right end of the tick mark layer hold down drug it down or up it will make the shape thinner.</p>
<figure id="attachment_6946" aria-describedby="caption-attachment-6946" style="width: 588px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Wighth-tool.jpg"><img loading="lazy" decoding="async" class="wp-image-6946 " src="https://www.technig.com/wp-content/uploads/2016/04/Wighth-tool.jpg" alt="Width tool - technig" width="588" height="366" /></a><figcaption id="caption-attachment-6946" class="wp-caption-text">Width tool &#8211; technig</figcaption></figure>
<p>So now <strong>Expend</strong> the tick mark layer and give it white stroke and add window for your logo as below.</p>
<figure id="attachment_6947" aria-describedby="caption-attachment-6947" style="width: 639px" class="wp-caption aligncenter"><a href="https://www.technig.com/wp-content/uploads/2016/04/Final-4.jpg"><img loading="lazy" decoding="async" class="wp-image-6947 size-full" src="https://www.technig.com/wp-content/uploads/2016/04/Final-4.jpg" alt="Design Attractive Logo Inside Illustrator - Technig" width="639" height="411" /></a><figcaption id="caption-attachment-6947" class="wp-caption-text">Design Attractive Logo Inside Illustrator &#8211; Technig</figcaption></figure>
<p>That is it, add text to finalize the logo, hope you understand the way of explanation if you have question please leave comment below fell free to ask. Thanks for following. Finally you can save illustrator logo templates in vector logo or others graphic file formats.</p>
<p>Download source file <a href="https://www.technig.com/wp-content/uploads/2016/04/House-Logo.zip" target="_blank" rel="noopener noreferrer">Illustrator Logo Design Files</a>.</p>
<p>The post <a href="https://www.technig.com/design-attractive-logo-inside-illustrator/">How to Design Attractive Logo in Illustrator?</a> appeared first on <a href="https://www.technig.com">TECHNIG</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.technig.com/design-attractive-logo-inside-illustrator/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6911</post-id>	</item>
	</channel>
</rss>
