Выпуск 21. Подробно о сохранении в EPS и SVG. Реалистичная тень в Adobe Illustrator CS3

Здравствуйте, уважаемые подписчики!

Поздравляю вас с началом осени. Нечему радоваться? Давайте посмотрим это с другой стороны. Летом вам всегда было некогда, то погода хорошая, грех не погулять, то отпуск нагрянул, нужно куда-нибудь съездить. А о стоках и думать некогда. Кстати, такое же состояние было и у покупателей, продажи летом всегда падают. Микростоки подвержены сезонным колебаниям: не ждите роста летом, а в рождественские каникулы о продажах забудьте вовсе.

Поэтому у меня есть отличный повод все же поздравить вас с началом осени!

Итак, соберитесь, настройтесь, получите, наконец, загранпаспорт, сделайте 10 картинок и вперед. :)

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

На текущий момент пока оформлены только три микростока: Shutterstock.com, Fotolia.com, Dreamstime.com

Кстати, иногда я получаю просьбы включать картинки в саму рассылку, так как они не отображаются в письмах. К сожалению, на данный момент эту просьбу я выполнить не могу, так как использую несколько сервисов для публикации рассылки, и один из них накладывает ограничение, т.е. не дает возможности прикреплять картинки. Готовить отдельные версии для разных сервисов накладно по времени. А вы же помните главное правило стокера – все рутинные операции должны быть автоматизированы.

И здесь я вижу два выхода:

1. Cразу открывать рассылку на сайте http://natulrich.com/ru/articles/subscribe.php . Во-первых, там выпуск более полный, а во-вторых, он там раньше появляется. :)
2. Использовать Outlook, либо The Bat последних версий (они уметт "подтягивать" картинки, если не запрещено фаерволом). Эти программы сами закачают картинки из интернета.

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

Подробно о сохранении в EPS и SVG.

В третьем выпуске рассылки рассказывалось, как именно сохранять вектор для стоков. Описывалось, какие пункты при сохранении в EPS необходимо выбрать, но при этом не объяснялось, на какие параметры они влияют.

Давайте восполним этот пробел, узнаем значения всех пунктов и будем в дальнейшем работать с вектором более осмысленно. Информация получена из книги Жвалевского А.В., Гурского Ю.А. «Adobe Illustrator CS2 Библиотека пользователя». Купить ее вы можете в интернет-магазине www.Bolero.ru

EPS (Encapsulated PostScript) применяется в основном для изображений, предназначенных для использования в программах верстки, так как корректно поддерживает векторную и растровую графику, а также текст. Напоминаю, что для стокового вектора, EPS должен содержать только векторные объекты, а весь текст должен быть переведен в кривые. Кстати, некоторые микростоки, такие как Istockphoto.com и StockXpert.com, категорически не принимают векторные файлы, содержащие текст. Они считают, и я не могу с ними не согласится, что на стоках должны продаваться только иллюстрации, а текст могут добавлять сами покупатели, туда, куда им нужно, и в том виде, как им нужно.

После выполнения команды File - Save (Файл -> Сохранить) (Ctrl+S) и выбора типа файла Illustrator EPS, откроется окно настроек формата EPS.

В верхней части окна в списке Version (Версия) можно выбрать версию Illustrator, с которой будет совместим сохраняемый документ, т.е. нам необходима совместимость с Illustrator 8, выбираем Illustrator 8 EPS.

Область настроек Preview (Предварительный просмотр) служит для выбора параметров предварительного просмотра изображения. Дело в том, что EPS — это комплексный формат, сочетающий в себе векторный и растровый типы графики. Непосредственно редактировать его можно только в некоторых программах, но просматривать - во многих, например в ACDSee, а также при верстке в PageMaker или QuarkXPress.

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

• Format (Формат) - формат этого изображения. Есть три варианта:
1. None (Нет). Изображение предварительного просмотра создаваться не будет.
2. TIFF Black & White (Черно-белый TIFF). Изображение будет черно-белым. Этот вариант дает возможность уменьшить размер файла.
3. TIFF (8-bit Color) (Цветной 8-битовый TIFF). Будет использован 8-битовый цвет или палитра из 256 цветов. Этого вполне достаточно для того, чтобы дать общее представление о любом изображении.
• Transparent (Прозрачный). Сохранять прозрачность изображения.
• Opaque (Непрозрачный). Не сохранять прозрачность изображения.

Так как дополнительное превью будет увеличивать размер конечного EPS, то мы выбираем пункт None, после чего пункты, относящиеся к превью, становятся неактивными.

