Использование объектов Photoshop в Adobe Illustrator. Photoshop или Illustrator что выбирают профессионалы

Скорее всего вы знаете, что есть два типа графики — растровая и векторная .

Растровое изображение состоит из множества маленьких ячеек — пикселей, где каждый пиксель имеет свой цвет. Растровое изображение легко узнать просто увеличив его на 200% очень быстро станет заметно множество маленьких квадратиков — это и есть пиксели.

Два самых популярных растровых формата: JPEG , PNG .

Растровая графика удобна для фотореалистичных изображений. Фотография — это также растровая графика. Именно с ней мы с вами и работаем в Adobe Photoshop .

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

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

Самые популярные векторные форматы: SVG , AI , асамый популярный редактор векторной графики — Adobe Illustrator .

Как видим, у каждого формата есть свои плюсы и минусы поэтому если вы работаете с графикой, то в идеале вам надо уметь работать и с растровой и с векторной графикой.

За все годы существования проекта «Фотошоп-мастер» мы давали вам уроки только по растровой графике. Но наши подписчики и клиенты часто просили нас порекомендовать им качественные обучающие материалы по векторной графике. И вот сегодня мы смело можем вам такие материалы рекомендовать, потому что на дружественном нам проекте "Видеосмаил" вышел новый обучающий миникурс — Adobe Illustrator для новичков.

Первые три урока этого миникурса вы можете изучить уже сегодня:

Урок 1 — Знакомство с программой

Урок 2 — Интерфейс Adobe Illustrator

Урок 3 — Обводка и заливка

Урок 4 — Инструменты в Adobe Illustrator

Урок 5 — Отрисовка изображения

Урок 6 — Работа с текстом

Практический урок для закрепления

Если этот курс вам понравился и вы хотите дальше развиваться в направлении векторной графики, то у меня для вас есть хорошая новость.

Уже в понедельник — 12 февраля в рамках дружественного нам проекта «Видеосмаил» выходит большой курс Вероники Поляковой, который получил название «Супер Illustrator» .

В этом курсе вас ждет 71 урок , а за время обучения вы создадите более 25 собственных иллюстраций и соберете полноценное портфолио, которое поможет вам в поиске первых клиентов.

Название: Adobe Illustrator CC
Версия программы: 17.1.0
Официальный сайт: ссылка
Язык интерфейса: Русский, Английский
Лечение: не требуется

Adobe Illustrator CC 2017 - лучшее средство для создания и редактирования векторной графики, которое широко используется мастерами своего дела. При создании иллюстрации, печатной продукции, интернет-содержимого, приложений, и даже видеороликов. В программе Illustrator теперь можно воспользоваться функцией связанных и встроенных картинок. Когда вы будете делать обрезку, можно использовать методы управления виджетом обрезки. Данная функция будет применяться только к тому изображению, которое будет вами выделено. Связанные изображения после обрезки превратятся во встроенные. Создавайте и просматривайте цветовые гаммы в приложении Illustrator, чтобы сразу пользоваться ими в ряде других приложений. У вас есть возможность также просматривать и остальные гаммы Adobe Color с непосредственной фильтрацией по разным категориям: самые популярные, те, которыми вы часто пользовались, а также произвольные опубликованные темы. Выбранная тема поможет вам подобрать нужные цвета для работы, которые вы сможете сохранить в палитре цветов в Illustrator. Программа в новой версии получила совершенно новый и яркий дизайн вместе с удобным интерфейсом. Инструменты обрели новые привлекательные значки. Интерфейс теперь вы сможете настроить по собственному желанию, а также выбрать одну из четырёх доступных тем. Благодаря замещающему тексту, вы сможете обеспечить эффективную визуализацию проекта. С этого момента новые объекты, созданные при помощи шрифтов, будут автоматически заполняться замещённым текстом. Для текста такого типа автоматически сохраняются настройки и кегль, используемые в предыдущем текстовом объекте. Благодаря интуитивным функциям, вы легко сможете создавать графические объекты с пиксельной точностью. В первую очередь данная функция была добавлена в Илюстрастор для экранов с различными типами обводки дисплея. Существующий объект можно также выравнивать по пиксельной сетке одним нажатием мышки во время рисования. Когда будет происходить преобразование рабочих объектов, вы сможете сделать выравнивание пикселов, не изменяя основной графический объект. Выравнивание пикселов можно применять исключительно к объектам, а также некоторым частям контура и опорным точкам, содержащимся в них. Новая версия приложения безупречно привнесла много функций, узнать о которых подробнее можно уже внутри программы.

