Бесплатный миникурс «Adobe Illustrator для новичков

В Adobe Illustrator можно открывать или помещать файлы Photoshop, поэтому нет необходимости сохранять или экспортировать изображение Photoshop в другой формат файла.

V Adobe Illustrator mojno otkryvat" ili pomeschat" faily Photoshop, poetomu net neobhodimosti sohranyat" ili eksportirovat" izobrajenie Photoshop v drugoi format faila.

В Adobe Illustrator можно открывать или помещать файлы Photoshop, поэтому нет необходимости сохранять или экспортировать изображение Photoshop в другой формат файла. Помещая изображение в открытый файл Illustrator, можно встроить его как любой другой обычный элемент иллюстрации либо сохранить его связь с исходным файлом. Хотя Illustrator не редактирует связанное изображение, можно вернуться в Photoshop с помощью команды «Изменить исходный файл», чтобы внести изменения в оригинал. После сохранения изменений они отображаются в версии изображения, находящейся в Illustrator.

1. Если файл изображения открыт в Photoshop, сохраните его как Photoshop (PSD) и закройте файл.
2. В Adobe Illustrator выполните одно из следующих действий.

   Чтобы открыть файл непосредственно в Illustrator, выберите «Файл» > «Открыть». Укажите путь к изображению в диалоговом окне «Открыть файл» и нажмите кнопку »Открыть».

   Чтобы встроить изображение в существующий файл Illustrator, выберите «Файл» > «Поместить». Укажите путь к файлу в диалоговом окне «Поместить», убедитесь, что параметр «Связать» не выбран, и нажмите кнопку »Поместить».

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

3. При открытии или помещении изображения без сохранения связи отображается диалоговое окно «Импорт Photoshop». Выберите соответствующий параметр, как показано ниже, и нажмите кнопку «ОК»:

   «Преобразовать слои Photoshop в объекты» предназначен для преобразования слоев в объекты Illustrator. При выборе этого параметра сохраняются маски, режимы наложения слоев, прозрачность, а также (дополнительно) фрагменты и карты ссылок. Однако этот параметр не поддерживает корректирующие слои и слои-эффекты Photoshop.

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

Сегодня хотелось бы затронуть тему неправильного представления о выборе практического «инструмента» дизайнера построенную на основе рассмотрения программ, разработанных Adobe. Статья охватывает главным образом три программных обеспечения в сфере искусства и дизайна, а именно - Adobe Illustrator, Adobe Photoshop, Adobe InDesign. Поскольку с каждой версией выпускается все больше и больше возможностей и обновлений, для неопытного дизайнера важно понять, какая программа будет являться лучшим решением для достижения оптимальных результатов в конкретных целях.

Adobe Illustrator

Что такое Adobe Illustrator

Adobe Illustrator представляет собой программный продукт для создания векторной графики, у которой, как известно, есть некоторые немаловажные особенности. Например, векторное изображение должно иметь возможность бесконечного варьирования масштабом, ведь именно это свойство является первым требованием для печати. Adobe Illustrator располагает удивительными программными настройками, что делает его уникальным графическим «инструментом», хотя и наблюдается большая схожесть с Corel Draw.

Adobe Illustrator, как правило, используется для:

Разработки логотипов, фирменных знаков и прочих символов компании;

Предпечатной подготовки;

Веб-графики;

Создания иных векторных изображений.

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

Illustrator не может реализовывать анимацию. Если вы ищете программное средство для разработки анимации, то Illustrator точно не для вас. Лучшим решением будет создать изображения в Illustrator и перевести их в любую подходящую программу для анимирования, например, Adobe Flash.

В Adobe Illustrator фильтры не «функционируют» точно так же, как в Photoshop. Вы тоже будете удивлены, как и многие люди, которые думали, что фильтры этих двух программ создают аналогичные эффекты. Это заблуждение.

Прямое использование Adobe Illustrator

Как уже говорилось выше, Illustrator отлично подходит для дизайна логотипа, товарных знаков, разработки различного брендинга, а также создания поздравительных открыток, приглашений на свадьбу и прочего.

После выхода Illustrator CS4 стало возможным создавать сложные брошюры, годовые отчеты и даже книги. Единственное, чем Illustrator уступает Indesign, так это отсутствием некоторых утилит, таких как шаблоны книги или нумерация страниц. Несмотря на это, Illustrator версии CS4 и выше имеет поддержку нескольких монтажных областей для создания «книг», но лишь для того, чтобы создавать небольшие брошюры или переводить несколько страниц дизайна в PDF формат для демонстрации результатов работы вашим клиентам.

