how to design a logo. user guide for logo templates
DESCRIPTION
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.comTRANSCRIPT
User Guide
Logoswish.com Logo Templates Instructions
How to design a logo
www.logoswish.com
Chapter 1: Getting StartedWelcomeWhat You Need to Get StartedFile Formats You Get
Chapter 2: Working in Adobe Illustrator Opening FileWorking With TextApplying Color to LogoChange Position of IconSaving your Illustrator documentExporting Illustrator files for use in PhotoshopExporting Logo for Use on the Web
Chapter 3: Working in Adobe PhotoshopOpening FileWorking With TextApplying Color to LogoChange Position of IconSaving your Photoshop documentSaving Logo for Use on the Web
Chapter 4: Service and Support
4445
668
1113131415
16161821242425
26
Contents
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 service expectations. We hope you enjoy your purchase and our logo will help to increase the productivity of your staff.
Thanks again, for your order. If you have any questions, please email [email protected]
Sincerely, Your Logoswish Team
Chapter 1 | Getting Started
Getting Started
Welcome to Logoswish User Guide.
We used and taught Illustrator & Photoshop for over 10 years, we've learned that there are so many ways to use Adobe software. So, in this user guide, we'll focus on teaching you how to understand how Illustrator & Photoshop works and how it thinks, providing you with the knowledge that you'll need to get started creating artwork with Illustrator & Photoshop. We'll begin with basic concepts, like working with document. Then we'll teach you how to make text changes, covering things like use of color.
So, what are we waiting for? Let's get started!
What You Need to Get StartedOur 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.
1
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 designers
Chapter 1 | Getting Started 5
Working in Adobe Illustrator
Opening file
Now that you've got your Illustrator up and running, it's 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.
2
Chapter 2 | Working in Adobe Illustrator 6
Important: Before making changes we suggest you to save file with different name.
To save logo template file:1 Choose File > Save As. If you just go to File > Save, that's an option and that will write over your original file.2 Choose your file name & file format. If you are working with *.ai file format save it as *.ai. 3 Click Save. New window will appear.4 Choose Version. We'll just save as Illustrator CS version. So, there's no real need to change other options and when you go to save a file, you can just hit ok.5 Click Ok.
7Chapter 2 | Working in Adobe Illustrator
Working With TextNow let’s take a look at the text. The first thing you will need is to change it’s your company name. As an example we will use this logo template below.
To 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 of your text.
To change position of text:1 Choose Selection tool (V) from tools panel. 2 With mouse help place your text where you want.
8Chapter 2 | Working in Adobe Illustrator
orbit
Satellite
SatelliteTechnology
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 of your 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.
9Chapter 2 | Working in Adobe Illustrator
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 serious font selection might be the best bet. Having yourself an arsenal of fonts is very important.
Tip: You can look through the fonts on your machine library and test out different fonts, but we going to suggest you go over to www.dafont.com which offers variety of 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.
3 In the Character Window to the right, you can change additional text properties.
Changes space between each separate character.
10Chapter 2 | Working in Adobe Illustrator
Font name Font style (Regular, Bold, Italic etc.)
Font size Font transparancyFont alignment
SatelliteTechnology
Applying Color to LogoNow when we are finished with text editing, our next step is color. If you like existing color and don’t want to change anything in your logo you can skip this step. Usually clients need to change colors to fit their website look, presentation or corporate identity style. We will show you how easily you can change colors in this article. As an example we will use this logo template below .
Let’s take a look at Illustrator tools we will need to make color changes.
11Chapter 2 | Working in Adobe Illustrator
Fill color
Color palette
Color picker
Stroke color
SatelliteTechnology
SatelliteTechnology
SatelliteTechnology
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.
Tip: If you are searching for creative color ideas & combination we suggest you to visit 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 to find 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.
OR
12Chapter 2 | Working in Adobe Illustrator
SatelliteTechnology
Change Position Of IconSometimes you need to change things around. Next steps will show you how easy you 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’t want to include. To deselect items you need to hold Shift key on your keyboard and click on items you don’t want to select.3 Drag icon to a new place.
Now our logo is finished.
Tip: If you need to send your logo to printer, publisher or graphic design always transfer your font to outlines. To make this you wll need to select text from your logo 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 to choose.
13Chapter 2 | Working in Adobe Illustrator
Exporting Illustrator files for use in Photoshop
To 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 must work in Illustrator in RGB mode too. Bear in mind that Illustrator depending on artwork, colors etc. sometimes anyway is not available to write all layers seperatly.
14Chapter 2 | Working in Adobe Illustrator
Exporting Logo for Use on the Web
To 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.
15Chapter 2 | Working in Adobe Illustrator
Working in Adobe Photoshop
Opening file
Now that you've got your Illustrator up and running, it's 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.
3
Chapter 3 | Working in Adobe Photoshop 16
Important: Before making changes we suggest you to save file with different name.
To save logo template file:1 Choose File > Save As. If you just go to File > Save, that's an option and that will write over your original file.2 Choose your file name & file format. If you are working with *.psd file format save it as *.psd.3 Click Save.
17Chapter 3 | Working in Adobe Photoshop
Working With TextNow let’s take a look at the text. The first thing you will need is to change it’s your company name. As an example we will use this logo template below.
To 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 of your text.
To change position of text:1 Choose Move tool (V) from tools panel. 2 With mouse help place your text where you want.
18
orbit
SatelliteChapter 3 | Working in Adobe Photoshop
SatelliteTechnology
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 to Technology. 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 of your 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.
19Chapter 3 | Working in Adobe Photoshop
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 serious font selection might be the best bet. Having yourself an arsenal of fonts is very important.
Tip: You can look through the fonts on your machine library and test out different fonts, but we going to suggest you go over to www.dafont.com which offers variety of 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.
3 In the Character Window to the right, you can change additional text properties.
20
Font name Font style (Regular, Bold, Italic etc.)
Font size Font colorFont alignment
Chapter 3 | Working in Adobe Photoshop
Changes space between each separate character.
SatelliteTechnology
Applying Color to LogoNow when we are finished with text editing, our next step is color. If you like existing color and don’t want to change anything in your logo you can skip this step. Usually clients need to change colors to fit their website look, presentation or corporate identity style. We will show you how easily you can change colors in this article. As an example we will use this logo template below .
Let’s take a look at Photoshop tools we will need to make color changes.
21
Set foreground colorSet background color
Color palette
Color picker
Chapter 3 | Working in Adobe Photoshop
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 will appear.2 Change Color. Select color that suit your personal taste or corporate identity. 3 Click Ok.
22Chapter 3 | Working in Adobe Photoshop
Layer thumbnail
SatelliteTechnology
SatelliteTechnology
OR
SatelliteTechnology
Tip: If you are searching for creative color ideas & combination we suggest you to visit 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.
23Chapter 3 | Working in Adobe Photoshop
This 3 layers are realated to icon of your logo.
Change Position Of IconSometimes you need to change things around. Next steps will show you how easy you 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.
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 options to choose.
24Chapter 3 | Working in Adobe Photoshop
Saving Logo for Use on the Web
To save your logo for web:1 Choose File > Save for Web & Devices. 2 Choose your file Format & Compression.3 Click Save.
File format drop down menu.
Compression drop down menu.
Custom compression menu.
25Chapter 3 | Working in Adobe Photoshop
Service & Support
Here if you need us
Feedback & Success StoriesWe 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 [email protected]
Online ResourcesFor the latest information about the user guide updates or any other your interested information go to www.logoswish.com
SupportIf you have any questions, please email [email protected]
4
Chapter 4 | Service & Support 26
Notes
www.logoswish.com
Facebookhttp://bit.ly/AC0ZLI
Twitterwww.bit.ly/AB954I
Google+http://bit.ly/xcOZZY