Как сделать логотип в иллюстраторе пошаговая инструкция - Все инструкции и руководства по применению

Download Article

Do you want to design a logo? A logo is a visual design used to identify a business, organization, or brand. They are used on signs, pamphlets, advertisements, websites, business cards, and almost everything associated with the brand. This wikiHow article teaches you how to design a logo in Adobe Illustrator. The benefit of using Adobe Illustrator to design a logo is that Adobe Illustrator is a vector graphics editor. Images designed in Adobe Illustrator can be stretched to any size without any pixelization or distortion. Illustrator also has access to the Pantone library which is used in professional printing.

Things You Should Know

Adobe Illustrator is one of the industry standard applications for graphic designers.
Vector graphics are great for logo design because vector graphics can be blown up to any size and do not distort or get pixelated.
Vector graphics can be used in a variety of platforms, including print, business cards, stationary, and t-shirts, as well as digital platforms such as social media profile pictures, film, and video.

1
Think about your brand identity. A logo should not be treated as a simple afterthought. The logo you design is going to be used to identify your brand or organization for years to come. A logo is worth putting time and energy into designing. Before you start designing a logo, take some time to think about your brand identity. If you are designing a logo for someone else, study the brand or have an interview with the brand owner. Here are some questions you should ask before designing a logo:
- What is the philosophy behind your brand?
- What makes you different from the competition?
- Are there any symbols or images that are representative of your brand?
- Are there any colors or color combinations that fit your brand identity?
2
Draw lots of rough ideas. Once you have an idea of your brand identity, start sketching your ideas. You can do this on paper, or in Illustrator. Avoid adding color at this stage. Don’t go with the first idea that pops into your head. Professional graphic designers will often draw hundreds of rough ideas.
- If you just want to create a vector version of an existing logo, you can trace over an existing raster image of a logo using Illustrator’s Live Trace feature or manually using the Illustrator tools.
Advertisement
3

Get some feedback for your designs. After you’ve designed a number of rough logos, narrow it down to a few of your favorites. Show them to other graphic designers. If you are designing for someone else, show it to the client and see if they have anything they want to change or add.

1
Open Illustrator. Illustrator has a yellow icon that says «Ai». Click the icon on your PC or Mac to open Adobe Illustrator.
- You need a subscription to Adobe Illustrator or Adobe Creative Cloud to download and install Adobe Illustrator. You can start a free 7-day trial of Adobe Illustrator at https://www.adobe.com/products/illustrator/free-trial-download.html
- If you don’t have a subscription to Adobe Illustrator, you can use Inkscape which is a free and open-source alternative to Adobe Illustrator. It has many of the same features that Adobe Illustrator has.
2
Create a new file. Use the following steps to create a new file in Adobe Illustrator.
- Click File in the menu bar at the top.
- Click New.
- Type a name for the file next to «Name».
- Click Ok.
3
Turn on Rulers. Having rulers on will allow you to add guides to your artboard. You can drag a guide onto the artboard by clicking and dragging the ruler on the left or top. Use the following steps to turn on rulers.
- Click View in the menu bar at the top.
- Hover over Rulers.
- Click Show Rulers.
4
Adjust the artboard to fit your logo idea. The Artboard Tool has an icon that resembles a square with crop marks in the corners. It’s in the toolbar to the left. Click this icon and then click and drag the edges of the white artboard in the center of the screen to adjust the size of the artboard.
- Most logos are designed on a vertical rectangle-shaped artboard or an even square-shaped artboard. A rectangle-shaped logo will look good on banners, signs, and a social media cover page, but a square-shaped logo will fit into more platforms, such as the corner of a business card or social media profile icons.
5

Click File. It’s in the menu bar at the top of the page.
6

Click Save. It’s in the File menu. This saves your file. You should save often while working.

1