Adobe Photoshop

Что такое Adobe Photoshop

Adobe Photoshop оказывается наиболее популярным из трех рассматриваемых программ Adobe. Самым главным, что обязательно нужно знать о Photoshop, это его принадлежность к программам для работы с пикселями, то есть с растровыми изображениями, которые будут оставаться в фиксированном размере.

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

Adobe Photoshop, как правило, используется для :

Редактирования фото и цветокоррекции;

Разработки дизайна пользовательского интерфейса мобильных приложений;

Веб-графики;

Реализации фотоэффектов и эффектов с текстом.

Типичные ошибки и заблуждения

Одним из распространенных заблуждений является то, что Photoshop используется для создания логотипов и ряда прочих элементов дизайна. Ради сбережения своего же времени выбросите эту идею за окно. Взять за пример даже те же самые визитные карточки. Существует немалое количество интерактивных учебных пособий, которые разъясняют вам, как создавать визитки в Photoshop. Несмотря на тот результат, который получится в результате обучения по этим урокам, это не лучшая практика, чтобы сделать её привычкой. Возможно визитка и будет выглядеть после печати нормально, но сколько головомороки можно было бы избежать, если сделать это в надлежащей для таких потребностей программе. Может Photoshop и «умеет» создавать векторные объекты и редактировать их, существует даже возможность переноса «путей» из Illustrator, но самое главное из всего этого то, что, в конце концов, они все же окажутся в виде пиксельных данных, которые не могут быть увеличены без искажений. Конечно, существуют некоторые элементы, которые можно создать с помощью Photoshop (например, текстовые эффекты, текстуры, фрагменты фотографий), но стоит помнить, что для грамотного представления пикселей необходимо заранее установить 300 пикселей на дюйм с использованием цветового режима CMYK (ни в коем разе не RGB).

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

Прямое использование Adobe Photoshop

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

Adobe Indesign

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

Indesign, как правило, используется для:

Разработки полноценного дизайна полиграфической продукции (разговор идет не о создании отдельных элементов, а о представлении дизайна страницы в целом);

Грамотной верстки и предпечатной подготовки журналов, брошюр, буклетов, книг, газет и прочей полиграфической продукции;

Редактирования и создания элементов дизайна (минимальный набор инструментов);

Создания интерактивных PDF документов.

Типичные ошибки и заблуждения

Несмотря на то, что существует возможность «нарисовать» объекты в Indesign, этот процесс реализуется на деле не особенно комфортно. Вместо рутинного горе-рисования стоит использовать такие «заточенные» для этих целей программы, как Photoshop или Illustrator, а затем импортировать полученное изображение в Indesign. Создание логотипа в Indesign очень затруднительно из-за отсутствия требуемого количества возможностей и инструментов.

Чаще всего, увидев меню Эффекты (Effects), у людей складывается ошибочное впечатление того, что обработать фотографию или осуществить с ней какой-то эффект здесь предоставляется возможность, аналогичная Photoshop. Нет, нет и ещё раз нет! Indesign не имеет подобающего функционала для редактирования фотографий.

Хотя существует и не так много заблуждение относительно Indesign, но все же получил довольно широкое распространение спор о том, что Illustrator имеет гораздо более удобные настройки для расположения элементов на странице, чем Indesign. Тут основной вопрос стоит о потребностях пользователя и правильности настроек.

Прямое использование Indesign

Если ваш проект состоит из нескольких страниц, то сверстать их (то есть распределить) для Indesign не составит никакого труда. Indesign также имеет отличную поддержку построения текста в три и более колонки. А в целом Indesign под силу все то размещение текста и объектов, что вы привыкли видеть на страницах газет, журналов и прочей цветной и черно-белой полиграфической продукции.

Итоговое сравнение

Illustrator против Indesign :

Illustrator не имеет возможности верстки заглавных страниц;

Illustrator не «умеет» нумеровать страницы;

Indesign не предназначен для создания объектов такой же сложности, как в Illustrator;

Indesign имеет превосходные возможности быстрой «упаковки» файлов для отправки их ресурсам принтера, в то время как в Illustrator это операция осуществляется немного запутанно;

Indesign превосходно стравляется со всевозможными операциями с блоками текстов, а Illustrator в этом деле, конечно, дилетант.

Illustrator по сравнению с Photoshop :

