tag:blogger.com,1999:blog-1087207852996087212024-03-28T11:34:28.179+05:30Design Club IIT MadrasThe Design Club of IIT Madras is a great way to immerse yourself into the graphic design community. We intend to inspire you to become active and creative. You can meet other designers, present and share ideas, ask questions, talk about the latest design news, ask for critiques of your work and much more. Being active in a design community is also another great way to promote your own work and get your name out there.The Design Club IIT Madrashttp://www.blogger.com/profile/14542647746982320828noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-108720785299608721.post-1433427378900164482012-06-09T23:55:00.001+05:302012-06-09T23:56:58.019+05:30Intelligent Copying<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<div class="MsoNormal" style="text-align: justify;"><b><i>Good Designers Copy, Great Designers Steal -- Pablo Picasso</i></b><o:p></o:p></div><div class="MsoNormal" style="text-align: justify;">Pablo Picasso, the first living artist to be featured in the Louvre, influenced the artistic world in a uniquely original way. Then why would someone as original as Picasso say something as ironic as that? And what did he mean? There are a plenty of opinions and interpretations as to what he really meant. <o:p></o:p></div><div class="MsoNormal" style="text-align: justify;"><br />
</div><div class="MsoNormal" style="text-align: justify;">What Picasso did mean was that great artists rummage through the great junk heap of lost, bypassed, and forgotten ideas to find the rare jewels, and then incorporate such languishing gems into their own personal artistic legacy. Picasso implied that great artists don’t get caught stealing because they transform so thoroughly into their own persona, that everyone ends up thinking the great idea was theirs in the first place. To summarize in one sentence: copy the inspiration, not the outcome. <o:p></o:p></div><div class="MsoNormal" style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal" style="text-align: justify;">A wonderful example of intelligent copying would be the logo of Bajaj Auto.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNNdjAoujCPLZOyFqhmAGuEHAwhYHdqnMANcqj6dAurug8XFAwqNLysFT4-Lh73uXfZ4ynGrEVdxp2wI5NhxAhBjVcfIqRxXONQbItMCMXQb6EJJvnNOQCzV3kYiYSWOHbtThi3VpqfZUm/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNNdjAoujCPLZOyFqhmAGuEHAwhYHdqnMANcqj6dAurug8XFAwqNLysFT4-Lh73uXfZ4ynGrEVdxp2wI5NhxAhBjVcfIqRxXONQbItMCMXQb6EJJvnNOQCzV3kYiYSWOHbtThi3VpqfZUm/s400/1.png" width="400" /></a></div><div class="MsoNormal" style="text-align: justify;">If you carefully analyze, it closely resembles a rotated version of the very famous Volkswagen (VW) Logo. Volkswagen is a German automobile manufacturer and the original and biggest-selling brand of the Volkswagen Group, which now also owns the Audi, Bentley, Bugatti, Ducati, Lamborghini, SEAT, 49.9% of Porsche, Giugiaro, and Škoda. Volkswagen has seen a glorious 75 years journey and along with the cars they manufacture, their logo has also seen many stages of evolution.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3KziXo8khy0K6_oQbB1RwOiCBj7IfHqCjK_KiygulJExKCOmrH90fKpYwqny3iLcoom952yPM9qgmlm8A0uCylQn9RIV3IQgWTsmV21MNPouiiWwJOF0o6tj_TsfDxyXhNupuxxsw6DWN/s1600/Evolution.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3KziXo8khy0K6_oQbB1RwOiCBj7IfHqCjK_KiygulJExKCOmrH90fKpYwqny3iLcoom952yPM9qgmlm8A0uCylQn9RIV3IQgWTsmV21MNPouiiWwJOF0o6tj_TsfDxyXhNupuxxsw6DWN/s400/Evolution.png" width="400" /></a></div><div class="MsoNormal" style="text-align: justify;">The present logo (VW) is a perfect example of a Brand Mark Logo (Check out <a href="http://designclubiitm.blogspot.in/2012/06/types-of-logos-logo-102.html">http://designclubiitm.blogspot.in/2012/06/types-of-logos-logo-102.html</a> for types of logos). Now, when we consider the Bajaj logo and rotate it clockwise by 90 degrees it almost overlaps with the ‘V’ and ‘W’ of the Volkswagen logo.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJSYXlkc2DSp0fJSOm3bxta6KJM6QjxXIy9gxGg4v8jHAqmV4_6KH1vche_kkbSSBJAvhzWF95LomVPWBNgEDOOh8u9h_6O1_TRQTrwa1gs1dSbhf1lmo1hhAorCl4WVXSPz9zz7UoTaOJ/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJSYXlkc2DSp0fJSOm3bxta6KJM6QjxXIy9gxGg4v8jHAqmV4_6KH1vche_kkbSSBJAvhzWF95LomVPWBNgEDOOh8u9h_6O1_TRQTrwa1gs1dSbhf1lmo1hhAorCl4WVXSPz9zz7UoTaOJ/s400/2.png" width="400" /></a></div><div class="MsoNormal" style="text-align: justify;"><o:p></o:p></div><div class="MsoNormal" style="text-align: justify;">It is worth appreciating the logo designers of Bajaj for making an intellectual copy of a strong rival, who cannot claim for what Bajaj have achieved using the logo. To support the theory, if you notice, the text and background colour of the Bajaj logo are just swapped from that of the Volkswagen logo. Bajaj must surely be proud of having a designer who has created a successful and powerful logo simply by looking in a different angle at the already hit logo. Kudos to him!<o:p></o:p></div></div>The Design Club IIT Madrashttp://www.blogger.com/profile/14542647746982320828noreply@blogger.com436tag:blogger.com,1999:blog-108720785299608721.post-6193327096848175482012-06-02T00:01:00.000+05:302012-06-02T00:01:34.344+05:30Types of Logos: Logo-102<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<div class="MsoNormal" style="text-align: justify;">Hi friends this is my second post on logos. The first one was a tutorial on designing the logo of ‘Design Club IIT Madras’. I hope you have tried that and learned something out of it. There are no pre-requisites to Logo-102 and there are no tests, quizzes or Endsems. So just sit back, relax and know some facts about logos so that next time when the topic is raised, even you can participate in the discussion. <o:p></o:p></div><div class="MsoNormal" style="text-align: justify;">A logo is the visual representation of a company/brands values, beliefs and functions. It serves as the first recognition point for any entity looking to build awareness of their brand. I prefer calling it the simpler and aesthetic version of something. Instead of having the human mind remember a name or face, a unique and well thought out logo does a much better job. A great example of logo design is the McDonald’s logo, one of the most known logos in the world. It is a brand so powerful, young children instantly recognize the golden arches (some can’t even read). The beauty of the logo lies behind it’s simplicity and use of color which creates an instant visual representation of the corporation. Some people even go as far as to believe that red and yellow elicit hunger. You be the judge on that one.<o:p></o:p></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9PM1ssVPTFQCmZSvL1wWSTScoeQUHrEdcSIa_ruGK_HFp34CFbVJCCcCm5L4yyvFVYBTcVCudsbp9xRD2VcCMry3oMUlJmIc-ZyFabkEC7nrdIwtzORKlcBUmFETDhXmr-CurEmmHmG3n/s1600/450px-Mcdonalds-90s-logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9PM1ssVPTFQCmZSvL1wWSTScoeQUHrEdcSIa_ruGK_HFp34CFbVJCCcCm5L4yyvFVYBTcVCudsbp9xRD2VcCMry3oMUlJmIc-ZyFabkEC7nrdIwtzORKlcBUmFETDhXmr-CurEmmHmG3n/s200/450px-Mcdonalds-90s-logo.png" width="200" /></a></div><div class="MsoNormal" style="text-align: justify;"><br />
</div><div class="MsoNormal" style="text-align: justify;">Today, when I was googling types of logos, I came across many search results which said ‘3 basic type’, ‘5 basic type’ etc. After going through all the posts, I could classify the logos in four basic types. Let us have a look at some examples of each type.<o:p></o:p></div><div class="MsoNormal" style="text-align: justify;"></div><h3><span style="font-size: large;">Brandmark Logos</span></h3><h1><o:p></o:p></h1><div class="MsoNormal" style="text-align: justify;">This type of symbol represents the company in a simple but bold manner. Most often represented through an abstract design. Usually, the ideas and concept behind the logo are complex, yet are represented in the simplest form possible. Examples of a brandmark include Shell, Mercedes-Benz, Volkswagen, MSN, Apple etc. The human mind can easily remember a simple form better than a complex one. It is best to use a brandmark symbol if you plan on building a global brand and have the funds to back it up. In order for a symbol to be a truly effective logo, it should conform to these maxims:</div><div class="MsoNormal"></div><ul style="text-align: left;"><li><span style="text-indent: -0.25in;">Instantaneously recognizable.</span></li>
<li><span style="font-family: Symbol; text-indent: -0.25in;"><span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="text-indent: -0.25in;">Memorable.</span></li>
<li><span style="text-indent: -0.25in;">Clarity when reproduced in small sizes.</span></li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCv-tsCKR97JlVrQ9er4yenbMUgolB4j2Upha-3DWrDnc7yJdiAQmsn8NJMCf7q5xJzbpOMFWY4Yj796B8lTAlkb-6N5QWlpC2AHN_kg8SYgPIWQRLE_OlPf6MyqoTCPuLcDraXnbmh2a1/s1600/Brandmark.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCv-tsCKR97JlVrQ9er4yenbMUgolB4j2Upha-3DWrDnc7yJdiAQmsn8NJMCf7q5xJzbpOMFWY4Yj796B8lTAlkb-6N5QWlpC2AHN_kg8SYgPIWQRLE_OlPf6MyqoTCPuLcDraXnbmh2a1/s320/Brandmark.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><h3 style="text-align: left;"><span style="font-size: large;">Wordmark Logos</span></h3><h1 style="text-align: left;"><o:p></o:p></h1><div class="MsoNormal" style="text-align: justify;">Wordmark Logos incorporate the brand name into a uniquely styled type font treatment. Type fonts come in thousands of possible variations, shapes, sizes, and styles, each conveying a slightly different impression upon the intended audience. Technology companies usually use this type of logo, as stylized text looks best on electronics and expresses the sophistication of a company. Examples of a wordmark include Google, Sony, Samsung, Microsoft, Coca Cola, Disney, FedEx etc. <o:p></o:p></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpVy_3XqnImSvtfGOAVve4vuj8zMYnBgFXk8Vub_p7Opt1w5Ib62KdoZS0v9bGwenkiz_QXydJXRFuBdCuwg4dlHtvA6zJUOu-LVsXWyjCQSm6gdW8pbJbfM9JFP3cZ0vN4aMOYx1KCD3P/s1600/Wordmark.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpVy_3XqnImSvtfGOAVve4vuj8zMYnBgFXk8Vub_p7Opt1w5Ib62KdoZS0v9bGwenkiz_QXydJXRFuBdCuwg4dlHtvA6zJUOu-LVsXWyjCQSm6gdW8pbJbfM9JFP3cZ0vN4aMOYx1KCD3P/s320/Wordmark.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"></div><h3 style="text-align: left;"><span style="font-size: large;">Lettermark Logos</span></h3><h1><o:p></o:p></h1><div class="MsoNormal" style="text-align: justify;">These logos are exclusively typographic. The lettermark uses the company name written out, yet has a symbol representing the company through the use of its initials or the brands first letter. The best usage for this type of logo depends on many different variables such as; the initials can graphically illustrate the company better than the full name, the name is too long, hard to pronounce, or is just not distinct enough to carry its own weight. Some common Examples are HP, IBM, Honda, Hyundai, Suzuki, GE etc. <o:p></o:p></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWs51lUwK8GSLW46jdsNVb8tlHTh1O8ykIwYv5zB-a5k14e2O1qwqq9Lsnkxf8d2klZ3t-kO35IVBubePk96F8tVTb-Au1V-yofoQ1IjUhqYkjphFawNWD5uH-E4Mbr42_Fme85ogYbN92/s1600/Lettermark.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWs51lUwK8GSLW46jdsNVb8tlHTh1O8ykIwYv5zB-a5k14e2O1qwqq9Lsnkxf8d2klZ3t-kO35IVBubePk96F8tVTb-Au1V-yofoQ1IjUhqYkjphFawNWD5uH-E4Mbr42_Fme85ogYbN92/s320/Lettermark.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"></div><h3 style="text-align: left;"><span style="font-size: large;">Combination Mark</span></h3><h1><o:p></o:p></h1><div class="MsoNormal" style="text-align: justify;">They are combinations of a Brandmark and Wordmark logos. The purpose of the combination mark is to create an identity that embodies a given company through the use of a symbol and type treatment. In certain situations and with proper investment of time & money, a strong combination mark can use its symbol to represent the company without the use of text. Great examples include; Mc Donalds, Mexicana Airlines, Bank of America, AT&T, Pringles etc.<o:p></o:p></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7WY1wTKXc7hr6EUCuFs1kcZ-feNKH3_qiuzteT6Kz6lszwP0UW0GaRW9tbNgiATDw-DrfZSRStdeTzMjGGCSBeY6692ar8WvdtPfbvSx7UIHmJrf_a3O-S8xD2sF6r7Z3owVWxQxGzd2K/s1600/Combination.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7WY1wTKXc7hr6EUCuFs1kcZ-feNKH3_qiuzteT6Kz6lszwP0UW0GaRW9tbNgiATDw-DrfZSRStdeTzMjGGCSBeY6692ar8WvdtPfbvSx7UIHmJrf_a3O-S8xD2sF6r7Z3owVWxQxGzd2K/s320/Combination.jpg" width="320" /></a></div><div class="MsoNormal" style="text-align: justify;"><br />
</div><br />
<div class="MsoNormal" style="text-align: justify;"><br />
</div><br />
<div class="MsoNormal" style="text-align: justify;"><br />
</div><br />
<div style="text-indent: -24px;"><br />
</div><div style="text-indent: -24px;"><br />
</div><br />
<div class="MsoListParagraphCxSpLast" style="text-indent: -0.25in;"><o:p></o:p></div><br />
</div>The Design Club IIT Madrashttp://www.blogger.com/profile/14542647746982320828noreply@blogger.com132tag:blogger.com,1999:blog-108720785299608721.post-42961401091364808432012-05-07T12:50:00.002+05:302012-05-07T13:15:07.430+05:30Learn to create the corporate glossy text effect<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Ever envied these logos for their professional and subtle glossy effect? No more! Because in the next 20 minutes, you will be able to make your own logo with the same effect :) So here we go...</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/AVvXsEjKknZ61bPUsda8rHe5krqxbp8dQtPtt0LETZiZ6yL6PdSRVOQyk_fbn6_pTtP6H45xxFGUS7cpb_rVyEEUd1Y1IxP06VCXX7S1HWx0M0h-DS70MwRa0nu9poIkMqRL0vDLjWa_vMU6Se9P/s1600/00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKknZ61bPUsda8rHe5krqxbp8dQtPtt0LETZiZ6yL6PdSRVOQyk_fbn6_pTtP6H45xxFGUS7cpb_rVyEEUd1Y1IxP06VCXX7S1HWx0M0h-DS70MwRa0nu9poIkMqRL0vDLjWa_vMU6Se9P/s1600/00.png" /></a></div><h2 style="text-align: left;"><span style="font-size: large;">Step 1</span></h2><div style="text-align: justify;">Lets starts by creating a new document in Photoshop. (File>New) Alternately, you may even press Ctrl+N. I am using <b>640x400 px, 72dpi, RGB 8bit, white background</b>. Once you are done filling in the parameters, go ahead and click ‘Ok’. A new blank document opens in the work area.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyd116nzN8K7b4H-tnesDRisJOkYEed6nX66F8aHrs-R6hgFK4ySe7qjWSYjmTzdAaCVsj5qGIywPzRF9ci3tU9KBliBoLv8bB5QwGtDeJWlltG9Gnhzvz6hRRaU7gZapTfqLRBZ4VeY5C/s1600/0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyd116nzN8K7b4H-tnesDRisJOkYEed6nX66F8aHrs-R6hgFK4ySe7qjWSYjmTzdAaCVsj5qGIywPzRF9ci3tU9KBliBoLv8bB5QwGtDeJWlltG9Gnhzvz6hRRaU7gZapTfqLRBZ4VeY5C/s1600/0.jpg" /></a></div><h2 style="text-align: left;"><span style="font-size: large;">Step 2</span></h2><div style="text-align: justify;">Next, select the <b>Horizontal Type Tool</b> and Type in your name in the work area. I am using 'design club' instead of my name. Go to Windows>Character to make the Character panel visible. Type in your name with any font you like, preferably a thick/bold one. I have used the font <b>Ubuntu, bold, 55 size and (-50) character spacing</b>. The font size depends on how big you want your logo to be.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxgCLP-EGNz07nQiGvwZ11144vkiDhyphenhyphenutzjqcxeEqCErdnp74dluu9oCEFmq-A6IeQ_AudIaUzkUyB03KnHNGQdAOZHDhF8BKldsw0WOLmFemyBnfwyGH9liaxW2Kgg7bReMks-pAjCSCk/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxgCLP-EGNz07nQiGvwZ11144vkiDhyphenhyphenutzjqcxeEqCErdnp74dluu9oCEFmq-A6IeQ_AudIaUzkUyB03KnHNGQdAOZHDhF8BKldsw0WOLmFemyBnfwyGH9liaxW2Kgg7bReMks-pAjCSCk/s1600/1.jpg" /></a></div><h2 style="text-align: left;"><span style="font-size: large;">Step 3</span></h2><div style="text-align: justify;">Select the <b>Pen Tool</b> and draw a path as shown in the screenshot. The way the pen tool works may seem a little counter intuitive to the first time users. Start by clicking at any point in the work area. Now when you click on some other point, Photoshop creates a straight line joining these two points. In the second point, instead of just clicking, if you click and drag, you get a curve. Play around with it for a while and you will get it.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDerIneic2WeMKYWzLdSFPKb_gCrDDlPbCl6LJRg3yji-eu-LxyXcn7uVKtIaMe5pHwgsh1dROsPqBiwZ6y1xV1uzMDD3YdLQzwhz0BUWnG3Vk6F88ONhVzXKvzNPJULNBbQ3W18h2Uv2f/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDerIneic2WeMKYWzLdSFPKb_gCrDDlPbCl6LJRg3yji-eu-LxyXcn7uVKtIaMe5pHwgsh1dROsPqBiwZ6y1xV1uzMDD3YdLQzwhz0BUWnG3Vk6F88ONhVzXKvzNPJULNBbQ3W18h2Uv2f/s1600/2.jpg" /></a></div><div style="text-align: justify;">Now, <b>Ctrl+Enter</b> to convert this path into a selection. Now while this selection is active, press and hold <b>Shift+Ctrl+Alt</b> and <b>click</b> on the text layer of your name. This will make a selection around the intersection of the path you have made using the pen tool and the text layer of your name. If you do it correctly, you will get something like this.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl8aZW7_eCKGNjuc2nNZQiLezuRHho1stwtTPl1whChkXWTeayogXp3QhbTRO8tIaRzlHLLnMOuM-0bokvhX4cBO82tS1-01F6McJUBGc7_kNhEbCwoRwwdFc7jv2AR2OLwDuPMssqsPD0/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl8aZW7_eCKGNjuc2nNZQiLezuRHho1stwtTPl1whChkXWTeayogXp3QhbTRO8tIaRzlHLLnMOuM-0bokvhX4cBO82tS1-01F6McJUBGc7_kNhEbCwoRwwdFc7jv2AR2OLwDuPMssqsPD0/s1600/3.jpg" /></a></div><h2 style="text-align: left;"><span style="font-size: large;">Step 4</span></h2><div style="text-align: justify;">Now, we have to fill this selection with a suitable <b>linear gradient</b>. Select Black as the foreground colour and any Dark Gray as the background colour. I have used #414141 for the background gray. Select the gradient tool and select the linear gradient mode at the top. Now create a new layer above the text (name) layer. With the gradient tool selected, click at the bottom of the text and drag it till the middle of the text.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWmm6YBXsAR6xyCCj2lfkzeAvwuPWmaoWISawIMC0VcirIDJpT09DKuyAp28ySSTLVBJuCAt5LWBuvGt1GQ0zUnj3thF2R9ltLV5gYpetDj2F0hWnt6gJPv4DA9tK6xa-wvLsfIeaYHWfN/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWmm6YBXsAR6xyCCj2lfkzeAvwuPWmaoWISawIMC0VcirIDJpT09DKuyAp28ySSTLVBJuCAt5LWBuvGt1GQ0zUnj3thF2R9ltLV5gYpetDj2F0hWnt6gJPv4DA9tK6xa-wvLsfIeaYHWfN/s400/5.jpg" width="400" /></a></div><div style="text-align: justify;">In the screenshot, the gradient is not quite visible. But when you do it yourself, it will be visible in your screen.</div><h2 style="text-align: left;"><span style="font-size: large;">Step 5</span></h2><div style="text-align: justify;">Now, we need to do the same thing with the other half of the text as well. Go to the Paths tab (Windows>Paths if it is not visible by default) press and hold Ctrl and click on the Work Path thumbnail. This will again create the selection you had before. Press <b>Ctrl+Shift+I</b> to invert the selection. Now while this selection is active, press and hold Shift+Ctrl+Alt and click on the text layer of your name. This will create a selection around the remaining half of the text.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb3GXs9-lCrstFonnFwpePBCB9ODWP2jV3JeP7Ad162Bb_BllpqUjy9NBy1msaiOZKECx_cbYK0zwxhYjMwP7Rd5_Vl-1Xi145UVMJFr3Qc5SK2LgnYnV9xAcqKW2iZMQTqKIIem7MJGCl/s1600/7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb3GXs9-lCrstFonnFwpePBCB9ODWP2jV3JeP7Ad162Bb_BllpqUjy9NBy1msaiOZKECx_cbYK0zwxhYjMwP7Rd5_Vl-1Xi145UVMJFr3Qc5SK2LgnYnV9xAcqKW2iZMQTqKIIem7MJGCl/s400/7.jpg" width="400" /></a></div><h2><span style="font-size: large;">Step 6</span></h2><div style="text-align: justify;">Now, we have to fill this selection with a suitable linear gradient. Select <b>#3c393b as the foreground colour </b>and <b>#757577 as the background colour</b>. Select the gradient tool and select the linear gradient mode at the top. Now create a new layer above the text (name) layer. With the gradient tool selected, click at the tittle of 'i' and drag it till the middle of the text. </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvEbKXtSTb-S88GUcac38OEc7vmZsLjvuFjFuaT38SGW25-F7St5IfcHFY4Wl5w0JDaikVQJhCXuHWBYK7Bz9SvVsmYQXV7LQ3XRhPbhJqabQEWAWn90qNrcQp2Ub1EtbmpNYlegrMLoni/s1600/8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvEbKXtSTb-S88GUcac38OEc7vmZsLjvuFjFuaT38SGW25-F7St5IfcHFY4Wl5w0JDaikVQJhCXuHWBYK7Bz9SvVsmYQXV7LQ3XRhPbhJqabQEWAWn90qNrcQp2Ub1EtbmpNYlegrMLoni/s1600/8.jpg" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTvnywOJewz18eVhyphenhyphenWPZ4OFwen4CEhX8DopTMnl_j6fm89PQEL1UGKjRUM0yOxuWOq3h2SmriVRs0oAzd8ok-dER4y7K-KBHAySv1VcBuNojX7Q6CMEwsD8RPLm0DR3P7HxVsq8bRGpXLP/s1600/9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTvnywOJewz18eVhyphenhyphenWPZ4OFwen4CEhX8DopTMnl_j6fm89PQEL1UGKjRUM0yOxuWOq3h2SmriVRs0oAzd8ok-dER4y7K-KBHAySv1VcBuNojX7Q6CMEwsD8RPLm0DR3P7HxVsq8bRGpXLP/s1600/9.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5bkzAK1lnhI6NwROjE-T5xTxIltVou6nWUqpZ8wb4RVF1_gZvFakje2149rSY1-ng3ZDeCqiMf9irsHKmKwm7gzaeuwiHr_eews0ASxPmqBlDE0UCYsSig-TJsL6OJWbAZwPoP_NOulqE/s1600/10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5bkzAK1lnhI6NwROjE-T5xTxIltVou6nWUqpZ8wb4RVF1_gZvFakje2149rSY1-ng3ZDeCqiMf9irsHKmKwm7gzaeuwiHr_eews0ASxPmqBlDE0UCYsSig-TJsL6OJWbAZwPoP_NOulqE/s1600/10.jpg" /></a></div><h2><span style="font-size: large;">Step 7</span></h2><div style="text-align: justify;">Now select the the layers in the layer palette which contains the two halves of the text gradient, by pressing Ctrl, just like you select multiple icons in Windows. Press <b>Ctrl+E to merge them</b>.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGjLWpnsjjCyMVi71CZxR_FFYpys2f-l16j1cTGpCnREJdJxKlUGCajMeFld88lcpbL6oFrU4FFed8V2TnxfTXLtJgyBw2wvJaZLTZfMkUFWyB-xBCuUP7s_PSEyGkCJBQz4CvScktF4IU/s1600/11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGjLWpnsjjCyMVi71CZxR_FFYpys2f-l16j1cTGpCnREJdJxKlUGCajMeFld88lcpbL6oFrU4FFed8V2TnxfTXLtJgyBw2wvJaZLTZfMkUFWyB-xBCuUP7s_PSEyGkCJBQz4CvScktF4IU/s1600/11.jpg" /></a></div><div style="text-align: justify;"><br />
</div><h2 style="text-align: left;"><span style="font-size: large;">Step 8</span></h2><div style="text-align: justify;">Right click on the recently merged layer in the layer palette and select <b>Blending Options</b>. Select <b>Drop Shadow</b> and enter these parameters.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ_7zPA3_Aq5Ig4UcjJ8giqQym5hKNAlzWbZvHfPOe0FQZy5oC6z45a1_uUiSI1KgCI_-WQEhX0ApPLTjx_55hQYtQVbOCsz7fBpY4qpSlR36wMMw_FR8Y7AaXx6a0czioyDaDxcsP-Xl-/s1600/12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ_7zPA3_Aq5Ig4UcjJ8giqQym5hKNAlzWbZvHfPOe0FQZy5oC6z45a1_uUiSI1KgCI_-WQEhX0ApPLTjx_55hQYtQVbOCsz7fBpY4qpSlR36wMMw_FR8Y7AaXx6a0czioyDaDxcsP-Xl-/s1600/12.jpg" /></a></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTFIZTkrb2d67U2hsCO3NdnPX9DTj0DXKoyOPBAeRMjxmi9QV9B8I2Ezy91mD7fyINx4CLh7Dd7Xr39Euyqfolxm71k7_18pHbx8z0D1CCgPGpNpR5jwDM2Z7CgXdJKzuaKM0qNK1sjbP7/s1600/Final.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTFIZTkrb2d67U2hsCO3NdnPX9DTj0DXKoyOPBAeRMjxmi9QV9B8I2Ezy91mD7fyINx4CLh7Dd7Xr39Euyqfolxm71k7_18pHbx8z0D1CCgPGpNpR5jwDM2Z7CgXdJKzuaKM0qNK1sjbP7/s1600/Final.jpg" /></a></div><br />
Your logo is ready. Get ready to flaunt it! Dont forget to share it with us in our Facebook page <a href="http://www.facebook.com/DesignClubIITM">http://www.facebook.com/DesignClubIITM</a>. Happy Designing.</div></div>The Design Club IIT Madrashttp://www.blogger.com/profile/14542647746982320828noreply@blogger.com12tag:blogger.com,1999:blog-108720785299608721.post-58222224033743314442012-05-05T00:53:00.002+05:302012-05-05T11:37:20.494+05:30Learn to make our logo<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBqk6s0R33HxD8xxVyGuGMrqm1XzDbyY4Y84eg5Q-I3Hh7X2ofg3PB3Ab-C6qdjdelyPtmlDPUPsm9sQmyqbKNxNYuJVLbYSouSngM1MAnl8QScES559eGkaX8PcYvsyTjWnvH5Iah3rra/s1600/Logo.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBqk6s0R33HxD8xxVyGuGMrqm1XzDbyY4Y84eg5Q-I3Hh7X2ofg3PB3Ab-C6qdjdelyPtmlDPUPsm9sQmyqbKNxNYuJVLbYSouSngM1MAnl8QScES559eGkaX8PcYvsyTjWnvH5Iah3rra/s1600/Logo.png" /></a></div><div style="text-align: justify;">Hi friends, this is my first post and as I ve promised I am going to teach you how to make the logo of Design Club, so here I go.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">I believe a good design should be always simple, precise, clean and straight to the point. Personally, I feel that using a few basic, simple shapes and colours is the best way to reach your audience and convey the right message - because you are trying to say something without artifice or special effects. When it comes to a logo, it should be an appetizer, not the whole buffet! Our logo is not an exception. It has just one kind of shape. A Circle, that’s it! So, if you have ever opened MS Paint and drawn a circle, you are equally capable of doing it. So let’s start.</div><h2 style="text-align: left;"><span style="font-size: large;"><b>Step 1</b></span></h2><div style="text-align: justify;">First, we need to create a new document in Photoshop. (File>New) Alternately, you may even press Ctrl+N. I am using <b>1280x800 px, 96dpi, RGB 8bit, white background</b>. I wish to use it as my desktop wallpaper that’s why I have used 1280x800. You may go ahead and use the screen resolution of your own comp. Once you are done filling in the parameters, go ahead and click ‘Ok’. A new blank document opens in the work area.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1j4tKzTq2uWHZC2D4iGLi8AQ3sI3gxPy_UZKma5dyztU9bAw-kDWHPRvcuekdlTAmQDrEDA32WCLI6QF3Kl_Vyjp_1KHVs1Lo6Ib49LyHJCNrFYOeiGeQARAhH-M-Yb7gCnnfGrWEFx6q/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1j4tKzTq2uWHZC2D4iGLi8AQ3sI3gxPy_UZKma5dyztU9bAw-kDWHPRvcuekdlTAmQDrEDA32WCLI6QF3Kl_Vyjp_1KHVs1Lo6Ib49LyHJCNrFYOeiGeQARAhH-M-Yb7gCnnfGrWEFx6q/s1600/1.jpg" /></a></div><h2 style="text-align: left;"><span style="text-align: left;"><span style="font-size: large;">Step 2</span></span></h2><div style="text-align: justify;"><span style="text-align: left;">Next, we select the <b>Elliptical Marquee tool</b> and draw a perfect circle. Perfect circle can be drawn by pressing and holding shift, just like in MS Paint. <i>(Please note that instead of Elliptical Marquee, the Rectangular Marquee tool may be present by default. Click and hold on the Marquee tool icon to select the Elliptical Marquee tool. Check out the screenshot)</i>.</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTCZa0jFhpJn8epikiXHnGREKbbK5KC2IRig0qJOT6xbpPLX0JXq8AJ5IIyZXJNha7gCMCGOV0dGY3AXi3aadHYOsYqAbZPsGxSDQKk28Oqq_P0xlCH4HNs6Z37OzbeH4yl1gWp2E-I3nk/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTCZa0jFhpJn8epikiXHnGREKbbK5KC2IRig0qJOT6xbpPLX0JXq8AJ5IIyZXJNha7gCMCGOV0dGY3AXi3aadHYOsYqAbZPsGxSDQKk28Oqq_P0xlCH4HNs6Z37OzbeH4yl1gWp2E-I3nk/s1600/3.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div style="text-align: justify;"><h2><span style="font-size: large; text-align: left;">Step 3</span></h2></div><div style="text-align: justify;">Click on the colour swatch at the bottom of the left tools panel and select a <b>dark shade of red (#7f030b)</b>. You may directly type in the hex code of the colour (without the #) which is used in the logo.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieS5tIM2avGeWy-bBPAOTs8_LypjccnPG0s_tuWzah4OAZplH4tzMrBfkWsZaEVZRYn7VtVZ4lRxg98c_MTiBzilItVgJvVkdH-TLGXirWS2O3NbRNL3qfndxzQ420d5Jjco7Kyzd2aePM/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieS5tIM2avGeWy-bBPAOTs8_LypjccnPG0s_tuWzah4OAZplH4tzMrBfkWsZaEVZRYn7VtVZ4lRxg98c_MTiBzilItVgJvVkdH-TLGXirWS2O3NbRNL3qfndxzQ420d5Jjco7Kyzd2aePM/s1600/6.jpg" /></a></div><h2 style="text-align: left;"><span style="font-size: large;">Step 4</span></h2><div style="text-align: justify;">Click on the <b>‘Create new layer’</b> button on the layer palette at the right <i>(If layer palette is not visible by default press F7)</i> and fill in the red colour using the <b>Paint Bucket tool</b>. <i>(Please note that instead of the Paint Bucket Tool, the Gradient tool may be present by default. Click and hold on the tool icon to select the Paint Bucket Tool. Check out the screenshot).</i> The circle which you have made using the Marquee tool is just a demarcation which decides the area where the colour will be filled. The same Marquee tool can be used to select any area / shape etc in Photoshop. The selected thing can then be filled with colour, deleted, cut, copied etc.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjylv0P-X6ZdnstHmLXSc_FduQ6ktA7n7LBRl_vv8gDFG0Ln9Uiii30hqxC3WeNC5wovvN68XyGJR1WKgkHCf1nEGBNB9Fkds8AgiOeIw1JA2CspBHAYfcCQWItpCcdEt2QP7Nur9-aeFJo/s1600/7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjylv0P-X6ZdnstHmLXSc_FduQ6ktA7n7LBRl_vv8gDFG0Ln9Uiii30hqxC3WeNC5wovvN68XyGJR1WKgkHCf1nEGBNB9Fkds8AgiOeIw1JA2CspBHAYfcCQWItpCcdEt2QP7Nur9-aeFJo/s1600/7.jpg" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinJfjQpSFh6zwWIwtzbXmLwmtmBbuiCXHms-_75gOJ_T-KgWFkhiLztpKt0xY9ba0bciubnuFW-muZ2KpXv9MhRV4mgm7fAtCfi6XDumDP-iCtJrQj-hKHKsm65QHS9Gw5_hpkHloo_pLk/s1600/8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinJfjQpSFh6zwWIwtzbXmLwmtmBbuiCXHms-_75gOJ_T-KgWFkhiLztpKt0xY9ba0bciubnuFW-muZ2KpXv9MhRV4mgm7fAtCfi6XDumDP-iCtJrQj-hKHKsm65QHS9Gw5_hpkHloo_pLk/s1600/8.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><h2 style="text-align: left;"><span style="font-size: large;">Step 5</span></h2><div style="text-align: justify;">Now, we just need to make some concentric rings and we are done. The easiest way to make a ring is to make two concentric circles of two different sizes in two different layers and delete the region of the smaller circle from the bigger one. To create <b>concentric circles</b> just duplicate the layer in which the red circle is present by pressing Ctrl+J. When you duplicate the layer, it won’t be visible in the work area because both the circles will be exactly same and they will be in the same position. You may change the colour of the duplicate circle to differentiate it from the original. I ll go ahead and make it black. </div><div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Go to the Duplicate Layer on the layer palette. Press and hold Ctrl and click on the layer on the layer palette. This will make a selection around the circle, a similar one which you have made using the Elliptical Marquee tool. Now fill it with black. Now we will reduce the size of the black circle. Press Ctrl+T and you will be able to resize the circle just as you do it in MS Word. To keep it concentric press and hold Shift+Alt. Once you are done with the resizing, go ahead and press Enter.</div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjSKHgk4P9GT95Mt0ELyHEH4Bp2ToZdMccm2Sqf9u-bSpmU0wulRhIOIDFeWm4AMPSD9szVO6Mc-6V8vI-kS_l6tOVJWP1xXb1skMP3c7gZubSPSu35dMGAePtlI10TBWQxyStcQN0BwIQ/s1600/9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjSKHgk4P9GT95Mt0ELyHEH4Bp2ToZdMccm2Sqf9u-bSpmU0wulRhIOIDFeWm4AMPSD9szVO6Mc-6V8vI-kS_l6tOVJWP1xXb1skMP3c7gZubSPSu35dMGAePtlI10TBWQxyStcQN0BwIQ/s1600/9.jpg" /></a></div><div style="text-align: justify;">Now, we again press and hold Ctrl and click on the layer of the small black circle on the layer palette. This will again make a selection around the circle. Now, click on the layer of the red circle on the layer palette. When the selection is still active, press delete. This will remove the area of the small black circle from the big red circle. Now, you can completely delete the layer of the black circle and you are left out with a red ring.</div><h2 style="text-align: left;"><span style="font-size: large;">Step 6</span></h2><div style="text-align: justify;">Similarly create another ring and place both them like the way they are placed in the logo. So now the layer palette has 3 layers. The red circle, Ring 1 and Ring 2.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzgl6JwQVcZHPEHZ3GZnLZPS56FnWPzDNNoGT9u9BjZMfU0_MY1PSioJA9y600V1ddIWn58B4t6RyfjKRMU6YVgfyxY4q_UAQL4QyhkbmDNQcVnPHEqstTPXbTufA6AaXCCEA_fNEogZAr/s1600/10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzgl6JwQVcZHPEHZ3GZnLZPS56FnWPzDNNoGT9u9BjZMfU0_MY1PSioJA9y600V1ddIWn58B4t6RyfjKRMU6YVgfyxY4q_UAQL4QyhkbmDNQcVnPHEqstTPXbTufA6AaXCCEA_fNEogZAr/s1600/10.jpg" /></a></div><div><br />
</div><h2 style="text-align: left;"><span style="font-size: large;">Step 7</span></h2><div style="text-align: justify;">Now we just have to reduce the opacities of the individual layers. Set the opacity of the layer of the <b>red circle to 70%. Ring 1 to 50% and Ring 2 to 20%.</b> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG-C6R0oQtKbMaKddRGqaPVcg8FfX9lWcjdLtkyngTUsXO03KHqWz0QPHlr071fyfRguFNZqTFh95w_FTm7EbFXPTaCE6Fu81WjcFH82TA2wrnSY6yCLeUiiph8SLnBrwGSbfD_bt3Uy-F/s1600/12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG-C6R0oQtKbMaKddRGqaPVcg8FfX9lWcjdLtkyngTUsXO03KHqWz0QPHlr071fyfRguFNZqTFh95w_FTm7EbFXPTaCE6Fu81WjcFH82TA2wrnSY6yCLeUiiph8SLnBrwGSbfD_bt3Uy-F/s1600/12.jpg" /></a></div><div><br />
</div><h2 style="text-align: left;"><span style="font-size: large;">Step 8</span></h2><div style="text-align: justify;">Now select all the three layers in the layer palette by pressing Ctrl, just as you select multiple icons in Windows. Once selected, press Ctrl+G to group the 3 layers. <i>(Grouping is not mandatory; it is just for better organization. It is similar to creating a folder in Windows)</i> Now 'group 1' has the red elements. Similarly create 3 more groups for the Blue, Green and Yellow circles. You may re-size a group by pressing Ctrl+T. <b>You may use #538ba5 for blue, #90bd52 for green and #ecbd0f for yellow.</b></div><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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoMZHNZ7WmlzZJ7BbaC2BPkL8Z9L7tUqAEbIMVnwaP7T9o72eAl8G5ZIekkpWNCUxpvq-vvheWkjCgapiNELvDeH21NlXmXBW0zVYqp1dVcDdzVZOeOlF-5S_ufF7k_o5oQQEm76CLMkvS/s1600/13.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoMZHNZ7WmlzZJ7BbaC2BPkL8Z9L7tUqAEbIMVnwaP7T9o72eAl8G5ZIekkpWNCUxpvq-vvheWkjCgapiNELvDeH21NlXmXBW0zVYqp1dVcDdzVZOeOlF-5S_ufF7k_o5oQQEm76CLMkvS/s1600/13.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Selecting the 3 layers</td></tr>
</tbody></table><br />
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9iwqCIhjpihoGtSwrUGh9jBk9YxPbvhH6uE8z0R-2BpRk5teh1ipHXrOWd55Eic58zfcYKut-b0iHc-PJKrW43O7c5Wm71__iHdfDdaUCM2MS2yWz0uCqitTdeRy3hUw-nNFokBM-FLwD/s1600/14.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9iwqCIhjpihoGtSwrUGh9jBk9YxPbvhH6uE8z0R-2BpRk5teh1ipHXrOWd55Eic58zfcYKut-b0iHc-PJKrW43O7c5Wm71__iHdfDdaUCM2MS2yWz0uCqitTdeRy3hUw-nNFokBM-FLwD/s1600/14.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Grouped Layers</td></tr>
</tbody></table><h2 style="text-align: left;"><span style="font-size: large;">Step 9</span></h2><div>After creating all the 4 groups, place them in their proper positions.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtiH0re-MeQ30hlPwUyZNan39-l-XMDLkdn7SNCU0Vt7NCEq-kZtpPNljyJb_sM9huRNuWChx5qTuzX4nlSe4PzqrvcGGAuBwk76ZO1k6XCFiWiTLGMH00Tp6LqKvEF_qVsO4Pyu6e1h0h/s1600/15.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtiH0re-MeQ30hlPwUyZNan39-l-XMDLkdn7SNCU0Vt7NCEq-kZtpPNljyJb_sM9huRNuWChx5qTuzX4nlSe4PzqrvcGGAuBwk76ZO1k6XCFiWiTLGMH00Tp6LqKvEF_qVsO4Pyu6e1h0h/s1600/15.jpg" /></a></div><h2 style="text-align: left;"><span style="font-size: large;">Step 10</span></h2><div><div style="text-align: justify;">Go to Windows>Character to make the Character panel visible. Type in ‘design’ with <b>Century Gothic font, bold, and (-75) character spacing.</b> The font size depends on how big the circles which you have made are. I have used Ctrl+T to resize the text layer to best fit into the logo. Similarly, type ‘club’ with <b>Century Gothic font, bold, and (-50) character spacing</b> and align the two words so that ‘i’ in 'design' lies in the same vertical line with the ‘l’ of 'club'. Now we will make some minor changes to the words so that they become unique. </div><div style="text-align: justify;">Please note that a text layer is not directly editable because it in the vector mode. We need to convert it to the raster <i>(pixel)</i> mode. To do this we select the text layers, right click on them and select ‘Rasterize type’.</div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibks0EqYxkInGqIS9zFn8uXWWNPnXfL9G9TU_lFt5Eo910J7grDteq0slA0cSV22tfG9SDfnL22R1bxLQkE6Oyt_Bzosj3Zjz81RHEG7TB4EwBhfHUnLyDbqyA9EvqY5ddx_oYAwp7ae46/s1600/16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibks0EqYxkInGqIS9zFn8uXWWNPnXfL9G9TU_lFt5Eo910J7grDteq0slA0cSV22tfG9SDfnL22R1bxLQkE6Oyt_Bzosj3Zjz81RHEG7TB4EwBhfHUnLyDbqyA9EvqY5ddx_oYAwp7ae46/s1600/16.jpg" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvxunQtxNYRH_dk55kaTzIFncrY9A6AsB7Gf8m2ZUKMT9V-jiv3opjZnL-v92Uo0CcdydmIbf9MiWaN7K_6LmKnO9O1winO-cOvOrd6lRW6Gnv6_l_ZEfGkGrS1qiTjFj4oNsBqFKWwB_u/s1600/17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvxunQtxNYRH_dk55kaTzIFncrY9A6AsB7Gf8m2ZUKMT9V-jiv3opjZnL-v92Uo0CcdydmIbf9MiWaN7K_6LmKnO9O1winO-cOvOrd6lRW6Gnv6_l_ZEfGkGrS1qiTjFj4oNsBqFKWwB_u/s1600/17.jpg" /></a></div><div><br />
</div><h2 style="text-align: left;"><span style="font-size: large;">Step 11</span></h2><div style="text-align: justify;">Next, select the ‘l’ of ‘club’ using the Rectangular Marquee tool and delete it. Now, we select a small part of the ‘i’ of ‘design’ using the Rectangular Marquee tool, press Ctrl+T and extend the ‘i’ to form the ‘l’ of ‘club’. Similarly, extend the ‘b’ of club to merge with the ‘n’ of design. Now select the layers, design and club, in the layer palette and press Ctrl+E to merge them. Now type ‘the’ and ‘iitm’ and place them in appropriate places. Rasterize ‘the’ and extend the ‘t’ and ‘h’ of ‘the’ beyond the red circle. Now merge all the 3 layers again by pressing Ctrl+E.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmiq4u2H97aZwzGY1cG2wTx3wIh4bnt9jMOopWFCmyD1V80jp3T-MaONt3AftojgiaLcBLkqbZiEJkgA_zYU1RaT3HBvLNzsPhuG_OcteJsuhfrVA9UWg8f-OhPfqpsnmU_6ihvoEJVmRs/s1600/20.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmiq4u2H97aZwzGY1cG2wTx3wIh4bnt9jMOopWFCmyD1V80jp3T-MaONt3AftojgiaLcBLkqbZiEJkgA_zYU1RaT3HBvLNzsPhuG_OcteJsuhfrVA9UWg8f-OhPfqpsnmU_6ihvoEJVmRs/s1600/20.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSqbt23yvYYt4HuHsXxRof4LJwyX1gILVekgVCNNSu8gqFz67GCzgSTfZXFKLmiaI-SYqZhtXnRZ8lndOhhef-bguZqVtaXf5ASk4N2dHHvIXCcyhxxFegYJ0HMrt8WDIiWL443wZZ5xu/s1600/21.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSqbt23yvYYt4HuHsXxRof4LJwyX1gILVekgVCNNSu8gqFz67GCzgSTfZXFKLmiaI-SYqZhtXnRZ8lndOhhef-bguZqVtaXf5ASk4N2dHHvIXCcyhxxFegYJ0HMrt8WDIiWL443wZZ5xu/s1600/21.jpg" /></a></div><h2 style="text-align: left;"><span style="font-size: large;">Step 12</span></h2><div style="text-align: justify;">Next, Select the four groups, Groups 1 – 4, and press Ctrl+E to merge them. So, now you are left out with just 2 layers in your palette, the layer with the text and the layer with the circles. </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSBIrkpaJgjsLA5h3toHK1ND1yAWjhyevshvri8QkCeLLFz9kCFqRB4wzqiYiUL0B6iPTkmyJGSjhkZLjLgCHO7W-pQCzy-1nCmOm_eLu29yjG4qpNaw5KUA0-Cfpu3nKhUU5kGFFWoa9i/s1600/22.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSBIrkpaJgjsLA5h3toHK1ND1yAWjhyevshvri8QkCeLLFz9kCFqRB4wzqiYiUL0B6iPTkmyJGSjhkZLjLgCHO7W-pQCzy-1nCmOm_eLu29yjG4qpNaw5KUA0-Cfpu3nKhUU5kGFFWoa9i/s1600/22.jpg" /></a></div><h2 style="text-align: left;"><span style="font-size: large;">Step 13</span></h2><div style="text-align: justify;">Now, press and hold Ctrl and click on the text layer in the layer palette to make a selection around the text. Now while the selection is active, go to the circles layer and press delete!</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi10Z0hyphenhyphenBfw4Mxc7w4i7MVi1U5799QixiHkYUHbb3umA0G7bWU3lMswlHl3bKbTgzQbrYL2D3xRXuSZuqGh1yYSfSavbj5HtbwOHY3I7DADhyphenhyphenytsFYuqrUl-zeAdo3BDELbISxxM3OaAR2q/s1600/23.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi10Z0hyphenhyphenBfw4Mxc7w4i7MVi1U5799QixiHkYUHbb3umA0G7bWU3lMswlHl3bKbTgzQbrYL2D3xRXuSZuqGh1yYSfSavbj5HtbwOHY3I7DADhyphenhyphenytsFYuqrUl-zeAdo3BDELbISxxM3OaAR2q/s1600/23.jpg" /></a></div><div style="text-align: justify;">Now, go to the text layer and completely delete the whole layer by clicking on the delete button and Tada... you have successfully made the logo!</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkO_MVbe5xBoQyFlunHq9uqutTSj34Gourt_3VxWo8pkhVFXcC-OJApQ27xEVz9yLEA7yJu9nAa71vl2TXdUobmERKVjr6RXYGHKbu6R8jhyphenhyphenCfzj7D1_QpmVB8wjzH84zHRGDic9-1z-yy/s1600/24.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkO_MVbe5xBoQyFlunHq9uqutTSj34Gourt_3VxWo8pkhVFXcC-OJApQ27xEVz9yLEA7yJu9nAa71vl2TXdUobmERKVjr6RXYGHKbu6R8jhyphenhyphenCfzj7D1_QpmVB8wjzH84zHRGDic9-1z-yy/s1600/24.jpg" /></a></div><div><h2 style="text-align: left;"><span style="font-size: large;">Step 14</span></h2><div class="MsoNormal" style="text-align: justify;"><o:p></o:p></div><div class="MsoNormal" style="text-align: justify;">Now let’s give it a wallpaper look by applying a subtle gray gradient in the background. Resize your logo and place it in the centre of the wallpaper <i>(or any other area of your choice)</i>. Select white as the foreground and any light gray as the background colour. I have used # dbdbdb. Select the gradient tool and select the <b>radial gradient</b> mode. Now create a new layer below the logo layer. With the gradient tool selected, click on the centre of the wallpaper and drag it to any one of the corners to fill in the new layer with the radial gradient.<o:p></o:p></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaxUFfhfP7oFHrUxP1G0FgXDvzIxAk-fYDcN55cLHOb0HERbiHrUBFXp0XawQkMc4yKCRpybkWM3Iz4tNSJweK2Cx578eKF5V0UP-qxkqt9sgIrqx-TYQKgItLAYjFpJ5KZ9unt83bLgev/s1600/26.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaxUFfhfP7oFHrUxP1G0FgXDvzIxAk-fYDcN55cLHOb0HERbiHrUBFXp0XawQkMc4yKCRpybkWM3Iz4tNSJweK2Cx578eKF5V0UP-qxkqt9sgIrqx-TYQKgItLAYjFpJ5KZ9unt83bLgev/s1600/26.jpg" /></a></div><div class="MsoNormal" style="text-align: justify;">If you feel the logo is looking very pale just <b>duplicate the logo layer by pressing Ctrl+J and set the blending mode of the new layer to ‘Multiply’</b>. This will brighten it up. </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjOrzEEU0q6mnvAi1ThvLvIOWRkMvke4AxL3k7XRKMPYDnrkf6pasWtf6Nu0QXGFNelpXDWfCA9iBIpVvC0GOrgfZBA4pYe_lpOvwgltFRaJMGL4v3yPpaBNZcGEgnGup4bS7GyCbjA4eV/s1600/27.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjOrzEEU0q6mnvAi1ThvLvIOWRkMvke4AxL3k7XRKMPYDnrkf6pasWtf6Nu0QXGFNelpXDWfCA9iBIpVvC0GOrgfZBA4pYe_lpOvwgltFRaJMGL4v3yPpaBNZcGEgnGup4bS7GyCbjA4eV/s1600/27.jpg" /></a></div><div class="MsoNormal" style="text-align: justify;">Once you follow all these steps, you should get something similar to the image below. This concludes our tutorial. I advise you to experiment with this logo by applying your own touch of style to it, and make sure you show off your work in our Facebook page <a href="http://www.facebook.com/DesignClubIITM">http://www.facebook.com/DesignClubIITM</a>. I hope that you've learnt something new from my tutorial, feel free to email us on designclubiitm@gmail.com.</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/AVvXsEjB_M9PhlLcOw9BIn68jf9uFD7Ktqclzik3CEzEmmOFK4P3oYhu65Pkh1L7NmCCCvVKPOqsa0sgchiGFfZtAKG1bwd04Pxk9Zcua_6GSZnPJhCq4j1nmPQ6YzDBBTs6K7UHxGkzxACyBzRL/s1600/28.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB_M9PhlLcOw9BIn68jf9uFD7Ktqclzik3CEzEmmOFK4P3oYhu65Pkh1L7NmCCCvVKPOqsa0sgchiGFfZtAKG1bwd04Pxk9Zcua_6GSZnPJhCq4j1nmPQ6YzDBBTs6K7UHxGkzxACyBzRL/s1600/28.jpg" /></a></div><div class="MsoNormal" style="text-align: justify;"><br />
</div></div><div style="text-align: left;"></div><div style="text-align: right;"></div></div>The Design Club IIT Madrashttp://www.blogger.com/profile/14542647746982320828noreply@blogger.com26