Geek Design Pro : Tutorial design for Beginners and professionnals

Learn how to create a pathfinder Logo (part1)

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ogwHr0g9tZjjNUZVLPotZW1kgRXOUzwV1Vi4vmbnsmhnMROVvhFlJ87smuwNTeVztQ9-SlUAxdpGtR2kLzzi6OPzdY6_EigJgV-JTyqBAIcXNbgsq6okGj9DukhEvsqSlWFW2_rLDug/s1600/pathfinderfinal.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ogwHr0g9tZjjNUZVLPotZW1kgRXOUzwV1Vi4vmbnsmhnMROVvhFlJ87smuwNTeVztQ9-SlUAxdpGtR2kLzzi6OPzdY6_EigJgV-JTyqBAIcXNbgsq6okGj9DukhEvsqSlWFW2_rLDug/s320/pathfinderfinal.png" width="320" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxnohdhS14qmrOMTWKNDRGxjPyWgjxifjYRofEHdlcRjAvwjG-q8F_PRG_wrXVpnrlAwudSyfrUjWTYnl926S2CeD9AV-spssMrXIuny5sRC4TOuuFgL94zq2BF_r30gFJwHgo5R0GKE/s1600/pathfinder.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
 
 
 
 
Today  i'm gonna show you how to create a basic pathfinder Logo , after this two tutorials :<a href="http://geekdesignpro.blogspot.com/2014/01/how-to-make-simple-google-chrome-logo.html">How to make a simple Google Chrome Logo</a> and <a href="http://geekdesignpro.blogspot.com/2014/01/create-simple-ying-yang-logo.html">Create a simple Ying Yang Logo</a> you can now learn some basics about how to create a logo , but today it's gonna be a little difficult , but i'm sure that's it's gonna be easy for you so let's start ! 
 
 
first we must create a new file , so to do that you must go to : file   and select New Document , a new window is going to display  : 
 
 
 
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-sDysj-GgTLE/UsRYWfXkvyI/AAAAAAAAA0Y/zujVKAbVv3o/s1600/1.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="335" src="http://4.bp.blogspot.com/-sDysj-GgTLE/UsRYWfXkvyI/AAAAAAAAA0Y/zujVKAbVv3o/s1600/1.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"> </td><td class="tr-caption" style="text-align: center;"> </td></tr>
</tbody></table>
 change Unititled-1 to any other name  or you can leave like this  
 
for profile : use WEB     
 
for size :   960 x 560 
  
and click ok . 
 
now choose ellipse tool to draw a circle  :  
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-gvf-DCTaBZE/UsRZrCU5hoI/AAAAAAAAA0k/zTe1QV0KHYY/s1600/2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-gvf-DCTaBZE/UsRZrCU5hoI/AAAAAAAAA0k/zTe1QV0KHYY/s1600/2.png" /></a></div>
 
 
now you can draw a circle  , but it's not perfect ,,to make it perfect hold on the shift key  ,that will force it to be a perfect circle.

<a href="http://1.bp.blogspot.com/-_-7G9ztVJD0/UsRcDBTZzeI/AAAAAAAAA0w/Zd5keS12yZE/s1600/circle.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="305" src="http://1.bp.blogspot.com/-_-7G9ztVJD0/UsRcDBTZzeI/AAAAAAAAA0w/Zd5keS12yZE/s1600/circle.png" width="320" /></a> 
 