Процессор Intel Pentium 4 или AMD Athlon 64
Microsoft Windows 7 с пакетом обновления SP 1 или Windows 8
1 Гб оперативной памяти (рекомендуется 3 Гб) для 32-разрядной версии; 2 Гб оперативной памяти (рекомендуется 8 Гб) для 64-разрядной версии
2 Гб свободного пространства на жестком диске для установки; дополнительное свободное пространство, необходимое для установки (не устанавливается на съемные устройства хранения флэш)
Разрешение монитора 1024 x 768 (рекомендуется 1280 x 800)
Для обязательной активации программного обеспечения, подтверждения подписки и доступа к онлайн-услугам требуется интернет-соединение и регистрация

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

Изображения в кистях
Рисуйте кистью, в которую была помещена фотография. Объектная, узорчатая и дискретная кисти могут содержать растровые изображения, что позволяет создавать сложный дизайн за несколько минут, рисуя обводки, имитирующие мазки натуральной кистью. Какой бы кистью Illustrator вы ни воспользовались, форму и внешний вид обводки можно изменить по вашему желанию.

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

Синхронизация шрифтов
Функция синхронизации шрифтов, входящая в состав Creative Cloud, изменит ваше представление о работе с текстом. С помощью постоянно пополняющейся библиотеки шрифтов Adobe Typekit вы сможете быстро найти идеально подходящий вам шрифт, синхронизировать его с системой и сразу же начать его использовать.

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

Извлечение каскадных таблиц стилей (CSS)
Написание кода вручную для таких веб-элементов, как значки и узоры, может быть утомительным. Однако теперь создавать веб-сайты стало еще проще благодаря программе Illustrator, которая сама создает код CSS даже для логотипов, включающих в себя градиенты. Копируйте и вставляйте код прямо в ваш веб-редактор.

Синхронизация цвета
Фиксируйте найденные и понравившиеся вам цветовые темы с помощью приложения Adobe Kuler для iPhone. Публикуйте свои цветовые темы и оцените тысячи тем других пользователей на веб-сайте Kuler. Синхронизуйте любимые цветовые темы и получайте к ним мгновенный доступ из Illustrator.

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

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

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

Высокая производительность работы с текстом
Работайте с текстом даже при создании сложных дизайнов, содержащих много текстового материала. Текст, обтекающий объекты или размещенный в нескольких связанных текстовых фреймах, теперь мгновенно обновляется после каждого внесения изменений.

Синхронизация настроек
Создавайте проекты на любом компьютере: Mac или PC. Синхронизируйте настройки вашего рабочего пространства в облачном сервисе Creative Cloud, включая установки, стили, кисти и библиотеки Illustrator, и используйте их, где бы вы ни находились.

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

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

Расширенные возможности палитры «Связи»
Теперь прямо в палитре «Связи» можно найти более подробные сведения о помещенных файлах. Все помещенные объекты - изображения, графика и текст - отображаются в палитре «Связи», где их можно детально отслеживать.

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

Система Adobe Mercury Performance
Обрабатывайте большие, сложные файлы с высокой точностью, скоростью и надежностью. Благодаря встроенной поддержке 64-разрядных вычислений Mac OS и Windows система Adobe Mercury Performance позволяет получать приложению доступ ко всей оперативной памяти, чтобы с легкостью открывать, сохранять и экспортировать объемные файлы, а также осуществлять предварительный просмотр сложных дизайнов.

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