В области Transparency (Полупрозрачность) вы можете выбрать, как будут сохраняться полупрозрачные объекты и объекты с наложением краски. Область будет не активна, если таких объектов нет. Так как для стокового вектора подобные объекты недопустимы, то по активности этой области вы можете судить, присутствуют ли оные в вашем файле. Поддержка полупрозрачных объектов появилась только в Illustrator 9.

При выборе в первом списке версий Illustrator 8 EPS параметры этой области изменятся, так как в отличие от более поздних версий ни прозрачность, ни режимы наложения EPS8 не поддерживает.

• Preserve Path (сохранить пути). При его выборе все полупрозрачные объекты станут непрозрачными, что может изменить вид вашего изображения. Поэтому все же дорабатывайте ваши файлы до сохранения в EPS, а не во время.
• Preserve Appearance and Overprint (сохранить прозрачность и наложение краски). Не выбирайте этот пункт, так как это прямая дорога к растрированным областям в файле EPS.
• Preset (Набор), появляется после выбора второго пункта (Preserve Appearance and Overprint ), дает вам право выбрать с каким разрешением растрированные области будут сохранены в конечный файл. Можете использовать один из заданных наборов или создать свой, нажав кнопку Custom (Пользовательский).

Область Font (Шрифт) содержит один параметр - Embed Fonts (for other applications) (Внедрять шрифты (для других программ)), который служит для сохранения использованных шрифтов в файле документа.

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

Последняя область Options (Настройки) во многом повторяет параметры окна Illustrator Options (Настройки формата Illustrator).

• Include Linked Files (Включать связанные файлы). Если вы воспользовались возможностью создавать связанные файлы, то этот параметр вам необходим - иначе пользователь, которому предназначен создаваемый файл, не увидит части изображения. Связанных файлов, например, растровых рисунков, на основании которых вы могли бы создавать вектор, в файле тоже не должно быть.
• Include Document Thumbnails (Включать миниатюру). При установке данного флажка в файле будет сохранена и миниатюра изображения. Это необходимо для возможности просмотра его в некоторых программах. Эту галочку необходимо оставить.
• Include CMYK PostScript in RGB Files (Использовать CMYK PostScript для RGB-файлов). Позволяет распечатывать RGB-файлы на устройствах, не поддерживающих CMYK. При установке данного флажка цветовая модель документа не изменяется.
• Compatible Gradient and Gradient Mesh Printing (Совместимость печати для градиентов и градиентных сеток). Установите данный флажок, если сохраняете EPS-файл для последующей распечатки на неизвестном или устаревшем принтере. Это несколько увеличит размер документа, зато позволит избежать проблем при выводе на печать.
• Use Printer's Default Screen (Использовать растр принтера по умолчанию). При выводе сохраняемого документа на печать будут использованы настройки принтера по умолчанию, а не те, которые были заданы в Illustrator. В частности, это касается разрешения растровых и векторных объектов.
• Adobe PostScript. Определяет, для какого варианта языка PostScript оптимизировать файл. Наиболее новый и совершенный, конечно, Language Level 3. Но далеко не все программы и устройства поддерживают его, поэтому, возможно, придется воспользоваться Language Level 2. «Древний» Level 1 в Illustrator CS2 уже не используется.

Вот один из вариантов сохранения в EPS 8, принимаемого стоками без проблем.

SVG (Scalable Vector Graphics, масштабируемая векторная графика) — это относительно новый векторный веб-формат, который в последнее время активно продвигает Adobe. SVGZ — это вариант SVG, в котором применено внутреннее сжатие данных.

Краткие сведения о формате SVG.

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

Прежде чем говорить об этом формате, вспомним, в каком виде существует графика в Интернете. В основном это три растровых формата —JPEG, GIF и PNG. Кроме того, значительное распространение получила векторная Flash-графика. Какие у существующих форматов есть недостатки? Для растровых форматов это зачастую слишком большой размер файлов и отсутствие возможности менять размеры без ухудшения качества.

Проблема формата Flash заключается в том, что текст сохраняется как графический объект, что увеличивает размер файла. Формат SVG в этом отношении революционен. Он создан на основе стандарта XML, который представляет собой определенные правила написания кода HTML.

Это значит, что SVG, в отличие от SWF, не представляет собой компилированный файл. Он описывает изображение при помощи стандартных норм XML и поэтому может создаваться не только в графическом редакторе, но и в редакторе верстки HTML-страниц, даже в обычном Блокноте.

Аббревиатура SVG расшифровывается как Scalable Vector Graphics (масштабируемая векторная графика). Не совсем понятно, почему формат так назван — любая векторная графика легко масштабируется, в этом состоит одно из основных ее свойств.

Формат SVG объединяет в себе графические данные, текст и интерактивные компоненты.