now , i'm gonna create two circle on the side of this circle , to do that , create a first circle , hold on the shoft key and move it on the side of the first circle , same thing with the second circle  
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH7ibfm96KqcAgK9nNw0EL2Fa-kErZMUg3naajGt77kO_2IdloOqUpIf8UIYSzL8lUXG_o7g49UWxA_x_Hgxmtn_9qpwMHiazpZbejNOvpPznlzxn1HVWE3o7MQO-Ph4BDCftF-cpmAXM/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> </a></div>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzeGur3oe4mNFnX6OocTxIgbSWAOQnScOjOiALsFlSlUOn0hRhKM2gugK6iGgHsifLPlnsmfhYlsVSD6DcGGBvbhjr6MZW8kSoHl3XgJrlFT630vColPWkxLVA2I6h01_vPYlx3mX0lsE/s1600/two+circle.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzeGur3oe4mNFnX6OocTxIgbSWAOQnScOjOiALsFlSlUOn0hRhKM2gugK6iGgHsifLPlnsmfhYlsVSD6DcGGBvbhjr6MZW8kSoHl3XgJrlFT630vColPWkxLVA2I6h01_vPYlx3mX0lsE/s320/two+circle.png" width="315" /></a></div>
 
 
now this part it's gonna be different , now i have to create to others circle , to do that just duplicate the last two circle and rotate them 90° and place them ,one on the top of the first circle and the circle on the bottom of the first circle  
 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinptTdveKJ0W6mF98NwSiJzjhxTXZgOHBDC1iPaGXdZVNf_6P2z03gF3QOy-NnpV0FM-q_fhfjYDp5_z_N3BQzcBuNXalhceMPt_G8E9d6V0R81hCsG92Y613bXCQqlLVu_caWpNNqNtI/s1600/circle.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinptTdveKJ0W6mF98NwSiJzjhxTXZgOHBDC1iPaGXdZVNf_6P2z03gF3QOy-NnpV0FM-q_fhfjYDp5_z_N3BQzcBuNXalhceMPt_G8E9d6V0R81hCsG92Y613bXCQqlLVu_caWpNNqNtI/s320/circle.png" width="315" /></a></div>
 
now i have to choose two circles and bring them to front  , to do that select a circle choose Arrange -> Bring to front 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8EoucGvTgaEUqK_gzr0ijsBMgqyGeL-8UJt7lpQTJ0GxyshYkhyTpGginfCJHA6FKaFZGvSMR3P9w2ESY4racETCI7vUtU-SzI8Yatk3WifnpztmbQ1v-Ovph_5DIWjSlcpuPb5x4JLs/s1600/bringfronnt.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8EoucGvTgaEUqK_gzr0ijsBMgqyGeL-8UJt7lpQTJ0GxyshYkhyTpGginfCJHA6FKaFZGvSMR3P9w2ESY4racETCI7vUtU-SzI8Yatk3WifnpztmbQ1v-Ovph_5DIWjSlcpuPb5x4JLs/s320/bringfronnt.png" width="315" /></a></div>
the same thing for the other circle 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEW3tI9d2NhRMUrQdQqqYpaL8YV8Jc34JGAbc0eVuQX6UY64obM84xQWREytBBhwUrLCYwwjheIXJy312cPNCBonKZVQqIHvsRkd3NljmpQZIfngCFzQwfKqPxj-ya3mufalnmD2ILlk/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEW3tI9d2NhRMUrQdQqqYpaL8YV8Jc34JGAbc0eVuQX6UY64obM84xQWREytBBhwUrLCYwwjheIXJy312cPNCBonKZVQqIHvsRkd3NljmpQZIfngCFzQwfKqPxj-ya3mufalnmD2ILlk/s320/5.png" width="320" /></a></div>
 
 
 
now choose  window --> pathfinder --> divide : 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggeygYBqJ4E1kTebBcImY3UfB84v2UaKZZy3oho0ttlEV6h4vCBKvhJu1u2g45Z2EAdugmfqRY-5uLjDP-VKGy_TEh6UqgpPSH6-5Ci6nVnMJki97peQcsoSMwxzkve56v14QyBJ-ZY4A/s1600/pathinder-divide.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggeygYBqJ4E1kTebBcImY3UfB84v2UaKZZy3oho0ttlEV6h4vCBKvhJu1u2g45Z2EAdugmfqRY-5uLjDP-VKGy_TEh6UqgpPSH6-5Ci6nVnMJki97peQcsoSMwxzkve56v14QyBJ-ZY4A/s400/pathinder-divide.png" width="400" /></a></div>
 
 
 
 
 
