Beruflich Dokumente
Kultur Dokumente
com
User Guide
Contents
4 4 4 5 6 6 8 11 13 13 14 15 16 16 18 21 24 24 25 Chapter 1: Getting Started Welcome What You Need to Get Started File Formats You Get Chapter 2: Working in Adobe Illustrator Opening File Working With Text Applying Color to Logo Change Position of Icon Saving your Illustrator document Exporting Illustrator files for use in Photoshop Exporting Logo for Use on the Web Chapter 3: Working in Adobe Photoshop Opening File Working With Text Applying Color to Logo Change Position of Icon Saving your Photoshop document Saving Logo for Use on the Web
1 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!
Our goal is to create high quality designs with professional and easy to use approach. Thats 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 dont recommend you to use any other software.
Chapter 1 | Getting Started 4
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
Tip: For maximum editability use AI, EPS & PDF file formats.
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.
Now lets take a look at the text. The first thing you will need is to change its your company name. As an example we will use this logo template below.
orbit
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 dont 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.
Satellite
Chapter 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 dont 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.
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 Technology
Chapter 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 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.
Font name
Font alignment
Font transparancy
3 In the Character Window to the right, you can change additional text properties.
10
Now when we are finished with text editing, our next step is color. If you like existing color and dont 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 .
Satellite Technology
Lets take a look at Illustrator tools we will need to make color changes.
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 Technology
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 dont 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.
Satellite Technology
Chapter 2 | Working in Adobe Illustrator 12
Sometimes 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 dont want to include. To deselect items you need to hold Shift key on your keyboard and click on items you dont want to select. 3 Drag icon to a new place.
Satellite
Technology
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.
We would like to refer to Page 7. We described how to save file & which options to choose.
13
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.
14
15
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.
17
Now lets take a look at the text. The first thing you will need is to change its your company name. As an example we will use this logo template below.
orbit
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 dont 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.
Satellite
Chapter 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 dont 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 dont 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 panel 2 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 Technology
Chapter 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 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.
Font name
Font alignment
Font color
3 In the Character Window to the right, you can change additional text properties.
20
Now when we are finished with text editing, our next step is color. If you like existing color and dont 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 .
Satellite Technology
Lets take a look at Photoshop tools we will need to make color changes.
Color picker Color palette
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 will appear. 2 Change Color. Select color that suit your personal taste or corporate identity. 3 Click Ok.
Layer thumbnail
Satellite Technology
Chapter 3 | Working in Adobe Photoshop
OR
Satellite Technology
22
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.
Satellite Technology
Chapter 3 | Working in Adobe Photoshop 23
Sometimes 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.
We would like to refer to Page 16. We described how to save file & which options to choose.
Chapter 3 | Working in Adobe Photoshop 24
25
26
Notes
Facebook http://bit.ly/AC0ZLI
Twitter www.bit.ly/AB954I
Google+ http://bit.ly/xcOZZY
www.logoswish.com