Select the text tool. The text tool is the icon that resembles a «T» in the toolbar to the left. Click this icon.
2
Select a font. Use the drop-down menu next to «Character» at the top of the screen to select a font. Use the second drop-down menu next to «Character» to select the format (i.e. regular, bold, italic, etc).
- A traditional font such as Times New Roman or Garamond can add a formal look to a logo.
- A sans-serif font such as Helvetica can add a more modern look to a font.
- Avoid using overly decorative fonts that are difficult to read. Also, avoid mixing fonts in your logo design.
- If you download free fonts online, be aware of the licensing agreement for those fonts. Many free fonts are free to use for personal use but are not authorized for commercial use.
3
Add your text. With the text tool selected, click anywhere on the artboard to add a text cursor. Then type your text. Consider adding a separate text object for each word. Especially if you plan on using different colors or sizes for different words in your logo design.
- Don’t add color to your logo just yet. Color printing might not always be an option. Designing a simple black-and-white logo to start with will ensure that your logo looks good in its simplest form.
- You can also use the Text on a Path Tool to add text in a circle or curvy shape.
4
Adjust the size and spacing of the text. Double-click the text to highlight it. Then click Character at the top of the screen to display the character adjustment menu. Use the following options to adjust your text in the Character menu.
- Font Size: The drop-down menu with a small «T» next to a large «T» adjusts the font size. You can also use the selection tool (the icon that resembles a black mouse cursor in the toolbar to the left) to change the size of your font by clicking and dragging the corners of your text object. Hold Shift to keep the text size proportional while resizing it with the selection tool.
- Leading: Leading changes the space between lines of text. Use the drop-down menu next to the icon that resembles an «A» on top of another «A» to change the leading.
- Kerning: Kerning adjusts the space between specific characters. To adjust the kerning, highlight the characters you want to adjust and then use the drop-down menu next to the icon with an «A» and a «V» being pushed together in the character menu to adjust the kerning.
- Tracking: Tracking adjusts the space between all characters in the text. Use the drop-down menu next to the icon that resembles an «A» and a «V» being pushed apart in the Character menu to adjust the tracking.
- Horizontal Scale: Horizontal stretches the characters horizontally making them wider or thinner. Use the drop-down menu next to the icon that resembles a «T» being stretched horizontally in the Character menu to adjust the horizontal scale of the text.
- Vertical Scale: Vertical scale stretches characters vertically making them taller or shorter. Use the icon that resembles a «T» being stretched vertically to adjust the vertical scale of the text.
5
Vectorize the font. The font you select for your logo may not be available on all machines. Once you get the text set the way you want it, you should vectorize the font. This transforms the text into a vector graphic instead of a text object. Be aware that you will not be able to edit the text after it has been vectorized. So make sure you are finished editing it and you are happy with how it looks. Use the following steps to vectorize the text:
- Click the selection tool at the top of the toolbar to the left.
- Click the text object to select it.
- Click Type in the menu bar at the top.
- Click Create Outlines.

1
Select a shape tool. Click the icon that resembles a rectangle in the toolbar to the left to select the rectangle tool. Click and hold the rectangle tool to see other shape tools. Click the shape tool for the shape you want to add to your logo. For example, if you want to draw a face, use the ellipse tool to draw a circle or oval shape for the head.
- It’s a good idea to place your text and your images on separate layers in Illustrator.
- You can also use the Pen Tool to create more complex shapes.
2
Click and drag to add a shape. The easiest way to create images in Illustrator is by combining and subtracting simple shapes. Select a shape tool and click and drag to add a shape to your artboard.
- Hold ⇧ Shift while you click and drag to keep the shape proportional.
- Don’t add any color to the logo just yet. Start with a simple black-and-white version of the logo.
3

Add another shape on top of the first shape. You can use the same shape tool or another shape tool to add a new shape on top of the previous shape. For example, you can add small ovals on the side of a larger oval to make ears. You can also use circles to cut out eyes in an oval-shaped face.
4

Select both shapes. To select both shapes, click the selection tool at the top of the toolbar to the left and then click and drag over all the shapes you want to modify.
5
Open the Pathfinder. The Pathfinder has an icon that resembles a square overlapping another square in the sidebar to the right. If you don’t see the Pathfinder icon, use the following steps to open the Pathfinder.
- Click Windows in the menu bar at the top.
- Click Pathfinder
6
Use the pathfinder to create shapes. The pathfinder has the following tools:
- Unite: This joins the selected shapes into a single shape. It’s the icon that resembles two squares joined together.
- Minus Front: This cuts the shape on top out of the shape on the bottom. It’s the icon that resembles a square with the corner cut out.
- Intersect: This removes all but where the two shapes overlap. It’s the icon with two squares forming a small square in the middle.
- Exclude: This removes the area where the two shapes overlap. It’s the icon with the two squares with the corners cut out in the middle.
7
Use the Direct Select tool to adjust lines and curves. The Direct Select Tool is the second icon in the toolbar to the left. It has an icon that resembles a white mouse cursor. You can use it to adjust the lines and curves of a shape.
- If you zoom in on a shape, you’ll see white dots on the lines and corners of the shape. These are called Vectors. Use the Direct Select tool and click and drag the vectors to move them. This allows you to move corners and expand shapes.
- If you click a vector with the Direct Select tool, you might see two lines with dots on the end of them attached to the vector. These are called Bezier Curves. You can click and drag them to adjust the curve of a line.