after divide , you can chosoe any part of the circle 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTb2OIqEmZDMDC1jxfSkGBSp5aUsls4DlmMLKkumxmYvHq7ZHVjH5sGrFI0i75mn5Nc2SjeDqk6c5xCKLF3P4j5y26aEL5Z53RHrLketja0tIrCFGO_OAORwBbU41eRZcNAUMNBqGS3GA/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="316" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTb2OIqEmZDMDC1jxfSkGBSp5aUsls4DlmMLKkumxmYvHq7ZHVjH5sGrFI0i75mn5Nc2SjeDqk6c5xCKLF3P4j5y26aEL5Z53RHrLketja0tIrCFGO_OAORwBbU41eRZcNAUMNBqGS3GA/s320/8.png" width="320" /></a></div>
 
 
 
 
now color the part of the circle , hold on the shift key and select parts 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx1uL4Er7Lu1DqsgyX6UKN0FWc5uNGHydzy0bF4MdH_yowqrHchD1hOTNaZHG4BQ84j0_nZaaxjDXW3uiN6Rei0Zt8X6kvaJ7Nmwavb7mYN01RuL83bbrReqPcI_o72gsjE1zmD4l2ZKw/s1600/9+(hold+on+shift+and+select+parts+).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="309" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx1uL4Er7Lu1DqsgyX6UKN0FWc5uNGHydzy0bF4MdH_yowqrHchD1hOTNaZHG4BQ84j0_nZaaxjDXW3uiN6Rei0Zt8X6kvaJ7Nmwavb7mYN01RuL83bbrReqPcI_o72gsjE1zmD4l2ZKw/s320/9+(hold+on+shift+and+select+parts+).png" width="320" /></a></div>
 
 
 
same thing for the others parts 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkRteWecsLjaqwoIHp2mvsTCFZjj-gCJDCeeNfyeaxELViytaG8dG7PYIpVuY-DOA75RqAyADoZG1zqeBEYRJtrX7YZb7pMa1s9dXWAp7lpT6BwDfiTo7voek-V_OL3g0zkAoOLNaFJZY/s1600/other-parts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="319" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkRteWecsLjaqwoIHp2mvsTCFZjj-gCJDCeeNfyeaxELViytaG8dG7PYIpVuY-DOA75RqAyADoZG1zqeBEYRJtrX7YZb7pMa1s9dXWAp7lpT6BwDfiTo7voek-V_OL3g0zkAoOLNaFJZY/s320/other-parts.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDvVaSAEjpGCc3FuE5Fr5AOstSmYZCL4Wrx9a7NBbGdqjcXxBPOlQn3FDytrcv3z17lBYcROLck6RUe-uoVI37sCIuUTr-oxsr7pwW53dKg9Sh_ARl81VTfORRhaPnmEbMeMUUaoXZ7yA/s1600/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDvVaSAEjpGCc3FuE5Fr5AOstSmYZCL4Wrx9a7NBbGdqjcXxBPOlQn3FDytrcv3z17lBYcROLck6RUe-uoVI37sCIuUTr-oxsr7pwW53dKg9Sh_ARl81VTfORRhaPnmEbMeMUUaoXZ7yA/s1600/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDvVaSAEjpGCc3FuE5Fr5AOstSmYZCL4Wrx9a7NBbGdqjcXxBPOlQn3FDytrcv3z17lBYcROLck6RUe-uoVI37sCIuUTr-oxsr7pwW53dKg9Sh_ARl81VTfORRhaPnmEbMeMUUaoXZ7yA/s1600/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> </a></div>
now our basic pathfinder logo is 100% completed : 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE4R-hbYfWWcpyEdkfI1raawrMf04KVio1w0bRj9WA9GPdA8OoNLw5dAQW0ZXTizp0FFNJgboQlein_lo9rjhzGiszpat3IwU1hajwMLKpo1xHBAjnBYoF5cev_BveLGjoP45W47_Xdnw/s1600/pathfinder.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE4R-hbYfWWcpyEdkfI1raawrMf04KVio1w0bRj9WA9GPdA8OoNLw5dAQW0ZXTizp0FFNJgboQlein_lo9rjhzGiszpat3IwU1hajwMLKpo1xHBAjnBYoF5cev_BveLGjoP45W47_Xdnw/s320/pathfinder.png" width="320" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
  </div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