Illustrator имеет шикарную поддержку векторного изображения, по сравнению с тем, что в Photoshop она сильно ограничена;

Illustrator создает макет страницы лучше, чем Photoshop;

Illustrator не «умеет» обрабатывать пиксельные изображения и применять к ним эффекты так же превосходно, как это делается в Photoshop;

Photoshop является лучшей программой для цветокоррекции фотографий;

Illustrator поддерживает создание многостраничных PDF документов, а Photoshop этого делаеть не «умеет»;

Организация работы со слоями в Photoshop гораздо проще, чем в Illustrator;

Экспорт формата EPS у Illustrator лучше, чем у Photoshop;

Illustrator поддерживает взаимосвязь своих файлов (через импортирование и экспортирование графики), а PSD форматы Photoshop не могут обмениваться данными между собой таким же образом;

Photoshop имеет огромное количество эффектов на основе фильтров, в Illustrator же эта возможность сильно ограничена.

Indesign по сравнению с Photoshop:

Indesign профессионально создает макеты страниц, в то время как Photoshop этого не делает;

Indesign создает элементы, которые могут закреплять за собой ссылки, а в Photoshop эта функция отсутствует (Indesign обладает возможностью создания интерактивных документов, а Photoshop нет);

Indesign поддерживает многостраничные PDF файлы (например, для печати), а в Photoshop - всего лишь одна страница;

В Indesign отсутствуют эффекты, аналогичные Photoshop (и частично Illustrator).

Вот такой вот рисунок захотелось мне создать (смотрим в большем разрешении), просматривая аналогичные работы своих коллег в Веб. Для этого нам все-таки понадобится программа Adobe Illustrator, поэтому имейте в виду, что основная работа придется на нее. Затем мы перейдем в Photoshop, в котором зададим конечные эффекты для получившегося текста.

Что нам понадобится:

1 Шаг: Пишем слово в Иллюстраторе

Откройте Иллюстратор и создайте новый документ размером страницы A4. При помощи инструмента Type наберите слово LAYOUT посередине документа.

2 Шаг

Выделите это слово и выполните Object > Expand, после чего кликните Ok. Далее выполните Object > Compound Path > Release.

3 Шаг

Затем инструментом для выделения расположите буквы так, чтобы они симметрично выстроились, как показано на рисунке:

Инструментом Direct Selection Tool сдвиньте указанную точку буквы U чуть вверх, чтобы сделать ее более основательной.

Вот что должно в итоге получиться:

4 Шаг

Выделяем все буквы. Затем на панели инструментов кликаем по иконке смены местами цветов заливки и контура.

5 Шаг

Поверх буквы L растяните прямоугольник, как показано ниже.

Для уверенности в том, что он выровнен правильно, откройте окно Edit > Preferences и отметьте опцию Snap To Point, что вам здорово поможет и сэкономит уйму времени при выравнивании объектов.

6 Шаг

Теперь создайте прямоугольник позади буквы Y.

Еще один - за буквой O.

И очередной - за буквой T.

7 Шаг: Заполняем текстом букву L

Переключитесь на Type Tool. Наведите курсор на букву L и вы увидите, как вокруг курсора появится кружок. Теперь кликните внутрь фигуры L и начните заполнять ее текстом. Я использовал всем известный “lorem ipsum”, сгенерированный на lipsum . В качестве шрифта я использовал Helvetica Neue Lt Std, из-за его великолепной универсальности, да и просто потому, что он всегда мне нравился. В данном случае я использовал начертание Bold Condensed.

8 Шаг

Выполните двойной щелчок по тексту, чтобы выделить его весь. В панели настроек текста, выберите режим выравнивания по всей ширине (Justify). Далее кликните по маленькой стрелке, для раскрытия расширенного меню и выберите в нем пункт Hypenation. Передвиньте там ползунок на уровень Better Spacing.

Вот что должно выйти в результате:

9 Шаг

Теперь наложите текст еще и на прямоугольник, лежащий поверх буквы L. Смените начертание шрифта на Light Condensed.

10 Шаг: Буква Y

Теперь переключимся на букву Y. С ней придется повозиться чуть подольше - она довольно сложная. Сначала поместите текст в прямоугольник за буквой Y. Используйте при этом начертание Light Condensed.

Теперь выберите в первой строчке символы, которые лежат внутри силуэта буквы Y и смените им начертание на Bold Condensed.