1
Click the artboards icon. This is the icon that resembles two pieces of paper in the sidebar to the right. Not to be confused with the Artboard Tool in the toolbar to the left. If you do not see the Artboards icon, use the following steps to open it.
- Click Windows in the menu bar at the top.
- Click Artboards
2

Click the small paper icon. It’s in the lower-right corner of the Artboards menu. This adds a new artboard to your file.
3

Copy the logo in the first artboard. Click the selection tool at the top of the toolbar to the left. Then click and drag over the entire logo in the first artboard. Click Edit in the menu bar at the top and click Copy.
4

Paste the logo into the new artboard. Navigate over to the second artboard and click Edit in the menu bar at the top. Then click Paste to paste the logo into the second artboard. Instead of adding color to the original logo in the first artboard, save a black-and-white version as your line-art logo. Add color to a separate version of the logo.
5

Select a shape you want to add color to. Click the Selection tool in the toolbar to the left and click a shape or text you want to add color to.
6
Click the swatches menu. It’s the icon that resembles a grid with different color squares in the sidebar menu to the right. If you don’t see the swatches menu, use the following steps to open the swatches menu:
- Click Windows in the menu bar at the top.
- Click Swatches.
7

Click the swatches libraries menu icon. It’s the icon that resembles two folders stacked together in the lower-left corner of the swatches menu. This displays a drop-down menu with a variety of swatch libraries.
8
Click a swatch library. There are a number of swatch libraries in the drop-down menu. These include Earth tones, Natural, Kids’ Stuff, Metal, Color Properties, skin tones, and more.
- You can access Pantone swatches under Color books in the swatch libraries menu.
9
Click a color. This changes the color of the selected object in the artboard. It’s a good idea to stick to a few simple colors for a logo. If you want to add more advanced colors to a logo, create a full-color version of the logo on a third artboard.
- You can also use the gradient to add more complex color blends. However, it’s best to do this on a third artboard with a full-color copy of the logo.

1

Click File. It’s in the menu bar at the top.
2

Click Save As. It’s in the File menu.
3
Select «Illustrator EPS» as the file type. Use the drop-down menu next to «Save as Type» to select «Illustrator EPS». This is the standard file format for printing in vector format.
- You can also select «Adobe PDF» to save the logo in PDF format.
- If you plan on using the logo in Adobe Animate or Adobe After Effects, it’s also recommended that you save a copy in «SVG» format.
4

Click Save. This saves the logo in the selected file format.

Video

Add New Question

Question

what is the size of logo regulary use?pixel size or other

This answer was written by one of our trained team of researchers who validated it for accuracy and comprehensiveness.

wikiHow Staff Editor

Staff Answer

Logos can be a variety of sizes depending on how they are being used. The reason we use Adobe Illustrator to create logos is because it creates logos in vector format. Vector graphics can be stretched to any size without losing quality. So it doesn’t really matter what size you make your Illustrator file.
Question

how it was created in a cad

This answer was written by one of our trained team of researchers who validated it for accuracy and comprehensiveness.

wikiHow Staff Editor

Staff Answer

You can create a CAD version of a logo by saving the logo as an SVG file. From there you should be able to import the SVG file into your CAD program. Then you can convert the SVG into a mesh, which will allow you to edit it in your CAD program.
Question

How do I create a blank page?

Select the edit tab and click «New,» then select how big you want your page «Artboard,» and click «select». Or, you can use the keystrokes: hold down control and then, while still holding control, click «n».

Ask a Question

200 characters left

Include your email address to get a message when this question is answered.

Submit

Thanks for reading our article! If you’d like to learn more about designing websites, check out our in-depth interview with Ryan Conway.

