How to Design a Logo. User Guide for Logo Templates
Upcoming SlideShare
Loading in...5
×
 

How to Design a Logo. User Guide for Logo Templates

on

  • 1,052 views

Learn how to open and use your logo templates. ...

Learn how to open and use your logo templates.

We provide quality company logo templates for small businesses and individuals, including realtors, bloggers etc. Logoswish deliver modern & creative logos.

Logoswish established their design consultancy in 2001 with a primary focus on logo design and corporate identity. We have experience working with different budget projects. We understand how to provide quality services to our customers through individual attention, and provide satisfaction to each of our clients. Logoswish provide excellent value for money.

General idea of Logoswish provides logo design for small business, individuals (who has personal business activity such as bloggers, photographers, realtors etc.), invents (Expeditions, Forums, meetings etc.) and projects visualization. We specialise in pre-made logo templates to increase both value, but also to shorten the time taken to kick-off a design identity project. Choosing the right logo or corporate design need not be a laborious task. We give you the logo you wish for.

To ensure every customer we provide services for are satisfied, feel they have received excellent value and would recommend us to a colleague or friend.

Logoswish – logos you wish.
http://www.logoswish.com

Statistics

Views

Total Views
1,052
Views on SlideShare
982
Embed Views
70

Actions

Likes
1
Downloads
57
Comments
0

4 Embeds 70

http://www.scoop.it 63
http://www.pinterest.com 3
http://pinterest.com 2
http://es.pinterest.com 2

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