delete the borders : 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ogwHr0g9tZjjNUZVLPotZW1kgRXOUzwV1Vi4vmbnsmhnMROVvhFlJ87smuwNTeVztQ9-SlUAxdpGtR2kLzzi6OPzdY6_EigJgV-JTyqBAIcXNbgsq6okGj9DukhEvsqSlWFW2_rLDug/s1600/pathfinderfinal.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ogwHr0g9tZjjNUZVLPotZW1kgRXOUzwV1Vi4vmbnsmhnMROVvhFlJ87smuwNTeVztQ9-SlUAxdpGtR2kLzzi6OPzdY6_EigJgV-JTyqBAIcXNbgsq6okGj9DukhEvsqSlWFW2_rLDug/s320/pathfinderfinal.png" width="320" /></a></div>

Learn how to create a pathfinder Logo (part1)

Today i'm gonna show you how to create a basic pathfinder Logo , after this two tutorials : How to make a simple Google Chrome L...

+ Read more »

How to make a simple Google Chrome Logo

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-U5aDvwQx5y0/UsR-J074Y0I/AAAAAAAAA2o/sfJWXFA3BIo/s1600/google+chrome.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/-U5aDvwQx5y0/UsR-J074Y0I/AAAAAAAAA2o/sfJWXFA3BIo/s1600/google+chrome.png" width="319" /></a></div>
 
 
 
 
 
 
in this second tutorial i will show you how to  create a simple Google Chrome logo using adobe illustrator CS6 , you can also create this Logo with antoher versions of illustrator (CC, CS5 ,CS4 ... )  . 
 
 
 
first we must create a new file , so to do that you must go to : file   and select New Document , a new window is going to display  : 
 
 
 
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-sDysj-GgTLE/UsRYWfXkvyI/AAAAAAAAA0Y/zujVKAbVv3o/s1600/1.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="335" src="http://4.bp.blogspot.com/-sDysj-GgTLE/UsRYWfXkvyI/AAAAAAAAA0Y/zujVKAbVv3o/s1600/1.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"> </td><td class="tr-caption" style="text-align: center;"> </td></tr>
</tbody></table>
 change Unititled-1 to any other name  or you can leave like this  
 
for profile : use WEB     
 
for size :   960 x 560 
  
and click ok . 
 
now choose ellipse tool to draw a circle  :  
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-gvf-DCTaBZE/UsRZrCU5hoI/AAAAAAAAA0k/zTe1QV0KHYY/s1600/2.png" style="margin-left: 1em; margin-right: 1em;"></a></div>

 
now you can draw a circle  , but it's not perfect ,,to make it perfect hold on the shift key  ,that will force it to be a perfect circle. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-_-7G9ztVJD0/UsRcDBTZzeI/AAAAAAAAA00/DC5TawKT6kM/s1600/circle.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="305" src="http://2.bp.blogspot.com/-_-7G9ztVJD0/UsRcDBTZzeI/AAAAAAAAA00/DC5TawKT6kM/s1600/circle.png" width="320" /></a></div>
 
 
 
 
now draw another circle inside the first circle using ellipse tool 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-jyFTtrSF0XA/UsR_hUd1aTI/AAAAAAAAA28/BZ8F7jXql5k/s1600/cercle2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="309" src="http://2.bp.blogspot.com/-jyFTtrSF0XA/UsR_hUd1aTI/AAAAAAAAA28/BZ8F7jXql5k/s1600/cercle2.png" width="320" /></a></div>
 
 
 