About This Article

Article SummaryX

1. Open Illustrator.
2. Create a new file with a rectangle or square-shaped artboard.
3. Use the Text tool to add text to the logo.
4. Click Character at the top of the screen.
5. Use the Character menu to adjust the font, font format, size, spacing, and horizontal and vertical scale of the text.
6. Click Type’ followed by «Create Outlines to vectorize the text.
7. Use the shape tool to add shapes to your logo.
8. Use pathfinder to combine shapes or cut shapes out of existing shapes.
9. Use the Swatches menu to add color to the logo.
10. Export the logo as an EPS file.

Did this summary help you?

Thanks to all authors for creating a page that has been read 265,309 times.

Reader Success Stories

«I was able to change the shape and size of the letters.»

Is this article up to date?

Источник

Use vector shapes in Adobe Illustrator to create a logo that looks good onscreen and in print. The best part about vector art is that it scales to any size — from business cards to billboards — without losing quality.

Typekit is now Adobe Fonts.

Man wearing a pizza t-shirt reading "SIDE SLICE" designed in Adobe Illustrator

Set up your logo project

Create a new document and set up your workspace. Bring in a reference image to use as inspiration, and use the Layers panel to easily manage your artwork.

Learn how to create a new document, reset your workspace, place a reference image, and open the Layers panel.

Use basic shapes to create complex art

Combine rectangles, triangles, circles, and freeform shapes to build your artwork. Use Smart Guides to align the various elements.

Learn how to enable Smart Guides to align artwork easily, manipulate a Live Shape, and draw a shape freeform.

Add color

Apply colors to all your logo components using intuitive controls that let you easily make edits. To keep the colors and shapes of your logo handy, simply add them to your Adobe Creative Cloud Libraries.

Learn how to edit a color, save a color to a library, and access premade color swatch libraries.

Fine-tune your logo

Now adjust the scale of your shapes and rotate them to assemble the toppings on your pizza slice.

Learn how to rotate a shape and reuse a color from a library.

Add text

Round out your logo by adding the business name using the powerful typesetting features in Illustrator. Creative Cloud members can choose from the vast library of high-quality typefaces from Adobe Typekit.

Learn how to add text, change the font, add fonts from Typekit, and add spacing between letters.

Preview and save your logo

See how your logo looks on mockups of everyday items, like t-shirts and business cards. And learn how easy it is to save your logo artwork for printing, sharing as a PDF, posting on the web, and more.

Learn how to save your finished logo to a library, save it as a PDF, and choose other options for general web use.

Источник

Логотип является одним из самых важных аспектов любого бизнеса. Это визуальная отметка, которая представляет компанию, ее ценности и уникальность. Создание логотипа может показаться сложным процессом, но с Иллюстратором вы можете легко и профессионально разработать уникальный логотип, который отразит вашу компанию и привлечет внимание клиентов.

Иллюстратор — это мощный инструмент графического дизайна, который предоставляет широкий набор функций и инструментов для создания логотипов и других векторных иллюстраций. В этом руководстве мы рассмотрим основные этапы создания логотипа в Иллюстраторе, начиная с концепции и заканчивая финальными штрихами.

Прежде чем начать, важно определить цели и задуматься о значимости вашего логотипа. Он должен быть запоминающимся, отражать бренд и установить вашу компанию среди конкурентов. Вы должны также разобраться с основами дизайна и использовать их для создания привлекательного и эффективного логотипа.

Итак, давайте приступим к созданию вашего логотипа в Иллюстраторе. Следуйте этому пошаговому руководству и воплотите свои идеи в жизнь!

Содержание

Подготовка к работе
Создание нового документа
Импорт шрифта и цветовой палитры
Рисование основных форм и линий

Подготовка к работе

Прежде чем приступить к созданию логотипа в Иллюстраторе, необходимо выполнить ряд подготовительных действий. В этом разделе мы рассмотрим, что нужно сделать перед началом работы.

1. Определить цель: определитесь с тем, какую цель должен выполнять ваш логотип. Размышляйте о том, какую информацию или идею вы хотите передать с помощью него.

2. Провести исследование: изучите существующие логотипы конкурентов и смежных компаний, чтобы понять, что уже существует на рынке и как можно выделиться.

