Добрый день:) Сегодня мы будем изучать прозрачности. И когда я говорю мы, то имею в виду и себя тоже.
Если у кого-то с самостоятельным обучением возникают какие-либо затруднения, то вы можете взять онлайн консультацию по Adobe Illustrator через Skype.
Довольно долго не могла взяться за перевод этого урока. Вообще всегда прозрачности как-то обходила стороной, так как эффекты эти мне, в общем-то, в работе не пригождались и, скорее всего, не пригодятся.
Я уже писала, что по требованиям микростоков векторные иллюстрации необходимо сохранять в формате EPS 8-й версии, а эта версия прозрачности не поддерживает. То есть все объекты, к которым Вы применили эффект прозрачности, скорее всего, превратятся в растровые элементы. И это не пройдет мимо внимания микростоковых инспекторов, а если вдруг они схалтурят и пропустят работу, то не очень обрадуется покупатель.
UPD: На данный момент все микростоковые сайты принимают на продажу векторные иллюстрации, сохранённые в формате EPS-10. Это значит, что прозрачности и режимы наложения можно использовать в своих работах без каких-либо ограничений. За редким исключением, когда например прозрачность добавлена в один из цветов градиентной заливки.
Вы можете меня спросить: «А как же ты тогда делала вот эту картинку? Тут же явно прозрачность!»
На что я Вам отвечу: эффект прозрачности тут не применялся! А вот так называемая «ложная прозрачность» (или псевдопрозрачность) есть. Просто я так выстроила элементы и подобрала цвета, что эффект прозрачности создался визуально. Да, приходится микростокерам подстраиваться под требования и всякими разными способами выкручиваться в условиях ограничений. Как это делаю я, расскажу завтра, а сегодня давайте вернемся к прозрачностям настоящим.
Итак:
Прозрачность открывает дизайнерам дверь в мир эффектов, цепляющих глаз. Так, Вы можете добавить прозрачность, чтобы оттенить объект или применить режим наложения к объекту, чтобы улучшить свои иллюстрации.
Добавляем прозрачность
Работая в Adobe Illustrator, Вы можете добавить прозрачность, уменьшив непрозрачность (opacity) объектов так, что нижележащие объекты станут видимыми. Выберите Окно > Прозрачность (Window > Transparency), чтобы открыть настройки прозрачности. Сгребите в кучу несколько объектов и уменьшите их непрозрачность (opacity) до 50% так, чтобы начал проглядывать цвет нижележащего объекта.
Режимы наложения для объектов
Если Вы знакомы с программой Adobe Photoshop, то Вы наверняка уже сталкивались с режимами наложения (Blending Modes). Эти режимы позволяют варьировать способы смешивания цветов вышележащих и нижележащих объектов. Сравните эффект от применения трех наиболее популярных режимов наложения.
Soft Light — рассеянный свет
Screen — осветление
Multiply — умножение
Эффект отражения в кнопке
Режим осветления позволяет легко создать эффект отражения на объекте. Давайте рассмотрим широко распространенную технику создания отражения на кнопке с использованием режима осветления. Для начала нарисуйте круг и примените к нему градиентную заливку от светло- до темно-оранжевого.
Нарисуйте другой круг сверху и примените к нему градиент от черного к белому.
Теперь выделите черно-белый круг и примените к нему режим наложения «Осветление». Дело сделано!
Применение стилей графики
Illustrator содержит в себе несколько графических стилей, которые Вы можете быстро применить к объекту. Это похоже на сохраненный набор определенных свойств. Однажды создав графический стиль, Вы можете применять его к разным объектам.
Чтобы применить стили графики, идем в Окно > Оформление (Window > Appearance). Ниже Вы можете видеть три поля с примененными эффектами. В последующих уроках Вы узнаете о стилях графики больше.
Следующий урок: Трансформируем и перемещаем объекты
Перевод: Анна Волкова
Источник: Vectordiary
Читать дальше...
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
Я правильно поняла - прозрачность нельзя , а разного рода наложения можно (для микростоков) ?
ОтветитьУдалитьНет, все режимы наложения также беспощадно порежутся при экспорте в 8-ю версию.
ОтветитьУдалитьНо есть два варианта:
http://anna-volkova.blogspot.com/2009/10/blog-post.html
http://anna-volkova.blogspot.com/2009/10/blog-post_11.html
Подскажите - а что значит сообщение "Цвет вне цветового охвата"? И как это можно исправить? Я задаю один цвет - а у меня отображается немного другой и выходит значок "Предупреждение: Цвет вне цветового охвата (щелкните здесь, чтобы заменить)" и при щелчке заменяет на свой "усеченный" цвет(
ОтветитьУдалитьРаботал как в режимах CMYK так и в RGB.
Кажется разобрался! Я не был в режиме RGB) Когда перешел - все цвета правильно отражаться начали)
ОтветитьУдалитьНу вот и ладненько:) Кстати, срок приема конкурсных работ увеличился, так что ждем Ваш баннер:)
ОтветитьУдалитьДо 18 ноября уж точно сделаю!)
ОтветитьУдалитьАня, если я выбираю в Window > Transparency
ОтветитьУдалитьнапример Screen , то при сохранении в EPS8 получаю ерунду - это нормально?
Как тогда делать объемные кнопки и т.д?
А что там с конкурсом :)
Ой, что-то я не заметила ответ на свой же коментарий, т.е. и кнопки так и все остальное...
ОтветитьУдалитьДа, приходится с этими прозрачностями выкручиваться...
ОтветитьУдалитьНа счет конкурса: сегодня последний день приема работ, завтра - посылаю судьям на суд:)
А еще завтра начнется голосование на "приз зрительских симпатий"!
Ну а как ты тут сделала луну
ОтветитьУдалитьhttp://www.shutterstock.com/pic-40908133/stock-vector-santa-s-sleigh-in-the-sky-vector-illustration.html
когда я применяю Blur, то eps8 его каверкает
Это радиальный градиент:) Луна не сама по себе, она - фон. В смысле - она часть фона...В общем - не отдельный объект:)
ОтветитьУдалитьА где голосовать?
ОтветитьУдалитьЧерез полчасика сделаю:)
ОтветитьУдалитьДобрый день. Присоединилась поздно. Сожалею.У меня почемуто не получается чистого цвета. правый бегунок в градиенте остаётся чёрным.В результате получается оранжево-чёрный круг.
ОтветитьУдалитьА какая у Вас версия Иллюстратора?
ОтветитьУдалитьCS4
ОтветитьУдалитьРусифицированная версия?
ОтветитьУдалитьПопробовала на CS2 - все получается. При этом второй круг по настройкам как был черно-белым на шкале градиента так и остается, но визуально становится светло-оранжевым.
На каком конкретно этапе у Вас перестает все идти как надо?
у меня после осветления маленький круг почему-то становится полностью белым. :(
ОтветитьУдалитьИ у меня тоже:) Все потому что я (как и вы) рисую в CMYK, а этот эффект можно применить только рисуя в режиме RGB.
ОтветитьУдалитьЧтобы сменить цветовой режим нужно проделать следующий путь:
File>Document Color Mode>RGB Color.
И тогда при применении этого режима все получится!
> Все потому что я (как и вы) рисую в CMYK, а этот эффект можно применить только рисуя в режиме RGB.
ОтветитьУдалитьЭто явный баг в Иллюстраторе. В Фотошопе всё работает как в RGB, так и CMYK.
Может и баг, а может просто не планировалась такая возможность
ОтветитьУдалитьАнна не могу найти на сайте Вашу электронку, есть вопрос по иллюстратору формата eps 8 версии
ОтветитьУдалитьanna.t.volkova(собака)mail.ru
ОтветитьУдалитьПривет, Anna! Прозрачность - причина, по которой я решил изучать подобный курс. Раньше я рисовал различные картинки по иструкции, а что было непонятно либо додумывал сам, либо делал по-своему. Но сравнительно недавно начал одну иллюстрацию, где применялась прозрачность... и у меня к вам такой вопрос: можно ли прозрачность применять выборочно? То есть, когда ее применяешь, прозрачными, по-сути, являются все предметы, так? Можно ли(нужно ли) это изменить? Вообще-то это три вопроса, хотя, если разобраться, один:)
ОтветитьУдалитьПрозрачность применяется к выделенным объектам. Если вся иллюстрация выделена, то ко всей применится, если только один объект выделен, то к нему применится...
ОтветитьУдалитьЗабыл уточнить, прозрачность, примененная к градиенту. Когда простая заливка - нет проблем. Хотя не уверен, что грамотно пишу свой вопрос. Попробую объяснить с начала. Я установил на свой комп illustrator CS5. Изначально все объекты были прозрачными и при наложении друг на друга частично "пропадали". Затем на одном сайте я выяснил как это исправить: Transparency>Options> ставлю галочку напротив Page Knockout Group/ Если галочки там нет, можно манипулировать Opacity...
ОтветитьУдалитьЧестно говоря, лучше не применять прозрачность к градиенту. Ну, это конечно, если вы в будущем собираетесь на микростоки рисовать. Могут возникнуть проблемы с сохранением файлов в нужном формате...Я с прозрачностями вообще пользуюсь по минимуму и в крайней необходимости
ОтветитьУдалитьЯсно лишь одно - я бегу впереди паровоза). Но спасибо, что находите время для ответа "чайникам" вроде меня).
ОтветитьУдалитьВ общем, полпути пройдено. Завтра приступаю к уроку: "Основы работы с текстом").
Удачи :)
ОтветитьУдалитьЗдравствуйте Анна. Я так понимаю это урок про то, чем нельзя будет пользоваться?
ОтветитьУдалитьМожно пользоваться если будете файл в EPS 10 сохранять :)
УдалитьАнна, здравствуйте! Скажите, а в этой программе как-то можно самой задать горячие клавиши, а то я что-то не нашла?..
ОтветитьУдалитьEdit > Keyboard Shortcuts (Ctrl + Alt + Shift + K)
Удалитьблагодарю!
УдалитьАнна, добрый день!
ОтветитьУдалитьПодскажите, если можно применить в изображении прозрачность, затем сохранить в EPS 10, а после загрузить на микростоки, почему вы так не делаете? Зачем изобретать какие-то другие способы, если достаточно просто сохранить в другом формате?
Или же микростоковые сайты принимают файлы только в формате EPS 8?
Подскажите! А то что-то я совсем в этом запуталась..
Потому что раньше так нельзя было. Стоки начали принимать EPS10 формат только недавно.
УдалитьПривет, Анна! спасибо огромное за уроки!! подскажите, плиз, у меня исчезла с правой панели кнопка с меню "Градиент" и я ее использую теперь только с левой панели, там где заливка объекта, как вернуть вправо? и еще я куда-то не туда нажала и теперь в вылезающем окошке "Градиент" только Градиент, а Stroke и Transparency исчезли, господи, как это все вернуть? sorry за тупые вопросы и спасибо заранее!
ОтветитьУдалитьВсе окошки можно найти в меню "Window". Поставьте галочки напротив тех инструментов, что вам нужны и они появятся на экране. Перетаскивать в разные стороны их можно мышкой.
УдалитьУ меня наложение получается только в том случае, если второй круг рисую на новом слое. Если объекты на одном слое, то наложение применяется к обоим. Это нормально или я что -то не так делаю?
ОтветитьУдалитьОт слоев тут нет никакой зависимости. Видимо, вы что-то намудрили
УдалитьУ меня проблема(
ОтветитьУдалитьИспользовала прозрачность, градиент и режим наложение.при сохранении в EPS10 все обьекты в квадратах.Это наверно называется "растрирование".А если пробовать обработку прозрачности,тоже такая же вещь с квадратами получается. И эти квадраты уже не редактируемые... Как быть?..
Забыла добавить,что еще ко всему использовала размытие по Гауссу. Хотя "тень" в виде круга с тем же размытием по Гауссу отлично прошла "обработку прозрачности",не превратившись в квадратик...
ОтветитьУдалитьВот поэтому прежде чем сохранять что-то в более ранних версиях иллюстратора, хорошо бы сохранить ai файл, так, на всякий случай, если захочется использовать растровый эффект размытие по Гауссу..
УдалитьАх это даже растровый эффект...) Вопрос мой содержал ответ)
ОтветитьУдалитьП.С. Хотя я и сохранила ai но вся моя картинка в размытии по Гауссу,убирать этот бардак долго...Так что буду меня стиль. Благодарю!
Вы можете такие иллюстрации продавать на стоках как растровые, загружать только JPEG без вектора
УдалитьАнна, добрый день! В эффекте отражения кнопки, когда нажимаю Screen на черно-белом круге, он становится просто белым. Нужно ли там менять прозрачность или она должна быть 100%?
ОтветитьУдалитьПрозрачность трогать не надо. В режиме наложения Screen черно белый градиент должен дать осветление в белом цвете, а черный должен просвечивать. У вас цветовой режим документа стоит в CMYK, а не в RGB. Поэтому режимы наложения работают по принципу смешивания цветов на бумаге, а не на экране монитора. Отсюда и другой результат. Поменяйте цветовой режим в RGB (File > Document Color Mobe > RGB)
Удалитьспасибо)))))
УдалитьДелала кнопку как написано, когда к кругу с черно-беллым градиентом применяю screen, он становится просто белым, а не с псевдо-прозрачностью, как в примере
ОтветитьУдалитьНовый файл в каком цветовом режиме делаете: RGB или CMYK ? Ещё предыдущий комментарий посмотрите, может поможет
УдалитьТеперь выделите черно-белый круг и примените к нему режим наложения «Осветление». Когда применяю осветление, круг внутри стает белым. В чем проблема?
ОтветитьУдалитьДокумент создан в режиме CMYK. Переключите на RGB через File > Document Color Mode
УдалитьАнна, добрый день! Подскажите пожалуйста как уменьшить размер векторного избражения, если в нем применено градиентное наложение с прозрачностью + режим multiply. В моем случае при сохранениии в eps, размер получается 150-180мб. Спасибо
ОтветитьУдалитьПопробуйте уменьшить линейные размеры иллюстрации в векторном файле и пересохранить EPS. Обычно помогает.
УдалитьЗдравствуйте Анна! Спасибо Вам за полезные уроки! В комментариях прочитала, что нежелательно использовать прозрачность к градиенту, поскольку в EPS формате эффект сохраняется некорректно. Я попробовала, предполагаемые прозрачные края круга заметно видны и прозрачность как бы отключается. Комментарий давний, скажите, сейчас ситуация осталась такой же? Или есть возможность сохранить градиент с прозрачностью под ноль?
ОтветитьУдалитьЗдравствуйте, всегда пожалуйста :) Можно применять прозрачность и стили наложения к уже готовому градиенту. Сохранять надо в EPS10 тогда. Прозрачность внутри градиента по прежнему применять нельзя.
УдалитьСпасибо большое Анна! Как и всегда выручаете в самых сложных вопросах. С Новым годом Вас и всех благ!!!
УдалитьЗдавствуйте Анна! Я сохраняла иллюстрацию с прозрачностями, режимами наложения и градиентами в eps10, вокруг этих областей получается в итоге обводка при сохранении. Это можно как-то исправить?
ОтветитьУдалитьПривет!
УдалитьЕсли вы используете прозрачности внутри градиента в одном из цветов, то такой эффект чаще всего сохраняется в EPS-10 с масками или растром. Так что лучше не использовать прозрачности внутри градиента.
Также проблема может быть в чёрном цвете при применении режимов наложения. Проверьте, является ли он 100% чёрным RGB
Скажите, в связи с тем, что тепрь режимы прозрачности на микростоках использовать всё же можно... что предпочтительнее для продаж? В 10-ке сохраненный файл, или всё же созданная обходными путями иллюстрация?
ОтветитьУдалитьЗдравствуйте :) Я делаю так, если использовала прозрачности или режимы наложения, то сохраняю в EPS 10, если нет, то в EPS 8. Обходные пути больше не использую.
Удалить