now choose the line segment tool   to draw a line : 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-SnKAyeKCS5U/UsR_6R3VPDI/AAAAAAAAA3M/If_Ci2sYqRQ/s1600/line+segment+tool.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="313" src="http://4.bp.blogspot.com/-SnKAyeKCS5U/UsR_6R3VPDI/AAAAAAAAA3M/If_Ci2sYqRQ/s1600/line+segment+tool.png" width="320" /></a></div>
 
 
make two lines like the first line : 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-nHJt1wt5Ev0/UsSAP72qWyI/AAAAAAAAA3U/PuKWT1gglpA/s1600/tree+line.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="306" src="http://2.bp.blogspot.com/-nHJt1wt5Ev0/UsSAP72qWyI/AAAAAAAAA3U/PuKWT1gglpA/s1600/tree+line.png" width="320" /></a></div>
 
 
now our google chrome logo is 80% completed , all we have to do now is to add colors so the three colors we gonna add is blue , orange ,red and green : 
 
first choose the center circle and add the blue color : 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-SwAHIjRUYN4/UsSBFRf5SdI/AAAAAAAAA3o/tLX9CFgb8Sg/s1600/bluegooglechrome.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="http://2.bp.blogspot.com/-SwAHIjRUYN4/UsSBFRf5SdI/AAAAAAAAA3o/tLX9CFgb8Sg/s1600/bluegooglechrome.png" width="320" /></a></div>
 
 
 
 
add orange color : 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-XoRcjnLyPBw/UsSBOtMj4pI/AAAAAAAAA3w/oRojqXkHM10/s1600/orangegooglechrome.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="http://2.bp.blogspot.com/-XoRcjnLyPBw/UsSBOtMj4pI/AAAAAAAAA3w/oRojqXkHM10/s1600/orangegooglechrome.png" width="320" /></a></div>
add red color : 
 
 
 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-2G3WIUCE1eo/UsSBfKD8qpI/AAAAAAAAA34/ELDUXrhu_nY/s1600/redgooglechrome.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="http://4.bp.blogspot.com/-2G3WIUCE1eo/UsSBfKD8qpI/AAAAAAAAA34/ELDUXrhu_nY/s1600/redgooglechrome.png" width="320" /></a></div>
 
 
 
finally add green color : 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-jLPWe7A_PSA/UsSBt6gd8sI/AAAAAAAAA4A/lqLDn5SDZSQ/s1600/greengooglechrome.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="306" src="http://1.bp.blogspot.com/-jLPWe7A_PSA/UsSBt6gd8sI/AAAAAAAAA4A/lqLDn5SDZSQ/s1600/greengooglechrome.png" width="320" /></a></div>
 
 
 
now,  our google chrome logo is 99% completed, but the problem here is there are some borders that we have to delete , to delete border choose direct selection tool and select the entire circle , choose the fill and stroke tool , make the stroke tool transparent and apply to circle . 
 
 
finnally our google chrome logo is 100% completed  this is the result of this tutorial : 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-U5aDvwQx5y0/UsR-J074Y0I/AAAAAAAAA2s/P1gGxhjgHYQ/s1600/google+chrome.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-U5aDvwQx5y0/UsR-J074Y0I/AAAAAAAAA2s/P1gGxhjgHYQ/s1600/google+chrome.png" width="319" /></a></div>
 
 
 
 
 
i hope you enjoy ths tutorial , don't forget to subscribe and be a fan on my facebook page . i will post other tutorials  
 
my last tutorial : <a href="http://geekdesignpro.blogspot.com/2014/01/create-simple-ying-yang-logo.html" target="_blank">Create a simple Ying Yang Logo</a> 
 
 
 
 
 
 </div>

How to make a simple Google Chrome Logo

in this second tutorial i will show you how to create a simple Google Chrome logo using adobe illustrator CS6 , you can also cre...

+ Read more »