Градиенты и прозрачность
Работайте с градиентами непосредственно на объекте, задавайте размеры эллиптических градиентов, корректируйте цвета и настраивайте параметры непрозрачности. Применяйте градиенты по длине, ширине или внутри обводок. Можно даже создавать градиенты для сеток.

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

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

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

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

Трехмерные объекты и рисование в перспективе
Превращайте двумерные фигуры в редактируемые трехмерные объекты с помощью операций вытягивания и вращения контуров. Добавляйте освещение и изображение поверхности для создания реалистичных объектов. Воспользуйтесь сетками перспективы для создания объектов в 1-, 2- и 3-точечной линейной перспективе, тем самым достигая реалистичной глубины и расстояния.

Это руководство будет полезно для тех, кто работает с 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" изменила мою жизнь, и я надеюсь, что улучшит и вашу! Вы сможете отправлять свои работы в любой фотобанк!

До недавнего времени в работе я использовала Adobe Photoshop. И считала, что лучше фотошопа CS4 только фотошоп CS5.

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

Adobe Photoshop для дизайна сайтов:

Плюсы

Множество возможностей по работы с изображениями.
…а, в общем-то, и всё.

После знакомства с Adobe Illustrator привычный фотошоповский интерфейс со слоями и свойствами текста кажется неуклюжим недоразумением.

Минусы

Как метко выразился Валера Попов в своей статье «Почему я не использую фотошоп для дизайна сайтов »,
на придумывание и творчество уходит 10% рабочего времени, а всё остальное — рутинная работа по перемалыванию страниц.

Неудобная навигация по страницам. Для крупных интернет-магазинов количество страниц с индивидуальным дизайном может доходить до сотни. И как быть в таком случае? Как быстро найти на панели закладок нужную?
Нет возможности создать master-pages - для элементов, одинаковых на всех страницах. Например, шапка и меню. Говорят, в последних версиях ввели функцию Layer comps, но работает она весьма криво.
Для дублирования одинаковых элементов, которые стоят в одном и том же месте на разных страницах, нужно каждый раз рожать ежа и проходить ужасно муторную неудобную процедуру.
Нет возможности прописать стили отдельных блоков и помочь верстальщику.
При большом количестве страниц фотошоп нереально тормозит. Даже при всех остальных закрытых программах. Даже на новейшей сборке моего компа в офисе. А уж про старенький домашний и говорить не приходится.

Выход есть - Adobe Illustrator

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

Стала искать замену. Ещё до слона выполнила редизайн Хельги в ИнДизайне - не понравилось. Что именно, уже не вспомню. Потом наткнулась на Adobe Illustrator. Выписала себе официальный учебник на Озоне. Примерно за полторы недели освоила по нему все нужные мне функции.

Пока новых проектов нет, проработала в нём всё того же Бумажного слона.

Все минусы фотошопа устранены:

Навигация по страницам. В одном документе создаётся множество так называемых артбордов (Artboards). Вид можно настроить так, чтобы видеть их все одновременно:

Master-pages решены при помощи символов. К примеру, элементы шапки объединяются в группу, из группы создаётся символ. И уже этот символ копируется на все страницы (функция Paste on all artboards). Если надо в нём что-то поменять, по двойному щелчку на панели символов можно перейти в режим редактирования именно этого символа.

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

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

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

Из минусов отмечу совместную работу с фотошопом. Если перетащить из фотошопа слой с картинкой на прозрачном фоне, фон её становится белым:

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

Ещё в люстре есть библиотека стандартных элементов - поле поиска, чекбоксы и т.д. Но, по-моему, они не слишком удобные. При изменении размеров, они перекособочиваются:

Ну, а в остальном - просто сказка! Следующий проект по плану - интернет-магазин мебели, в котором уж наверняка будет много страниц. Вот люстру и опробую в боевых условиях.

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

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

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

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

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

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

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

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

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

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

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