How to Design a Logo. User Guide for Logo Templates How to Design a Logo. User Guide for Logo Templates Document Transcript

  • www.logoswish.comUser GuideHow to design a logoLogoswish.com Logo TemplatesInstructions
  • Contents 4 Chapter 1: Getting Started 4 Welcome 4 What You Need to Get Started 5 File Formats You Get 6 Chapter 2: Working in Adobe Illustrator 6 Opening File 8 Working With Text11 Applying Color to Logo13 Change Position of Icon13 Saving your Illustrator document14 Exporting Illustrator files for use in Photoshop15 Exporting Logo for Use on the Web16 Chapter 3: Working in Adobe Photoshop16 Opening File18 Working With Text21 Applying Color to Logo24 Change Position of Icon24 Saving your Photoshop document25 Saving Logo for Use on the Web26 Chapter 4: Service and Support
  • Congratulations on Purchasing Your Logo Template.We appreciate your recent order for the logo template.We value your trust in our company, and we will do our best to meet your serviceexpectations. We hope you enjoy your purchase and our logo will help to increasethe productivity of your staff.Thanks again, for your order. If you have any questions, please emailcontact@logoswish.comSincerely,Your Logoswish Team
  • 1 Getting Started Welcome to Logoswish User Guide. We used and taught Illustrator & Photoshop for over 10 years, weve learned that there are so many ways to use Adobe software. So, in this user guide, well focus on teaching you how to understand how Illustrator & Photoshop works and how it thinks, providing you with the knowledge that youll need to get started creating artwork with Illustrator & Photoshop. Well begin with basic concepts, like working with document. Then well teach you how to make text changes, covering things like use of color. So, what are we waiting for? Lets get started! What You Need to Get Started Our goal is to create high quality designs with professional and easy to use approach. That’s why we optimized our logo template files for Adobe products. Why Adobe? Adobe software deliver industry standard tools. So, to work with files you will need Adobe Illustrator (www.adobe.ly/x61BK6) or Adobe Photoshop (www.adobe.ly/AdFCjU). Important: For maximum editability we don’t recommend you to use any other software. Chapter 1 | Getting Started 4
  • File Formats You Get Perfect for High quality print materials Sending to printers, publishers, graphic designers Not for Web and email templates or signatures Presentations Simple documents Easy viewing Perfect for Web and email templates or signatures Presentations Simple documents Easy viewing Not for High quality print materials Sending to printers, publishers, graphic designersChapter 1 | Getting Started 5
  • 2 Working in Adobe Illustrator Opening file Now that youve got your Illustrator up and running, its time just to look at, quickly, opening a file. To open logo template file: 1 Choose File > Open. 2 Navigate to the folder holding your logo files. 3 Click Open. Tip: For maximum editability use AI, EPS & PDF file formats. Chapter 2 | Working in Adobe Illustrator 6
  • Important: Before making changes we suggest you to save file with differentname.To save logo template file:1 Choose File > Save As. If you just go to File > Save, thats an option and thatwill write over your original file.2 Choose your file name & file format. If you are working with *.ai file format saveit as *.ai.3 Click Save. New window will appear.4 Choose Version. Well just save as Illustrator CS version. So, theres no realneed to change other options and when you go to save a file, you can just hit ok.5 Click Ok.Chapter 2 | Working in Adobe Illustrator 7
  • Working With TextNow let’s take a look at the text. The first thing you will need is to change it’s yourcompany name. As an example we will use this logo template below.orbitTo change text:1 Choose Type Tool (T) from tools panel.2 Select company name (ex.orbit).3 Type your own company name (ex. Satellite)4 Press Esc on your keyboard. This will finish your text editing.Tip: If you don’t like how your text is placed you can always change position ofyour text.To change position of text:1 Choose Selection tool (V) from tools panel.2 With mouse help place your text where you want.SatelliteChapter 2 | Working in Adobe Illustrator 8
  • To add tagline/text:1 Choose Selection Tool (V) from tools panel.2 Select text (ex.Satellite).3 Choose Edit > Copy.4 Select Edit > Paste. This will duplicate your Satellite text.5 Choose Type Tool (T) from tools panel.6 Type your tagline/text (ex. Technology).Tip: If you don’t like how your text is placed you can always change position ofyour text.To change size of tagline/text:1 Choose Selection Tool (V) from tools panel. Bounding box will appear.2 Holding Shift on your keyboard drag edge of bounding box to make it smaller.3 Choose Selection tool (V) from tools panel.4 With mouse help place your text where you want.Satellite TechnologyChapter 2 | Working in Adobe Illustrator 9
  • You can always experiment with a font that you think will work well with the logo.Since for orbit company trying to focus on a modern yet technology feel, a seriousfont selection might be the best bet. Having yourself an arsenal of fonts is veryimportant.Tip: You can look through the fonts on your machine library and test out differentfonts, but we going to suggest you go over to www.dafont.com which offers varietyof fonts free to download.To change font & other settings:1 Choose Selection Tool (V) from tools panel.2 Adjust the settings on the Text Properties at the top. Font name Font style Font size Font alignment Font transparancy (Regular, Bold, Italic etc.)3 In the Character Window to the right, you can change additional text properties. Changes space between each separate character.Chapter 2 | Working in Adobe Illustrator 10
  • Applying Color to LogoNow when we are finished with text editing, our next step is color. If you likeexisting color and don’t want to change anything in your logo you can skip thisstep. Usually clients need to change colors to fit their website look, presentationor corporate identity style. We will show you how easily you can change colors inthis article. As an example we will use this logo template below .Satellite TechnologyLet’s take a look at Illustrator tools we will need to make color changes. Color palette Color picker Fill color Stroke colorChapter 2 | Working in Adobe Illustrator 11
  • To change color:1 Choose Selection Tool (V) from tools panel.2 Select Text or Shape you want.3 Double click on Fill Color. Color Picker window will appear.4 Change color. Select color that suit your personal taste or corporate identity.5 Click Ok.Satellite Technology OR Satellite TechnologyTip: If you are searching for creative color ideas & combination we suggest you tovisit www.bit.ly/wEKQTQ which offers variety of different color options for you.If you want to use PANTONE colors for your logo and you don’t know where tofind it, go to Windows > Swatch Libraries > Color Books.To change stroke color:1 Choose Selection Tool (V) from tools panel.2 Select item you want.3 Double click on Stroke Color. Color Picker window will appear.4 Change color. Select color that suit your personal taste or corporate identity.5 Click Ok.Satellite TechnologyChapter 2 | Working in Adobe Illustrator 12
  • Change Position Of IconSometimes you need to change things around. Next steps will show you how easyyou can move your icon to a new place.To change position of icon:1 Choose Selection Tool (V) from tools panel.2 Select whole icon by draging Selection Tool. If you selected items that you don’twant to include. To deselect items you need to hold Shift key on your keyboardand click on items you don’t want to select.3 Drag icon to a new place. Satellite TechnologyNow our logo is finished.Tip: If you need to send your logo to printer, publisher or graphic design alwaystransfer your font to outlines. To make this you wll need to select text from yourlogo and go to Type > Create Outlines.Saving your Illustration documentWe would like to refer to Page 7. We described how to save file & which options tochoose.Chapter 2 | Working in Adobe Illustrator 13
  • Exporting Illustrator files for use in PhotoshopTo change position of icon:1 Choose File > Export.2 Choose your file name & file format. In our situation it is Photoshop (psd).3 Hit Export. New window will appear.4 Choose your Color Model (RGB, CMYK).5 Click Ok.Important: To write layers (when exporting to Photoshop) in RGB mode you mustwork in Illustrator in RGB mode too. Bear in mind that Illustrator depending onartwork, colors etc. sometimes anyway is not available to write all layers seperatly.Chapter 2 | Working in Adobe Illustrator 14
  • Exporting Logo for Use on the WebTo export logo:1 Choose File > Export.2 Choose your file Name.3 Hit Export. New window may appear.4 Choose your File Format (.png, .jpg, etc.).5 Click Ok.Chapter 2 | Working in Adobe Illustrator 15
  • 3 Working in Adobe Photoshop Opening file Now that youve got your Illustrator up and running, its time just to look at, quickly, opening a file. To open logo template file: 1 Choose File > Open. 2 Navigate to the folder holding your logo files. 3 Click Open. Tip: For maximum editability use PSD file format. Chapter 3 | Working in Adobe Photoshop 16
  • Important: Before making changes we suggest you to save file with differentname.To save logo template file:1 Choose File > Save As. If you just go to File > Save, thats an option and thatwill write over your original file.2 Choose your file name & file format. If you are working with *.psd file formatsave it as *.psd.3 Click Save.Chapter 3 | Working in Adobe Photoshop 17
  • Working With TextNow let’s take a look at the text. The first thing you will need is to change it’s yourcompany name. As an example we will use this logo template below.orbitTo change text:1 Choose Type Tool (T) from tools panel.2 Select company name (ex.orbit).3 Type your own company name (ex. Satellite)4 Select any Tool from tools panel. This will finish your text editing.Tip: If you don’t like how your text is placed you can always change position ofyour text.To change position of text:1 Choose Move tool (V) from tools panel.2 With mouse help place your text where you want.SatelliteChapter 3 | Working in Adobe Photoshop 18
  • To add tagline/text:1 Choose Move Tool (V) from tools panel.2 Select Text Layer in Layer Panel. If you don’t see this window go to Window >Layers.3 Choose Layer > Duplicate. Window will appear. Chnage name of your layer toTechnology. Click Ok.4 Choose Type Tool (T) from tools panel.5 Type your tagline/text (ex. Technology).Tip: If you don’t like how your text is placed you can always change position ofyour text.To change size of tagline/text:1 Choose Move Tool (V) from tools panel2 Select Text Layer in Layer Panel.3 Go to Edit > Transform > Scale.4 Holding Shift on your keyboard drag edge of bounding box to make it smaller.3 Choose Move tool (V) from tools panel.4 Click Apply if you are satisfied with transformation.5 With mouse help place your text where you want.Satellite TechnologyChapter 3 | Working in Adobe Photoshop 19
  • You can always experiment with a font that you think will work well with the logo.Since for orbit company trying to focus on a modern yet technology feel, a seriousfont selection might be the best bet. Having yourself an arsenal of fonts is veryimportant.Tip: You can look through the fonts on your machine library and test out differentfonts, but we going to suggest you go over to www.dafont.com which offers varietyof fonts free to download.To change font & other settings:1 Choose Move Tool (V) from tools panel.2 Adjust the settings on the Text Properties at the top. Font name Font style Font size Font alignment Font color (Regular, Bold, Italic etc.)3 In the Character Window to the right, you can change additional text properties. Changes space between each separate character.Chapter 3 | Working in Adobe Photoshop 20
  • Applying Color to LogoNow when we are finished with text editing, our next step is color. If you likeexisting color and don’t want to change anything in your logo you can skip thisstep. Usually clients need to change colors to fit their website look, presentationor corporate identity style. We will show you how easily you can change colors inthis article. As an example we will use this logo template below .Satellite TechnologyLet’s take a look at Photoshop tools we will need to make color changes. Color picker Color palette Set foreground color Set background colorChapter 3 | Working in Adobe Photoshop 21
  • To change text color:1 Choose Type Tool (T) from tools panel.2 Select whole text (ex Satellite).3 Double click on Set Foreground Color. Color Picker window will appear.4 Change Color. Select color that suit your personal taste or corporate identity.5 Click Ok.To change icon color:1 Double click on Layer Thumbnail in Layer Panel. Color Picker window willappear.2 Change Color. Select color that suit your personal taste or corporate identity.3 Click Ok. Layer thumbnailSatellite Technology OR Satellite TechnologyChapter 3 | Working in Adobe Photoshop 22
  • Tip: If you are searching for creative color ideas & combination we suggest you tovisit www.bit.ly/wEKQTQ which offers variety of different color options for you.To change stroke color:1 Choose Move Tool (V) from tools panel.2 Double click on Text Layer in Layer Panel. New window will appear.3 Select Stroke. Select check box too.4 Change Options by your preferences.5 Click Ok.Satellite TechnologyChapter 3 | Working in Adobe Photoshop 23
  • Change Position Of IconSometimes you need to change things around. Next steps will show you how easyyou can move your icon to a new place.To change position of icon:1 Choose Move Tool (V) from tools panel.2 Select Layers which are related to icon. To select multiple layers hold cmd key(mac) or alt key (windows) and click on layers. This 3 layers are realated to icon of your logo.3 Choose Move Tool (V) from tools panel again.4 Move you Icon to a new place.Now our logo is finished.Saving your Photoshop documentWe would like to refer to Page 16. We described how to save file & which optionsto choose.Chapter 3 | Working in Adobe Photoshop 24
  • Saving Logo for Use on the WebTo save your logo for web:1 Choose File > Save for Web & Devices.2 Choose your file Format & Compression.3 Click Save. Compression drop down menu. File format drop down menu. Custom compression menu.Chapter 3 | Working in Adobe Photoshop 25
  • 4 Service & Support Here if you need us Feedback & Success Stories We would like to hear from you some feedback about our company, files or any othe important information. Please send us any information connected with your experience using Logoswish.com For example your success stories or simply photos where you are using our logo templates. You can send this information to contact@logoswish.com Online Resources For the latest information about the user guide updates or any other your interested information go to www.logoswish.com Support If you have any questions, please email contact@logoswish.com Chapter 4 | Service & Support 26
  • Notes
  • Facebook Twitter Google+http://bit.ly/AC0ZLI www.bit.ly/AB954I http://bit.ly/xcOZZY www.logoswish.com