3. Собрать вдохновение: создайте вдохновительную коллекцию изображений, цветов, шрифтов и элементов дизайна, которые помогут вам при создании идеи для логотипа.

4. Определиться с типом логотипа: выберите тип, который лучше всего подходит вашей компании и задаче. Например, это может быть символ, буквы, сочетание символа и букв и т.д.

5. Выбрать цвета: выберите цветовую палитру, которая соответствует вашей компании и вызывает нужные ассоциации у аудитории. Учтите, что каждый цвет имеет свое значение и влияние.

После того, как выполнены все подготовительные шаги, можно приступать к созданию логотипа в Иллюстраторе. В следующем разделе мы расскажем о том, как создать основу логотипа.

Создание нового документа

Чтобы создать новый документ в Adobe Illustrator, следуйте следующим шагам:

Откройте программу Illustrator.
На верхней панели выберите меню «Файл».
В раскрывающемся списке выберите «Создать новый документ».
Появится диалоговое окно «Новый документ».
Укажите необходимые параметры для вашего документа, такие как размер, ориентацию, единицы измерения и цветовую модель.
Нажмите кнопку «ОК», чтобы создать новый документ.

Теперь у вас есть новый пустой документ, на котором вы можете начать создавать свой логотип в Иллюстраторе.

Импорт шрифта и цветовой палитры

Перед тем как начать создание логотипа в Иллюстраторе, важно импортировать необходимый шрифт и цветовую палитру, чтобы использовать их в дизайне логотипа.

1. Шрифт:

Выберите подходящий шрифт для вашего логотипа. Шрифт должен быть уникальным, читаемым и соответствовать вашему бренду или стилю.
Скачайте выбранный шрифт с надежного ресурса в формате .ttf или .otf.
Откройте Иллюстратор и выберите инструмент «Текст».
Нажмите на значок «Вид» в верхней панели, затем выберите «Шрифты» чтобы открыть панель шрифтов.
Нажмите на «Панель шрифтов», затем на значок «Загрузить шрифт» и выберите скачанный шрифт.
Теперь вы можете использовать этот шрифт для создания текста в логотипе.

2. Цветовая палитра:

Определите цветовую схему, которую вы хотите использовать в логотипе.
Создайте файл с расширением .ASE в любой программе для работы с цветами, например Adobe Color.
Выберите нужные цвета и сохраните файл.
Откройте Иллюстратор и выберите панель «Цвета».
Нажмите на значок «Загрузить библиотеку» в панели «Цвета» и выберите сохраненный файл .ASE.
Теперь вы можете выбрать нужные цвета для заполнения и обводки объектов в логотипе.

Импортировав шрифт и цветовую палитру, вы готовы начать создание уникального и стильного логотипа в Иллюстраторе.

Рисование основных форм и линий

Перед тем как приступить к созданию логотипа в Иллюстраторе, необходимо продумать его композицию. Определите формы и линии, которые будут входить в ваш логотип.

Для начала работы создайте новый документ в программе Иллюстратор. Затем выберите инструменты для рисования базовых форм и линий.

Инструмент прямоугольника (Rectangle Tool) позволяет создавать прямоугольники и квадраты. Чтобы использовать данный инструмент, щелкните на иконке прямоугольника в панели инструментов Иллюстратора и щелкните и перетащите на холсте, чтобы нарисовать прямоугольник нужного размера.

Инструмент эллипса (Ellipse Tool) используется для создания эллипсов и кругов. Выберите его, щелкнув на иконке эллипса в панели инструментов, затем щелкните и перетащите на холсте для создания нужной формы.

Инструмент карандаша (Pencil Tool) позволяет рисовать произвольные кривые линии. Выберите его, щелкнув на иконке карандаша в панели инструментов, затем щелкните и проведите линию на холсте, двигая курсор мыши.

Инструмент кривой (Pen Tool) является наиболее мощным инструментом для создания форм и линий. Он позволяет рисовать прямые линии, кривые линии и сложные формы путем задания точек и направлениями для соединения этих точек. Выберите инструмент кривой, щелкнув на иконке карандаша в панели инструментов, затем создайте точки на холсте, кликая мышью, и изменяйте форму путем редактирования этих точек.

Используя эти инструменты, вы можете создавать различные формы и линии, которые будут составлять ваш логотип. Не бойтесь экспериментировать с разными формами и линиями, чтобы выбрать наиболее подходящий дизайн для вашего логотипа.