Create a simple Ying Yang Logo

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-LPaa9iYnROI/UsRYAkKs24I/AAAAAAAAA0Q/Ia5GRYchbws/s1600/ying+yang+simple+(cours1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/-LPaa9iYnROI/UsRYAkKs24I/AAAAAAAAA0Q/Ia5GRYchbws/s1600/ying+yang+simple+(cours1).png" width="320" /></a></div>
 
Today i will teach you how to create a simple and beautiful ying yang logo using adobe illustrator CS6 , you can also create this Logo with antoher versions of illustrator (CC, CS5 ,CS4 ... )  . 
 
first we must create a new file , so to do that you must go to : file   and select New Document , a new window is going to display  : 
 
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-sDysj-GgTLE/UsRYWfXkvyI/AAAAAAAAA0Y/zujVKAbVv3o/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="335" src="http://4.bp.blogspot.com/-sDysj-GgTLE/UsRYWfXkvyI/AAAAAAAAA0Y/zujVKAbVv3o/s1600/1.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"> </td><td class="tr-caption" style="text-align: center;"> </td></tr>
</tbody></table>
 change Unititled-1 to any other name  or you can leave like this  
 
for profile : use WEB     
 
for size :   960 x 560 
  
and click ok . 
 
now choose ellipse tool to draw a circle  :  
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-gvf-DCTaBZE/UsRZrCU5hoI/AAAAAAAAA0k/zTe1QV0KHYY/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-gvf-DCTaBZE/UsRZrCU5hoI/AAAAAAAAA0k/zTe1QV0KHYY/s1600/2.png" /></a></div>
 
 
now you can draw a circle  , but it's not perfect ,,to make it perfect hold on the shift key  ,that will force it to be a perfect circle. 
 
 
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-_-7G9ztVJD0/UsRcDBTZzeI/AAAAAAAAA0w/Zd5keS12yZE/s1600/circle.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="305" src="http://1.bp.blogspot.com/-_-7G9ztVJD0/UsRcDBTZzeI/AAAAAAAAA0w/Zd5keS12yZE/s1600/circle.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">a perfect circle using shift key </td><td class="tr-caption" style="text-align: center;"> </td><td class="tr-caption" style="text-align: center;"> </td><td class="tr-caption" style="text-align: center;"> </td><td class="tr-caption" style="text-align: center;"> </td></tr>
</tbody></table>
 
 
 
 
 
 
now we got this circle , i will draw another circle . 
 
now i will draw another circle inside the first circle , to do that i will strat to draw at the top of the circle like that ,and draw a little circle : 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-wSJNDXBhcBY/UsRgUblAHJI/AAAAAAAAA08/QH95bPpmPSw/s1600/circle3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-wSJNDXBhcBY/UsRgUblAHJI/AAAAAAAAA08/QH95bPpmPSw/s1600/circle3.png" width="315" /></a></div>
 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-_aXfSKZSstQ/UsRgylXdn2I/AAAAAAAAA1E/onLCBjVxP_w/s1600/selection+tool.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> </a></div>
now duplicate this circle to make another circle , to do that chosse selection tool , and press the alt key  to make another circle like the last little circle ,i know that circle is the perfect circle from the bottom of  the circle  to the center , and the top of the circle to the center. 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-wsTl3qeA-WM/UsRhlWhuhbI/AAAAAAAAA1M/GYJJg5meeCA/s1600/other+circle.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="318" src="http://3.bp.blogspot.com/-wsTl3qeA-WM/UsRhlWhuhbI/AAAAAAAAA1M/GYJJg5meeCA/s1600/other+circle.png" width="320" /></a></div>
 
 
 
 
 
 
now i will select  all o this using the direct selection tool  and use a basic align fonctions  to align those objects 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-wcGa4ZR2Ju8/UsRi3Y9WkzI/AAAAAAAAA1U/kekBUDzeON8/s1600/basic+align+fonctions.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="28" src="http://3.bp.blogspot.com/-wcGa4ZR2Ju8/UsRi3Y9WkzI/AAAAAAAAA1U/kekBUDzeON8/s1600/basic+align+fonctions.png" width="320" /></a></div>
 
 
 
 
 
choose Horizental align center ,that will perfectly align from the center point 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-9YLpNWdtQoE/UsRjewOJ55I/AAAAAAAAA1c/Y1wG2bHvt1E/s1600/circle6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="295" src="http://2.bp.blogspot.com/-9YLpNWdtQoE/UsRjewOJ55I/AAAAAAAAA1c/Y1wG2bHvt1E/s1600/circle6.png" width="320" /></a></div>
 
 
 
now i will grab my ellipse tool one more time  and draw a little circle from the center of this two little circle  
 
hold on the shift key + alt key one time  
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-0MsciX4QvWw/UsRkoqxQY8I/AAAAAAAAA1o/sCMLSDMaSmA/s1600/peect+cirlce.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-0MsciX4QvWw/UsRkoqxQY8I/AAAAAAAAA1o/sCMLSDMaSmA/s1600/peect+cirlce.png" width="315" /></a></div>
 
 
now choose the shape Builder tool , and combine the shapes together like a Ying Yang  
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-8BS3wg5byWU/UsRmRhbm-uI/AAAAAAAAA10/egZ24bn3NAQ/s1600/shape+tool.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="http://3.bp.blogspot.com/-8BS3wg5byWU/UsRmRhbm-uI/AAAAAAAAA10/egZ24bn3NAQ/s1600/shape+tool.png" width="320" /></a></div>
 
 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-bxP579N6Z7Y/UsRmkBX068I/AAAAAAAAA18/o_Mm0lc51co/s1600/shapetool2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="http://1.bp.blogspot.com/-bxP579N6Z7Y/UsRmkBX068I/AAAAAAAAA18/o_Mm0lc51co/s1600/shapetool2.png" width="320" /></a></div>
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-0MsciX4QvWw/UsRkoqxQY8I/AAAAAAAAA1s/Bx8oxlk-38A/s1600/peect+cirlce.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> </a></div>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-oS5NFaQlF0s/UsRndJiXotI/AAAAAAAAA2E/VeZZjgrRdKY/s1600/Sans+titre.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="http://1.bp.blogspot.com/-oS5NFaQlF0s/UsRndJiXotI/AAAAAAAAA2E/VeZZjgrRdKY/s1600/Sans+titre.png" width="320" /></a></div>
 
 
 
 
 
the last thing we gonna do is to use colors , to color our circle  , to be like Ying Yang  ,  we gonna use  a simple black and white color .  
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-mE7ShNWbPZA/UsRny7m0C-I/AAAAAAAAA2Q/wdujFZomtXw/s1600/circle7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="299" src="http://4.bp.blogspot.com/-mE7ShNWbPZA/UsRny7m0C-I/AAAAAAAAA2Q/wdujFZomtXw/s1600/circle7.png" width="320" /></a></div>
 
 
 
 
and this is the last result  : 
 
<a href="http://1.bp.blogspot.com/-LPaa9iYnROI/UsRYAkKs24I/AAAAAAAAA0Q/Ia5GRYchbws/s1600/ying+yang+simple+%28cours1%29.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a> 
  
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-LPaa9iYnROI/UsRYAkKs24I/AAAAAAAAA0U/5Fjb4QXVK90/s1600/ying+yang+simple+%2528cours1%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-LPaa9iYnROI/UsRYAkKs24I/AAAAAAAAA0U/5Fjb4QXVK90/s1600/ying+yang+simple+%2528cours1%2529.png" width="320" /></a></div>
 
 
 
 
ths is my video tutorial resume all this working :  
 
<a href="http://www.youtube.com/watch?v=9kyZ2a83zQE">http://www.youtube.com/watch?v=9kyZ2a83zQE</a> 
  
 
i hope you enjoy ths tutorial , don't forget to subscribe and be a fan on my facebook page . i will post other tutorials :) 
 
 
 
 
 </div>

Create a simple Ying Yang Logo

Today i will teach you how to create a simple and beautiful ying yang logo using adobe illustrator CS6 , you can also create this Logo...

+ Read more »

auto slider widget

Learn how to create a pathfinder Logo (part1)

How to make a simple Google Chrome Logo

Create a simple Ying Yang Logo