Проделайте теперь это со всеми буквами, лежащими в контуре Y. Да, как я и говорил, это может отнять массу времени. Поэтому будьте аккуратны и терпеливы.

После того, как все нужные символы будут выделены жирным, кликните по значку с глазом напротив слоя Y в палитре Layers. Что получилось у меня - смотрим ниже.

11 Шаг: Буква O

Выберите внешний контур буквы O и увеличьте его так, чтобы он оказался чуть больше своего контейнера-прямоугольника по высоте.

12 Шаг

Теперь вместе с этим контуром, выберите также и прямоугольник. Затем откройте панель Pathfinder и нажмите кнопку Exclude.

13 Шаг

Выберите верхнюю и нижнюю части этой конструкции и нажмите Delete.

14 Шаг

На каждую из образовавшихся частей нанесите текст. Для левой и правой частей используйте выравнивание по ширине (Justify), для средней части - выравнивание по центру.

15 Шаг: Буква U

Выберите букву U. При помощи Move Tool поверните ее на 90 градусов.

16 Шаг

Добавьте еще одну порцию текста, используя начертание Bold Condensed.

17 Шаг

Теперь снова переключитесь на Rotate Tool и переверните U обратно в первоначальное положение.

18 Шаг: Буква T

Теперь добавляем текст букве T.

19 Шаг

Теперь откройте меню шрифтов и увеличьте значение Text Leading в два раза. В моем случае это было с 7.2 до 14.

20 Шаг

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

21 Шаг

Теперь зададим Minus Leading. У меня было значение 7, поэтому я задал -7.

В результате получилось так, что оба текста отлично наложились друг на друга и образовали полноценную букву T.

23 Шаг: Буква A

Над буквой A мы еще не работали, поэтому при помощи инструмента Pen Tool создайте фигуру, покрывающую левую половинку буквы.

24 Шаг

Вставьте туда блок текста.

25 Шаг

При помощи Move Tool поверните фигуру, пока текст не впишется в нее идеально по горизонтали.

26 Шаг

При помощи Rotate Tool верните фигуру с текстом на прежнее место.

27 Шаг

Проделайте то же самое для правой части буквы.

28 Шаг

Не забудьте нанести текст на поперечную часть A. После этого контур буквы можно также спрятать.

В итоге мы должны получить вот такую картину.

29 Шаг: Экспорт в PDF

Теперь нам нужно все это импортировать в Photoshop. Для начала нашу работу нужно сохранить в формате, который наилучшим образом передает векторное качество. Я для этого использую PDF. В настройках укажите Press Quality - эта опция используется для коммерческих принтов и сохраняет всю детализацию в соответствии с исходным изображением.

30 Шаг: Импорт в Photoshop

Запустите Photoshop и откройте File > Open. Выберите тот PDF, который мы создали и задайте разрешение в 300 ppi.

Почему мы используем 300ppi разрешение?

Режим Press Quality сохраняет файлы с разрешением 300ppi. Поэтому, импортируя файлы в таком же разрешении в Photoshop, мы загружаем их в полном размере, не теряя при этом ни единого пикселя. Это означает, что мы не теряем так же ни одной детали, созданной в Illustrator. Рисунок ниже показывает часть импортированного изображения в 100% размере на белом фоне. Как видите - текст остается очень четким.

31 Шаг

PDF загружается, как прозрачное изображение.

32 Шаг: Начинаем работать в Photoshop

Нажмите Ctrl + A, затем Ctrl + C и создайте новый файл размером A4 и разрешением 300ppi. Нажмите Ctrl + V и вставьте свой текст туда.

Нажимаем Ctrl + I, чтобы инвертировать цвет текста в белый. Затем кликаем Layer > Convert to Smart Object. Нажмите Ctrl + T и поверните текст.

Просили написать такую же инструкцию и для Adobe Illustrator, ну что же, просили - получайте 🙂

Adobe Illustrator версии CC 2018 - мощный векторный графический редактор, разработанный, распространяемый и постоянно обновляемый компанией Адобе.

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

Поехали - скачаем, установим и активируем русскую Adobe Illustrator CC 2018 (кому нужна английская или другая сборка смотрите Частые вопросы в конце статьи):

