Reply to thread

Message

<blockquote data-quote="JurgNet" data-source="post: 23700" data-attributes="member: 744">Hi,In this tutorial, I will show you how to reproduce Google&#039;s Logo with Adobe Photoshop.At the end of this photoshop tutorial you will be able to do that:<img src="http://www.webestools.com/ftp/ybouane/scripts_tutorials/photoshop/logo_google/img_final.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />First, open photoshop and create a 510px * 170px image.Fill the first layer with white if it not already done.Select the Text Tool (T) and write Google. The real font of google&#039;s logo is Catull wich is not free. In this tutorial we are going to use the font Book Antiqua who is very similar(If you don&#039;t have it just use Times New Roman). The size of the text must be 150pt.<img src="http://www.webestools.com/ftp/ybouane/scripts_tutorials/photoshop/logo_google/img_1.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Select each character of the logo one by one and give them these colors:Blue: &lt;gras&gt;#0039b6&lt;/gras&gt; Red: &lt;gras&gt;#c41200&lt;/gras&gt; Yellow: &lt;gras&gt;#f3c518&lt;/gras&gt; Green: &lt;gras&gt;#30a72f&lt;/gras&gt;<img src="http://www.webestools.com/ftp/ybouane/scripts_tutorials/photoshop/logo_google/img_2.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Double click on the layer of the text to open the Blending Options.In the Drop Shadow menu use these parameters.<img src="http://www.webestools.com/ftp/ybouane/scripts_tutorials/photoshop/logo_google/img_3.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />In the Bevel and Emboss menu use these parameters.<img src="http://www.webestools.com/ftp/ybouane/scripts_tutorials/photoshop/logo_google/img_4.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />That&#039;s it, you just reproduced Google&#039;s logo yourself.You should get something similar to:<img src="http://www.webestools.com/ftp/ybouane/scripts_tutorials/photoshop/logo_google/img_final.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Thank you for reading and I hope this tutorial will be useful <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite110" alt=";)" title="Wink&nbsp; &nbsp; ;)" loading="lazy" data-shortname=";)" />&lt;a href=&quot;http://www.webestools.com/scripts_tutorials-code-source-23-tutorial-reproduce-google-s-logo-in-photoshop.html&quot;&gt;Source Here&lt;/a&gt;</blockquote>

[QUOTE="JurgNet, post: 23700, member: 744"] Hi, In this tutorial, I will show you how to reproduce Google's Logo with Adobe Photoshop. At the end of this photoshop tutorial you will be able to do that: [img]http://www.webestools.com/ftp/ybouane/scripts_tutorials/photoshop/logo_google/img_final.png[/img] First, open photoshop and create a 510px * 170px image. Fill the first layer with white if it not already done. Select the Text Tool (T) and write Google. The real font of google's logo is Catull wich is not free. In this tutorial we are going to use the font Book Antiqua who is very similar(If you don't have it just use Times New Roman). The size of the text must be 150pt. [img]http://www.webestools.com/ftp/ybouane/scripts_tutorials/photoshop/logo_google/img_1.png[/img] Select each character of the logo one by one and give them these colors: Blue: <gras>#0039b6</gras> Red: <gras>#c41200</gras> Yellow: <gras>#f3c518</gras> Green: <gras>#30a72f</gras> [img]http://www.webestools.com/ftp/ybouane/scripts_tutorials/photoshop/logo_google/img_2.png[/img] Double click on the layer of the text to open the Blending Options. In the Drop Shadow menu use these parameters. [img]http://www.webestools.com/ftp/ybouane/scripts_tutorials/photoshop/logo_google/img_3.png[/img] In the Bevel and Emboss menu use these parameters. [img]http://www.webestools.com/ftp/ybouane/scripts_tutorials/photoshop/logo_google/img_4.png[/img] That's it, you just reproduced Google's logo yourself. You should get something similar to: [img]http://www.webestools.com/ftp/ybouane/scripts_tutorials/photoshop/logo_google/img_final.png[/img] Thank you for reading and I hope this tutorial will be useful ;) <a href="http://www.webestools.com/scripts_tutorials-code-source-23-tutorial-reproduce-google-s-logo-in-photoshop.html">Source Here</a> [/QUOTE]

Verification