Компания Adobe возлагает настолько серьезные надежды на SVG, что перенесла операцию сохранения в этом формате из пункта Export (Экспорт) в Save (Сохранить). Таким образом, SVG оказался уравненным в правах с такими форматами, как AI, EPS и PDF.

При сохранении в SVG вызывается окно настроек формата.

Первый список позволяет выбрать один из вариантов формата SVG.

• SVG 1.0. Базовая версия языка.
• SVG 1.1. Расширенная версия.
• SVG Tiny 1.1. Версия, предназначенная для использования в мобильных устройствах, в частности в мобильных телефонах. Не поддерживает отображение градиентов, масок, полупрозрачности, символов, SVG-эффектов.
• SVG Tiny 1.1+. Расширенная версия SVG Tiny 1.1. Позволяет отображать градиенты и полупрозрачные объекты.
• SVG Basic 1.1. Версия, адаптированная для «наладонников» (PDA). He поддерживает некоторые SVG-эффекты.

Версию SVG выбираем 1.1 Если в файле содержался текст и вы забыли перевести его в кривые, то выбор в пункте Type - Convert to outline (перевести в кривые) решит эту проблему.

В области Fonts (Шрифты) вы указываете, как поступать при сохранении файла с использованными шрифтами.

• Туре (Текст). Способ преобразования шрифтов при сохранении файла.
1. Adobe CEF — улучшенное отображение мелких символов (поддерживается не всеми программами просмотра SVG);
2. SVG — стандартный способ, утвержденный консорциумом W3C;
3. Convert to outlines (Преобразовать в кривые)— все символы превращаются в обычные графические объекты (увеличивает размер файла).
• Subsetting (Подстановка). Правила подстановки шрифтов.

Переключатель Location (Расположение) в области настроек Images (Изображения) определяет, как хранятся изображения, помещенные в документ:

• Embed (Внедрить) — непосредственно в SVG-файле;
• Link (Связать) — в отдельных файлах.

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

Установка флажка Preserve Illustrator Editing Capabilities (Сохранить возможность редактирования в Illustrator) позволяет сохранить SVG-файл таким образом, чтобы в последующем его можно было открыть и редактировать в Illustrator.

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

В нижней области окна — Description (Описание) — выводится описание той настройки в окне, возле которой находится указатель мыши.

Нажатие кнопки More Options (Дополнительные настройки) добавляет к окну нижнюю часть, в котором можно задать некоторые дополнительные параметры сохранения SVG-файла. Эти настройки рекомендуется использовать только тем пользователям, которые знакомы с основами языка XML

Реалистичная тень в Adobe Illustrator CS3.

Для некоторых векторных рисунков иногда для большей реалистичности хочется сделать тень, причем настоящую, размытую. Но как это сделать для стокового вектора, когда Blur (Размытие) не подходит, так как это растровый эффект?

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

На этой картинке слева ключ с ярлыком без тени, а справа тень выполнена с помощью инструмента Blend.

Самая простая тень делается следующим образом: рисуем овал или закругленный прямоугольник (если он походит по форме объекта) там, где должна быть тень, окрашиваем в белый цвет. Делаем копию, уменьшаем ее и окрашиваем в серый цвет. Выделяем эти два объекта, нажимаем Ctrl+Alt+B (Object – Blend – Make).

По умолчанию свойства бленда – Smooth Color (плавный переход цвета), если он получился совсем не плавным, то два раза щелкаем на значке Blend Tool и в окне Blend Option указываем количество шагов перехода, например, 50.

Один нюанс, у этих двух объектов не должно быть обводки, иначе вместо плавного перехода цветов, получится много-много полосок.

Вот как это выглядит у ярлыка.

Маленький прямоугольник – темно серый, большой – белого цвета.

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

Чтобы тень была максимально реалистичной, нужно соблюдать определенные правила:

1. Оба объекта должны быть замкнуты.
2. Количество узлов у большого и маленького объекта должно совпадать (если это не так, то переход будет неравномерным).
3. Соответствующие узлы двух объектов должны быть расположены напротив друг друга (точка переходит к точке).
4. Границы маленького объекта должны находиться внутри большого. Чем меньше это расстояние, тем гуще и резче тень, и наоборот, чем больше, тем она более размытая и легкая.
5. Маленький объект не должен выходить за рамки предмета, от которого отбрасывается тень.

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

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

Вот результат:

Вот и все. Удачи!

Если вас заинтересовала информация о микростоках и вы желали бы продавать свои работы на них, то можете зарегистрироваться по одной из ссылок:

Shutterstock.com

Dreamstime.com

Fotolia.com

123RF.com

DepositPhotos.com

Lori.ru

Istockphoto.com

Предыдущий выпуск      Следующий выпуск