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 впечатляет. Но ещё эффективнее считать их инструментами единого комплекта. Рассмотрим особенности взаимодействия двух самых распространённых — Photoshop и Illustrator.
Оба продукта — флагманы Adobe и входят во все предлагаемые наборы: Design collection (Illustrator, Photoshop, InDesign, Acrobat), Publishing collection (PageMaker, Photoshop, Illustrator, Acrobat) и Web collection (GoLive, Photoshop, Illustrator, LiveMotion). Максимальная совместимость собственных продуктов — стратегия компании, поэтому взаимодействию всех разработок уделяется пристальное внимание, но особенно — Illustrator и Photoshop. Они тесно связаны по следующим позициям:
- Поддержка связей с иллюстрациями и отслеживание изменений.
- Копирование/вставка изображений и векторных объектов через системный буфер обмена.
- Использование формата PSD как универсального средства обмена между приложениями.
Импорт изображений
Поместить изображение в документ Illustrator можно двумя способами: внедрить в него всё содержимое растрового файла либо задать ссылку на файл (связать изображение). Плюсы и минусы очевидны: в первом случае размер публикации вырастает пропорционально размеру иллюстрации, зато при выводе на печать результат прогнозируем, поскольку всё содержимое файла подвергается одной цветокоррекции. Во втором случае размер документа не увеличивается, но связанное изображение не проходит процедуру цветокоррекции, даже если она включена, а потому цвета «плавают». К тому же всегда есть риск при переносе файла потерять изображение, на которое задана ссылка.
Если опция Link включена (значение по умолчанию), дальнейшая работа Illustrator со связанным изображением определяется настройками редактора в Preferences, Files & Clipboard («Предпочтения», «Файлы и буфер»):
Automatic — автоматическое обновление (при изменении файла он будет заново импортирован в редактор при первой же активизации программы);
Ask when modified — запрос на обновление изображения;
Links (Manually) — никаких действий не выполняется, текущий статус картинки отображается в палитре.
Наличие обновлённой версии файла проверяется в палитре Links («Связи»): жёлтый треугольник с восклицательным знаком означает, что экранная версия изображения не соответствует версии на диске. Для загрузки обновлённого варианта изображения служит пиктограмма Update Link («Обновить связь»). Photoshop для редактирования PSD-файла загружается кнопкой Edit Original («Редактировать оригинал»).
Таким образом, автоматическая поддержка связей с изображениями и отслеживание изменений облегчают работу с Illustrator, освобождая дизайнеров от рутинной ручной работы.
Векторные контуры и прозрачность — через буфер обмена
Поскольку векторные контуры сохраняются в буфере обмена в формате PostScript, они распознаются любой другой программой, понимающей этот формат. При копировании области выделения (например, из Illustrator) данные о ней заносятся в буфер в двух форматах: в виде битовой картинки (Windows BMP или Macintosh PICT) — для доступности широкому кругу приложений, а также в версиях PDF и/или AICB, позволяющих передавать дополнительную информацию, — для приложений Adobe. PDF используется пакетом InDesign, прозрачность поддерживается как атрибут картинки.
AICB — диалект EPS, поэтому прозрачность поддерживается за счёт формирования в виде крошечных непрозрачных растровых картинок, восстанавливающих с определённой точностью первоначальное изображение. Для активной работы в связке с Photoshop и версией AICB необходимо определить, в каком виде прозрачные изображения будут вставлены в макет — режим Preserve Path («Сохранять контур») либо Preserve Appearance («Сохранять вид»).
При вставке из буфера в Photoshop данных, несущих информацию об объекте Illustrator, редактор предложит выбрать метод их интерпретации своими средствами: Pixels, Path или же Shape layer. Первый аналогичен внедрению файла формата EPS через стандартную операцию Place (объект растрируется), второй позволяет вставить контур как векторный объект типа Path (он появится в виде Work Path в палитре Pathes), а при использовании третьего в Photoshop появится новый слой — векторный, типа Shape, несущий полную информацию о вставленном объекте. Если копируемый из Illustrator объект не имеет прозрачности, выбор режима (Preserve Path либо Preserve Appearance) значения не имеет — объект копируется с сохранением всех характеристик.
Иначе обстоит дело при вставке в Photoshop из Illustrator областей изображения с частичной прозрачностью. Если в Illustrator установлена опция AICB Preserve Path, в Photoshop информация о прозрачности вообще никак не передаётся — только выделенный объект, к которому прозрачность как бы и не применялась вовсе.
При активизации опции AICB Preserve Appearance, в Photoshop передаётся и форма самого объекта, и форма его маски прозрачности, хотя информация о самой прозрачности не передаётся . При этом вставленный объект оказывается состоящим из трёх частей: сохранившей его изначальную форму и двух возникших после применения прозрачности. Несмотря на такое ограничение, это очень удобно: форма части, к которой была применена прозрачность, передана полностью, остаётся средствами Photoshop определить её как маску прозрачности.
Как уже говорилось, перенос через буфер обмена в формате PDF для Photoshop значения не имеет: пакет воспринимает все данные, как при включённой установке AICB Preserve Path. Непонятно, почему Adobe до сих пор не обеспечила полной переносимости информации через буфер обмена, — будем надеяться, что в очередных версиях это будет исправлено.
Но неужели разработчики не предлагают ничего взамен? Не всё так плохо: в серьёзных макетах на помощь придут возможности собственных форматов редакторов — AI и PSD.
Перенос из Illustrator в Photoshop
Представьте, что набросок макета вы сделали в Illustrator. Разместили необходимые элементы, кое-где использовали эффекты, в общем, заготовка готова. И тут в неё нужно добавить ещё кое-что, причём без помощи Photoshop уже никак не обойтись. Что делать? Сохранять слои по отдельности в формате EPS и затем размещать их в новом макете в Photoshop? Долгий и неудобный путь. Гораздо быстрее перекинуть макет в редактор в формате PSD. Интересно, что при этом поддерживается максимум возможностей — вся информация о слоях, прозрачности, её типе (Blending), масках, даже шрифт сохраняется как редактируемый. Доступна эта операция через меню File, Export, где в списке типов Save as выберите Photoshop. Указываете расположение, название файла программа подсказывает сама — готово! Формат PDF тут не подходит, поскольку является, по большому счёту, тем же PostScript, очищенным от избыточной информации.
Среди настроек экспорта — выбор цветовой модели (Color Mode), разрешения (Resolution), включение сглаживания граничных областей (Anti-aliasing), сохранение редактируемого текста (Editable Text), включение невидимых слоёв (Include Hidden Layers), разбиение изображения на установленные фрагменты для формирования HTML-таблицы (Write Slices), запись карт изображений (Write Image Maps), внедрение профилей для корректной цветопередачи (Embed ICC profiles), которые не нуждаются в подробном описании. Но самые интересные и часто приводящие к непредсказуемым результатам установки — Write Layers, Write Nested layers, Write Compound Shapes — требуют детального объяснения.
Перевод публикации из одного формата в другой — весьма непростой процесс (особенно при использовании растровых эффектов и различных типов прозрачности), который (как я подозреваю) ещё не до конца оптимизирован. Прежде чем перейти к этому последнему шагу, стоит провести небольшой аудит макета — это поможет избежать бесполезной траты времени.
Не забудьте, что при включении опции Write Layers все слои макета Illustrator будут преобразованы в соответствующие слои документа Photoshop. Выключенная опция приведёт к сохранению сведённой версии (flatten) файла. Далее. Если опция Write Nested layers активизирована, подслои (sub-layers) будут переданы в PSD как слои, входящие в группу слоёв (Layer Set, при этом название основного слоя полностью сохранится в Photoshop в виде названия группы). Иначе все подслои будут преобразованы в один слой.
Сосредоточьтесь на проверке объектов с режимом смешения, отличным от Normal: случается, что слои, на которых они располагаются, конвертируются в PSD не в виде отдельного слоя, а склеиваются с нижерасположенным (теряется возможность вносить в него изменения). В качестве решения советую в Illustrator в палитре Transparency для проблемного объекта включить параметр Isolate Blending. Тогда действие эффекта ограничится объектами, расположенными на одном подслое или же входящими в одну группу, поэтому слой должен, по идее, оставаться отдельной единицей, не склеиваясь с другими. Если это не помогает, попробуйте установить Isolate Blending для всего слоя.
Случается, что самый обыкновенный с виду слой почему-то отказывается сохраняться как отдельный слой PSD. Причём создание нового и перенос туда проблемных элементов ничего не даёт. Рекомендую воспользоваться самым действенным методом — перенести проблемные объекты на отдельный подслой в структуре его же собственного «родного» слоя (выделив объекты и выбрав команду Collect in New Layer). Мне всегда удавалось перехитрить Illustrator и корректно перевести все слои AI в слои PSD.
Следующая опция при экспорте в формат PSD — Write Compound Shapes. Она определяет, каким образом будут транслироваться объекты, созданные операцией Make Compound Shape. Если опция включена, объекты останутся редактируемыми и в Photoshop (в виде векторных контуров) и доступными для трансформации стандартными средствами редактора. Естественное ограничение Illustrator — он не позволяет сохранять в виде отдельных объектов фигуры с применёнными к ним стилями, различными художественными кистями и т. п.
Illustrator сохраняет текстовые слои редактируемыми для Photoshop (опция Editable Text), передавая каждый текстовый блок в виде отдельного слоя. Но, как и следовало ожидать, сохранение кириллицы — проблема. При открытии PSD, в котором используются полноценные шрифты Type 1 (с поддержкой Unicode), Photoshop предупреждает о необходимости обновления параметров текста (Update) — с тем, чтобы он оставался редактируемым. После такой, кажущейся невинной, операции символы вообще пропадают, хотя название слоя сохраняется, равно как и все параметры форматирования текста (в момент открытия файла заметно, что на мгновение кириллица отображается правильно). Если же текст не обновлять, он растрируется с разрешением документа. Не спасает и русифицированный Photoshop. С английским языком, разумеется, никаких сложностей.
Ещё один совет: перед финальным сохранением AI в виде PSD желательно проводить тестовую конвертацию файла — с упрощёнными параметрами (выбрать разрешение 72 dpi и выключить сглаживание). Это значительно сократит время на «отлов» проблемных мест, которые в сложных макетах, к сожалению, возникают не так уж и редко.
Вместе — они сильнее!
Как видите, в обоих редакторах заложены мощные резервы повышения эффективности за счёт организации совместной работы. Если вы ещё не пользовались возможностью Illustrator сохранять макет в виде PSD, обязательно возьмите её на вооружение. Эта полезнейшая функция в ряде случаев сохранит массу времени и сил. То же и в отношении системного буфера для обмена векторными контурами.
Об авторе: Михаил Борисов ([email protected] ), пишет для Publish обзоры программного обеспечения и полезные советы по допечатной подготовке и веб-дизайну.
Photoshop или Illustrator? Какую из программ по работе с графикой лучше применять для конкретных задач? Очевидно, ответ на этот вопрос будет зависеть от ситуации. В этой статье я напишу небольшой обзор программ и сделаю вывод, какой же инструмент, по моему мнению, лучше всего подойдет для работы в определенных ситуациях.
Если ваш опыт отличается от моего, то прошу вас поделится своим мнением в комментариях ниже!
Давайте начнем.
С чего начинались Фотошоп и Иллюстратор
Запущенный в 1988 году, Photoshop стал одной из лучших программ для многих дизайнеров. Первоначально он был создан, как инструмент для фотографов, который позволял редактировать и управлять фотографиями. Кстати для многих людей, это и остается его основным применением. Тем не менее, из-за огромного массива имеющихся инструментов которые постоянно добавляются и усовершенствуются, Photoshop стал гораздо больше, чем просто программой для редактирования фотографий.
Иллюстратор же начал свою жизнь немного раньше, чем Photoshop — в 1987 году и был в первую очередь создан для верстки и создания логотипов, как одной из области графического дизайна. Работа с логотипами осталась и по сей день одной из главных ее функций, но с развитием она стала широко использоваться графическими дизайнерами и художниками для создания огромного количества других видов цифровых продуктов – иллюстраций, схем, графиков, диаграмм, карикатур реальных фотографий и многого другого.
Какая из программ лучше для дизайна логотипа?
Использование программы Illustrator означает, что ваш логотип будет объектом векторной графики, который не является частью растрового изображения. Еще не знаете что это такое? Тогда вам сюда .
В то время как и Photoshopи Illustrator могут создать логотип, вы должны подумать о пригодности и возможности дальнейшего его использования.
Первоначальные размеры логотипа не могут быть предопределены, они могут изменяться, и возможно не один раз, а все это нужно для того, чтобы использовать такой логотип в различных материалах.
Кроме того, стоит помнить, что логотип, созданный в Photoshop, является элементом растровой графики и не может быть изменен без потери качества.
Имея это в виду, стоит использовать программу Illustrator, поскольку созданный вами логотип будет объектом векторной графики, а значит его размеры можно будет изменять, сохранив при этом качество самого логотипа.
Программе Photoshop действительно есть место в дизайне логотипов, но по большей части, Illustrator всегда должен быть вашим первым выбором.
Победитель:
Какая из программ лучше для веб-дизайна?
Для многих дизайнеров (включая меня) Photoshop, как правило, является первым выбором для данной категории работ. Поскольку Photoshop — графический редактор, с помощью которого создаются растровые изображения на основе пикселей (которые имеют разрешение, как и экраны мониторов), что идеально подходит для проектирования дизайна сайта например, который отображается на мониторе.
Тем не менее, при проектировании пользовательских интерфейсов, Illustrator может обеспечить множество преимуществ, чего Photoshop не может.
Например, с помощью Illustrator работу по веб-дизайну можно сделать намного быстрее, изменяя при этом размер от большего к меньшему, и наоборот. Иллюстратор также отлично подходит для создания компонентов, которые повторно используются, и размеры которых часто изменяются.
Illustrator всегда является частью моей работы в проектировании интерфейсов, но большая часть работы все равно делается в Photoshop.
Победитель: 
Что лучше использовать Photoshop или Illustrator для создания произведений искусства?
Иллюстратор лучше подходит для чистых, графических иллюстраций, в то время как Photoshop — для фотоиллюстраций.
С одной стороны может показаться, что программа Illustrator является очевидным выбором, но тут не все так просто. В первую очередь все зависит от типа иллюстрации, они обычно начинают свою жизнь на бумаге, потом рисунки сканируются и переводятся в графической программе, обретая при этом цвет и насыщенность.
Как упоминалось ранее, с Illustrator’ом мы можем создать чистые, выдвижные графики, многие из которых могут быть легко использованы повторно.В то время как 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, как правило, используется для :
Редактирования фото и цветокоррекции;
Разработки дизайна пользовательского интерфейса мобильных приложений;
Веб-графики;
Реализации фотоэффектов и эффектов с текстом.
.jpg)
Типичные ошибки и заблуждения
Одним из распространенных заблуждений является то, что 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 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" изменила мою жизнь, и я надеюсь, что улучшит и вашу! Вы сможете отправлять свои работы в любой фотобанк!