1. Загрузите по официальной ссылке zip-архив 32 или 64 битности напротив надписи Illustrator (чтобы узнать какой битности ваша система - кликните правой кнопкой мыши на Пуск-е и выберите Система).
2. ИЗВЛЕКИТЕ архив и распакованной папке отыщите файл Set-up.exe - запустите установку. В процессе появится окно, где будет предложено зарегистрироваться или ввести свой Adobe ID.
3. Заполните все поля для получения Adobe ID: Имя, Фамилия, E-mail (любой, подтверждать не надо) и пароль (должен состоять из БОЛЬШИХ и маленьких букв на латинице, а также из цифр. Пример: UIooo2139 или OIDDzxcv23). Поставьте все галочки, подтверждение номера телефона можно пропустить.
4. Начнётся автоматическая установка, если не началась нажмите Демо. После установки программа автоматически запустится, если нет нажмите Демо. И подтвердите начало использования пробного периода, нажав Подтвердить.
5. Качаем для 64-битной Windows этот архив , либо для 32-бит этот (пароль на архивы 111). Распаковываем архив в любую папку: Загрузки, на рабочий стол - куда угодно.
6. Открываем папку: C:\Program Files\Adobe\Adobe Illustrator CC 2018\Support Files\Contents\Windows\ и находим файл amtlib.dll, переименовываем его, например так amtlib(оригинал).dll
7. Вставляем в эту папку ранее скачанный файл amtlib.dll и запускаем Adobe Illustrator CC 2018 со значка на рабочем столе или через Пуск. Всё должно работать - пробного периода в программе нет.

Как видите, скачать и установить активированную полную версию Adobe Illustrator CC 2018 можно и без торрента.

Вопросы и ответы по Illustrator CC 2018

• Как изменить язык интерфейса на русский или английский, или на любой другой?

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

• Ничего не работает? Проблемы?

Пишите в комментарии, будем разбираться 🙂

Это руководство будет полезно для тех, кто работает с Adobe Photoshop и Adobe Illustrator, а иногда и обменивается изображениями между этими двумя программами и отправляет свои работы в микросток .

Adobe Photoshop и Adobe Illustrator могут работать вместе во многих отношениях для плодотворных результатов. На этом уроке мы обсудим вырезания и вставки векторных файлов в Photoshop с помощью следующих фото-и векторов Shutterstock от Loriklaszlo и Дональда Sawvel.

Копировать и вставить

Это один из наиболее интересных способов импорта векторных изображений в Photoshop. Если вы откроете векторный файл в такой программе, как Illustrator, выбирайте то, что вы хотите импортировать, затем жмите копировать и вставить в документ Photoshop.

Сначала я удаляю фон из рисунка так, что я могу вставить иллюстрированную картинку в верхнюю часть черно-белых фотографий.

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

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

Удерживая shift и потянув один из углов можно масштабировать объект до нужного размера (удерживайте нажатой клавишу, если вы хотите масштабировать объект пропорционально).

Enter и ваше векторное изображение конвертируется в пиксели и размещается.

Path очень просто импортирует вектор как Work Path, но это не сделает объект цветным. После того, как вы нажмете ОК, у вас есть все опции редактирования с Work Path. Кроме того при использовании опции Path, все шаги вставляются в своем оригинальном размере, а не в размере документа.

Опция Shape Layer импортирует путь к объекту, как Vector Mask. Этот способ импорта не дает цвет рисунку, он заполняет форму цветом, выбраным в вашем плане. Как опция Path, объект примет свою натуральную величину без ограничительной рамки.

Моя любимая опция (простите меня за сохранение последнего....) является "Smart Object". При вставке выбора в документ цвет проникает, и вы получите ограничивающий прямоугольник для масштабирования по мере необходимости.

Return и объект помещены. Теперь у вас есть слой с названием “Vector Smart Image”. Если вы хотите что-то изменить в объекте, который вы разместили, к сожалению, вы не сможете изменить его в Photoshop, потому что когда вы помещаете его, как смарт-объект, вы не получите путь. Но вот где это становится удивительным: если вы дважды щелкните на значке смарт-объектов...

Появится окно, которое объясняет, что нужно делать, если смарт-объект открывается...

Нажмите OK, и ваш объект откроется в Illustrator, готовый к измению.

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

Как только вы закончите вносить изменения, нажмите Сохранить (не Save As) и вернуться в документ Photoshop ...

Объект автоматически обновляется в Photoshop документе! Вы можете сделать это столько раз, сколько вы хотите, и вносить столько изменений, сколько нравится.

Открытие "Smart Object" изменила мою жизнь, и я надеюсь, что улучшит и вашу! Вы сможете отправлять свои работы в любой фотобанк!