Сложность урока: для опытных пользователей.
Время от времени возникала задача изобразить что-то размытое, но так, чтобы да, было шейпами, то есть, чтобы масштабировать можно было и все такое. Первое что приходит на ум - Outer Glow. Opacity=100%, но не хватает этого все равно - видны четкие границы. Приходится поднимать кривую контура (Contour) выгибая ее вверх, с целью сгустить непрозрачность пикселов эффекта у края формы. И все равно не то! Сложый шейп, в котором есть и большие, и маленькие элементы не удается так "размыть" полностью.
Недавно я писал, что можно с помощью Drop Shadow делать дубликаты формы шейпа с разными характеристиками, а сегодня какой-то нейрон проснулся и понял что это и нужно делать для задачи описанной выше. Применять Drop Shadow для размытия шейпа. Проверил - в точности как работает Gassian Blur!
Первым делом изобразил дым. Поскольку рисовать не умею, а техника новая - пришлось поковыряться чтобы выяснить как влияет форма на размытие. Чтобы видеть результат без отображения векторного контура поверх картинки - открыл еще одно окно для документа. Редактирал вектор в одном - проверял что получилось в другом. Window > Arrange > New Window for ...
Итак, вот как делать: создав Shape Layer уберите параметр Fill=0%. В свойствах слоя выберите эффект Drop Shadow, и ОТКЛючите опцию Layer Knocks Out Drop Shadow. Теперь эффект тени будет виден целиком и полностью. По месту настройте цвет, режим наложения и степень размытия. Чтобы эффект не смещался - параметр Distance уберите в 0 px. Готово. Вот так, все просто!
Тень с переменной размытостью границ
После того, как получился кривоватый дымок, встала задача куда-нибудь его вставить. Трубы заводов и пароходов в голову не пришли, а вот сигарета вспомнилась. Нарисовал сигарету и нашел еще одно применение данной техники - создание формы с переменной размытостью границ. На картинке выше это тень от сигареты на пепельнице.
Сделано так: нарисована форма которая применена к слою типа Gradient. Градиент с прозрачностью. Там где тень должна быть размытой - там она почти прозрачна, а там, где должна быть почетче - где сигарета касается пепельницы и приближается к ней - там почти непрозрачна. Размытие эффекта Drop Shadow одинаково по всему контуру, но за счет появления четкой границы возникает впечатление что она меняется.
Кучка пепла также с эффектом Drop Shadow, к которому добавлен параметр Noise для имитации крошек золы. Там еще паттерн немного виден - для добавления серых пятен.
Layer Style vs. Gaussian Blur
Применять эту технику можно где угодно, когда угодно сделать что-то размытое, и при этом иметь возможность масштабирования формы, и быстрой настройки эффекта. Если нужна неортогональная тень под объектом - скопируйте его векторную маску, сделайте еще один шейп, который вы сможете искорежить как угодно, задать нужный цвет, и даже залить тень градиентом, если закините такой слой в смарт, к которому в свою очередь примените эффект Gradient Overlay.
И еще. Оформление можно сохранить в библиотеке слоевых стилей, чтобы одним нажатием превращать любую форму в дымку. А равно можно копировать оформление с одного слоя и переносить его на другой.
Удачно получилось что я начал эксперименты в документе 400 на 400 пикселов в RGB. Это привело к тому, что я могу выложить исходник со всеми смарт-объектами в которых находятся сигарета и пепельница. В смысле что файл получился небольшой, при условии что там задействовано два паттерна и два смарт объекта. Что, как правило, раздувает файл изрядно.
По теме - пока все. Что касается сигареты - она сделана в горизонтальной ориентации, а затем будучи смарт-слоем повернута на нужный угол. Пепельница сделана крайне примитивно: то, что вы видите как будто внутренняя стенка - на самом деле эффект Inner Shadow от овала который символизирует дно устройства сбора пепла. А то, что вы видите как будто ребро верхней части - Drop Shadow от кольца вниз под 90 градусов. Только один узел потребовал занятия - ложбинка под сигарету. А сама она лежит сбоку. Чтобы было видно ложбинку.
Если скачаете исходник, увидите как все просто сделано и там. Не забудьте что сигарета и пепельница - в Smart Object. То есть, доступ к их дизайну возможен после выполнения команды Layer > Smart Objects > Edit Contents, или просто двойному щелчку по иконке смарт-слоя.
Весь дизайн можно легко масштабировать. Я попробовал на 300 процентов - только пепел стал немного неправильный - из-за глупого паттерна. Кстати, при выполнении команды Image Size, штамп-слои смарт объектов трансформируются как обычный слой, что приводит к резкому ухудшению качества - пикселизации, потере четкости и т.д. Автоматически содержание смарт объекта не масштабируется вместе с документом. Поэтому нужно сделать это вручную.
Скачайте исходник в формате PSD чтобы детально во всем разобраться.
Когда все нарисовал, то была такая идея - сделать дым в виде размазанного черепа без костей. Но, блин, мощности не хватает. С моим умением рисовать это займет много времени.
Пошел на компромисс - добавил черепушку из клипарта на сигаретку.
Возвращаясь к теме. Вот тут будет к месту применить технологию обводки пути, с имитацией влияния нажатия на размер наконечника.
Это просто. Круглая кисть, скажем 8-10 пикселов. В свойствах ВКЛючить: Shape Dynamics > Size Jitter > Pen Pressure. Если у вас нет планшета, может загореться предупреждение в виде треугольника с восклицательным знаком. - По идее можно игнорировать.
Теперь рисуете векторные контуры, с пониманием того, что они - скелет будущих "языков пламени". При обводке толщина кисти будет меняться: в начале отрезка минимальная, в середине - максимальная, и в конце снова минимальная. То есть, вместо того, чтобы рисовать самому замкнутые контуры имитирующие завитушки дыма, можно набросать только "кости" - осевые направляющие.
После того как этот процесс закончен, включаете быструю маску и командуете Stroke Path. В диалоге Stroke Path ВКЛючите опцию Simulate Pressure! Отключаете БМ, векторизуете селекцию, делаете шейп и оформляете - применив готовый слоевой стиль, или создаете новый.
Чтобы не потерять "кости" в процессе векторизации, когда новый Work Path заменит текущий, сохраните текущий перетащив его на иконку нового пути в палитре Paths.
Скучновато выглядит дым без нескольких четких линий. В стилизационной манере это легко сделать восстановив немного Fill, скажем до 10%, и заменив сплошную заливку на градиент с прозрачностью.
В общем, такой вот перекур сегодня. Хорошо что я давно бросил курить. Чего и всем желаю.
Исходник соответствует этой картинке.
Зазубренные края шейпа после фотошопской векторизации - это не хорошо. Но зато быстро. А чтобы получить края гладкие, нужно векторизовать в документе большего разрешения. Раза в 3 или 4.
Тут взаимосвязь в нашу пользу - в маленьком документе края зазубреные, но этого почти не видно. В большом - будет видно сразу, но если векторизовать в нем, то края получатся гладкие.
Трассировать специальной программой смысла нет - тогда уж лучше каллиграфическим пером в векторном редакторе все и нарисовать.
Вполне понятно что можно сделать не один объект в виде дыма, а несколько, и тогда их полупрозрачность взаимно заиграет.
Время от времени возникала задача изобразить что-то размытое, но так, чтобы да, было шейпами, то есть, чтобы масштабировать можно было и все такое. Первое что приходит на ум - Outer Glow. Opacity=100%, но не хватает этого все равно - видны четкие границы. Приходится поднимать кривую контура (Contour) выгибая ее вверх, с целью сгустить непрозрачность пикселов эффекта у края формы. И все равно не то! Сложый шейп, в котором есть и большие, и маленькие элементы не удается так "размыть" полностью.
Недавно я писал, что можно с помощью Drop Shadow делать дубликаты формы шейпа с разными характеристиками, а сегодня какой-то нейрон проснулся и понял что это и нужно делать для задачи описанной выше. Применять Drop Shadow для размытия шейпа. Проверил - в точности как работает Gassian Blur!
Первым делом изобразил дым. Поскольку рисовать не умею, а техника новая - пришлось поковыряться чтобы выяснить как влияет форма на размытие. Чтобы видеть результат без отображения векторного контура поверх картинки - открыл еще одно окно для документа. Редактирал вектор в одном - проверял что получилось в другом. Window > Arrange > New Window for ...
Итак, вот как делать: создав Shape Layer уберите параметр Fill=0%. В свойствах слоя выберите эффект Drop Shadow, и ОТКЛючите опцию Layer Knocks Out Drop Shadow. Теперь эффект тени будет виден целиком и полностью. По месту настройте цвет, режим наложения и степень размытия. Чтобы эффект не смещался - параметр Distance уберите в 0 px. Готово. Вот так, все просто!
Тень с переменной размытостью границ
После того, как получился кривоватый дымок, встала задача куда-нибудь его вставить. Трубы заводов и пароходов в голову не пришли, а вот сигарета вспомнилась. Нарисовал сигарету и нашел еще одно применение данной техники - создание формы с переменной размытостью границ. На картинке выше это тень от сигареты на пепельнице.
Сделано так: нарисована форма которая применена к слою типа Gradient. Градиент с прозрачностью. Там где тень должна быть размытой - там она почти прозрачна, а там, где должна быть почетче - где сигарета касается пепельницы и приближается к ней - там почти непрозрачна. Размытие эффекта Drop Shadow одинаково по всему контуру, но за счет появления четкой границы возникает впечатление что она меняется.
Кучка пепла также с эффектом Drop Shadow, к которому добавлен параметр Noise для имитации крошек золы. Там еще паттерн немного виден - для добавления серых пятен.
Layer Style vs. Gaussian Blur
Применять эту технику можно где угодно, когда угодно сделать что-то размытое, и при этом иметь возможность масштабирования формы, и быстрой настройки эффекта. Если нужна неортогональная тень под объектом - скопируйте его векторную маску, сделайте еще один шейп, который вы сможете искорежить как угодно, задать нужный цвет, и даже залить тень градиентом, если закините такой слой в смарт, к которому в свою очередь примените эффект Gradient Overlay.
И еще. Оформление можно сохранить в библиотеке слоевых стилей, чтобы одним нажатием превращать любую форму в дымку. А равно можно копировать оформление с одного слоя и переносить его на другой.
Удачно получилось что я начал эксперименты в документе 400 на 400 пикселов в RGB. Это привело к тому, что я могу выложить исходник со всеми смарт-объектами в которых находятся сигарета и пепельница. В смысле что файл получился небольшой, при условии что там задействовано два паттерна и два смарт объекта. Что, как правило, раздувает файл изрядно.
По теме - пока все. Что касается сигареты - она сделана в горизонтальной ориентации, а затем будучи смарт-слоем повернута на нужный угол. Пепельница сделана крайне примитивно: то, что вы видите как будто внутренняя стенка - на самом деле эффект Inner Shadow от овала который символизирует дно устройства сбора пепла. А то, что вы видите как будто ребро верхней части - Drop Shadow от кольца вниз под 90 градусов. Только один узел потребовал занятия - ложбинка под сигарету. А сама она лежит сбоку. Чтобы было видно ложбинку.
Если скачаете исходник, увидите как все просто сделано и там. Не забудьте что сигарета и пепельница - в Smart Object. То есть, доступ к их дизайну возможен после выполнения команды Layer > Smart Objects > Edit Contents, или просто двойному щелчку по иконке смарт-слоя.
Весь дизайн можно легко масштабировать. Я попробовал на 300 процентов - только пепел стал немного неправильный - из-за глупого паттерна. Кстати, при выполнении команды Image Size, штамп-слои смарт объектов трансформируются как обычный слой, что приводит к резкому ухудшению качества - пикселизации, потере четкости и т.д. Автоматически содержание смарт объекта не масштабируется вместе с документом. Поэтому нужно сделать это вручную.
Скачайте исходник в формате PSD чтобы детально во всем разобраться.
Внимание! У вас нет прав для просмотра скрытого текста.
[234.3 Kb] (cкачиваний: 14)Когда все нарисовал, то была такая идея - сделать дым в виде размазанного черепа без костей. Но, блин, мощности не хватает. С моим умением рисовать это займет много времени.
Пошел на компромисс - добавил черепушку из клипарта на сигаретку.
Возвращаясь к теме. Вот тут будет к месту применить технологию обводки пути, с имитацией влияния нажатия на размер наконечника.
Это просто. Круглая кисть, скажем 8-10 пикселов. В свойствах ВКЛючить: Shape Dynamics > Size Jitter > Pen Pressure. Если у вас нет планшета, может загореться предупреждение в виде треугольника с восклицательным знаком. - По идее можно игнорировать.
Теперь рисуете векторные контуры, с пониманием того, что они - скелет будущих "языков пламени". При обводке толщина кисти будет меняться: в начале отрезка минимальная, в середине - максимальная, и в конце снова минимальная. То есть, вместо того, чтобы рисовать самому замкнутые контуры имитирующие завитушки дыма, можно набросать только "кости" - осевые направляющие.
После того как этот процесс закончен, включаете быструю маску и командуете Stroke Path. В диалоге Stroke Path ВКЛючите опцию Simulate Pressure! Отключаете БМ, векторизуете селекцию, делаете шейп и оформляете - применив готовый слоевой стиль, или создаете новый.
Чтобы не потерять "кости" в процессе векторизации, когда новый Work Path заменит текущий, сохраните текущий перетащив его на иконку нового пути в палитре Paths.
Скучновато выглядит дым без нескольких четких линий. В стилизационной манере это легко сделать восстановив немного Fill, скажем до 10%, и заменив сплошную заливку на градиент с прозрачностью.
В общем, такой вот перекур сегодня. Хорошо что я давно бросил курить. Чего и всем желаю.
Исходник соответствует этой картинке.
Зазубренные края шейпа после фотошопской векторизации - это не хорошо. Но зато быстро. А чтобы получить края гладкие, нужно векторизовать в документе большего разрешения. Раза в 3 или 4.
Тут взаимосвязь в нашу пользу - в маленьком документе края зазубреные, но этого почти не видно. В большом - будет видно сразу, но если векторизовать в нем, то края получатся гладкие.
Трассировать специальной программой смысла нет - тогда уж лучше каллиграфическим пером в векторном редакторе все и нарисовать.
Вполне понятно что можно сделать не один объект в виде дыма, а несколько, и тогда их полупрозрачность взаимно заиграет.
-Секс хорош года примерно на два, а потом вам уже необходима любовь. (Сари Габор)
20 апреля 2010 
(