Инструмент	Описание
Прямоугольник	Создает прямоугольники и квадраты
Эллипс	Создает эллипсы и круги
Карандаш	Рисует произвольные кривые линии
Кривая	Создает прямые линии, кривые линии и сложные формы

Источник

В этом уроке мы рассмотрим процесс создания простого логотипа в виде буквы P. Его можно использовать для бизнеса, продукции, магазинов, транспортных компаний или где-либо еще. Мы будем работать с простыми геометрическими фигурами, используя программу Adobe Illustrator, что сделает процесс рисования простым и веселым. Давайте же начнем!

Если вы хотите приобрести один из вариантов этого логотипа, то это можно сделать на GraphicRiver.

1. Создаем новый документ и настраиваем сетку

Нажмите Ctrl+N, чтобы создать новый документ. Единицами измерений задайте пиксели и введите размеры 800×600 по ширине и высоте соответственно. На вкладке Advanced укажите цветовое пространство RGB, разрешение Screen (72 ppi) и обязательно снимите галочку с пункта Align New Objects to Pixel Grid, после чего нажмите OK.

Включите отображение сетки (View> Show Grid; Ctrl+”) и привязку к ней (View> Snap to Grid; Shift+Ctrl+”) Нам будет нужна сетка каждые 50 пикселей. Нажатием Ctrl+K откройте настройки программы (Preferences). На вкладке Guides & Grid введите в поле Gridline every значение 50, в поле Subdivisions — 4. Сетка облегчит нам выполнение работы. Ее отображение всегда можно быстро включить и отключить уже упомянутым выше сочетанием Ctrl+».

Также включите отображение панели Info (Window> Info), где будут указываться размеры и координаты фигур. Не забудьте, что единицами измерения должны быть выбраны пиксели (Edit> Preferences> Units> General). Это значительно ускорит и упростит выполнение работы.

Set a New Document with Align New Objects to Pixel Grid and set Gridline every 50 px and 4 Subdivisions

2. Создаем основные фигуры

Шаг 1

Активируйте инструмент Ellipse Tool (L). Заливку удалите и добавьте обводку черного цвета, который выберите с панели Swatches.

Инструментом Ellipse Tool (L) создайте по центру документа круг размерами 200×200 пикселей. Привязка к сетке поможет вам в этом. По центру предыдущей фигуры нарисуйте круг размерами 25×25 пикселей.

Выделите оба круга и сделайте их копию (Edit> Copy; Ctrl+C и затем Edit> Paste in Front; Ctrl+F). Инструментом Selection Tool (V) расположите дубликаты в непосредственной близости ниже оригинала. Получится нечто похожее на цифру восемь.

Two ellipses of 200 x 200 px forming sort of an eight

Шаг 2

В каждом из больших кругов добавьте по такой же фигуре размерами 50×50 пикселей. Расположите их как изображено ниже, под цифрой 1. Инструментом Line Segment Tool (\) нарисуйте вертикальные линии, соединяющие все круги. Затем продлите указанные под цифрой 3 линии на 100 пикселей вниз. Также соедините их линией.

Drawing straight lines between the logo structure

Шаг 3

Выделите все фигуры при помощи Selection Tool (V), залейте их любым цветом с панели Swatches, обводку не трогайте. Затем активируйте инструмент Shape Builder Tool (Shift+M).

Проведите этим инструментом по элементам «внешнего» кольца, как показано ниже, под цифрой 1. Аналогичным образом сформируйте «внутреннее» кольцо. И, наконец, просто кликните по «ноге», формируя тем самым букву «P».

Add shapes with Shape Builder Tool to form the letter P

Шаг 4

Инструментом Direct Selection Tool (A) выделите самую нижнюю левую опорную точку и при помощи функции Live Corners полностью закруглите ее. Удерживая Shift, добавьте в выделение другую нижнюю точку и затем сместите их вверх, нажав один раз клавишу «стрелка вверх» на клавиатуре. Удалите у объединенных фигур обводку.

Удалите все ненужные фигуры. Чтобы не рисковать, советую сначала вырезать нужные (Ctrl+X), удалить лишние и затем вставить фигуры на прежнее место (Ctrl+F).

Rounding lower corner and move up once the nodes with Direct Selection Tool