30 мая 2009 г.

ЦВЕТУЩИЙ ТЕКСТ (анимация)

ЗДРАВСТВУЙТЕ, УВАЖАЕМЫЕ ЧИТАТЕЛИ!
Сегодня я хочу предложить Вам еще один урок по созданию анимации. Заканчивается весна и вот-вот наступит лето. Все вокруг цветет. Вот и мы заставим расцвести... текст. Эту анимацию тоже можно использовать в качестве аватара на форумах. Впрочем, я показываю принцип, а уж как им распорядиться пусть подскажет Ваша фантазия.
ШАГ 1: создаем новый документ размером 300х300 пикселей (если для аватара, то размер ставите 150х150 пикселей) с белым фоном. Берем инструмент Текст (Text) (Т) . Выбираем равномерно широкий шрифт, например, Arial Rounded MT Bold из стандартного набора шрифтов Windows, настраиваем его примерно таким образом:


и пишем любую букву, например первую букву ника или имени



ШАГ 2: теперь добавим нашему тексту стилей. Щелкаем по кнопочке Добавить стиль слоя (Add a layer style) внизу палитры слоев и выбираем для начала стиль Тень (Drop Shadow) с такими настройками. Затем Перекрытие узора (Pattern overlay) Следующий стиль, Внутренняя тень (Inner Shadow) с такими настройками: и последний стиль -- Внутреннее свечение (Inner Glow) и настройки для него: Должно получиться примерно так:
Все. Фон мы подготовили. Теперь приступаем к созданию цветов, которые расцветут на нашем тексте-полянке.
ШАГ 3: для цветов нам понадобится инструмент Произвольная фигура (Custom Shape Tool) (U) в виде цветка любой формы. Мне нравится ромашка, поэтому выберу ее Создаем новый слой на самом верху Палитры слоев (назовем его ЦВЕТОК), цвет переднего плана ставим белый (для ромашки) или любой другой, какой Вам нравится. В настройках инструмента выставляем следующие: и рисуем первый цветок. (Для удобства работы можно приблизить изображение клавишами CTRL+"+". Теперь выбираем инструмент Овал (Elipse) с такими же настройками, что и Пользовательская фигура (Custom Shape), ставим цвет переднего плана желтый #ffff00 и на этом же слое рисуем серединку для нашего цветка. Получается следующее:
Теперь берем инструмент Перемещение (Move) (V) (13.gif) , зажимаем клавишу ALT и сдвигаем цветок влево. Таким образом мы скопируем цветок на новый слой и сдвинем в нужное нам место. Можно немного уменьшить копию цветка при помощи команды Свободное Трансформирование (Free Transform) (CTRL+T). Так заполняем все пространство по контуру буквы. Должно получиться так:
ШАГ 4: Текст-полянку мы сделали. Осталось ее "оживить". Для этого нам нужно открыть окно Анимация (Animation), Окно/Анимация (Window/Animation)
В этом окне уже будет открыт первый кадр нашей "мультяшки", но нам нужно, чтобы на этом кадре была только одна ромашка. Поэтому в Палитре слоев отключаем все слои ЦВЕТОК copy, кроме собственно слоя ЦВЕТОК. А чтобы не мучится, щелкая по "глазам" на большом количестве этих слоев-копий, перейдите на слой ЦВЕТОК, зажмите клавишу ALT и щелкните по "глазу" рядом с иконкой слоя. Все слои будут скрыты, кроме этого. Вам теперь остается просто "включить" фоновый слой и слой с текстом, щелкая по таким же "глазам" рядом с иконками. Таким образом, у нас есть первый кадр с одной единственной ромашкой на зеленой полянке.
Теперь в этом же окне Анимация нажимаем на кнопочку Дублировать кадр (Duplicate current frame), а в Палитре слоев включаем первую копию слоя ЦВЕТОК, ЦВЕТОК copy. Так продолжаем до тех пор, пока не включим все слои-копии ЦВЕТКА. Таким образом получаем в (моем случае) аж 33 кадра. Теперь осталось включить воспроизведение в этой же панели Анимация (Animation).
Ну вот и все! Анимация готова. Сохраните ее в GIF формате. Если для создания анимации Вы использовали Image Ready то нужно сохранять документ командой "Сохранить оптимизированный как...", но опять же, формат GIF.
А на этом я с Вами прощаюсь. Надеюсь урок Вам понравился!
До свидания!

23 мая 2009 г.

ИНФРАКРАСНЫЙ СНИМОК

ЗДРАВСТВУЙТЕ, УВАЖАЕМЫЕ ЧИТАТЕЛИ!
Сегодня я хочу представить Вам урок по обработке фотографии от Стива Паттерсона, который я взяла отсюда . С помощью нескольких несложных действий мы превратим обычную фотографию в инфракрасное изображение. Итак,
ШАГ 1: открываем в Фотошоп снимок, с которым будем работать. Дублируем слой с фотографией и назовем копию "инфракрасный" (так назвал автор и я не буду спорить).
ШАГ 2: теперь в Палитре слоев переходим на вкладку Каналы и выбираем Зеленый (Green) канал. Фотография сразу стала черно-белой По примеру автора, я не буду вдаваться в подробности, почему это происходит. Работа каналов в Фотошоп -- это отдельная тема. А пока, не задумываясь ни о чем, выбираете указанный канал и идете в меню Фильтр/Размытие/Размытие по Гауссу (Filter/Blur/Gaussian Blur), где устанавливаете радиус размытия так, чтобы можно было различить только основные детали изображения. В моем случае этот радиус составил 15 пикселей
ШАГ 3: возвращаемся на вкладу Слои (Layers) и меняем режим наложения для слоя "инфракрасный" с Нормального (Normal) на Осветление/Экран (Screen). В результате должно получиться так: ШАГ 4: сейчас нам понадобится новый корректирующий слой, который называется "Микширование каналов". его можно создать через меню Слой/Новый корректирующий слой/Микширование каналов (Layer/New Adjustment layer/Channel Mixer) или нажать на кнопочку "Новый корректирующий слой" (в виде кружка) внизу палитры слоев и выбрать соответствующий слой. В открывшемся диалоговом окне ставим такие параметры: Здесь я тоже не буду подробно останавливаться, скажу лишь то, что сумма значений для всех трех каналов, Красного (Red), Зеленого (Green) и Синего (Blue), должна составлять 100%. Иначе можно потерять либо в яркости снимка, либо в деталях полутонов.
ШАГ 5: теперь переходим на слой "инфракрасный" и понижаем степень Непрозрачности (Opasity) до 35%. Сейчас наша картинка выглядит так: ШАГ 6: добавим на наш снимок немного зернистости. Для этого над корректирующим слоем сочетаниями клавиш SHIFT+CTRL+N создаем новый слой под название "ЗЕРНО" и заливаем его белым цветом клавишами CTRL+BACKSPACE если у Вас белый цвет стоит как цвет фона, или ALT+BACKSPACE, если белый -- основной. Теперь идем в меню Фильтр/Шум/Добавить шум (Filter/Noise/Add Noise) и ставим ему такие настройки Меняем этому слою режим наложения на Умножение (Multiply). Если на Ваш взгляд изображение слишком зернисто, то можно понизить уровень Непрозрачности (Opacity). Я понизила до 52%
ШАГ 7, последний: дублируем фоновый слой, меняем ему имя на "ТОНИРОВАНИЕ" и перемещаем под слой "ЗЕРНО" (для тех, кто еще не знает, просто беретесь за слой мышкой и с нажатой левой клавишей тащите вверх). Режим наложения меняем на Перекрытие (Overlay) и понижаем Непрозрачность (Opacity) до 50%.
А теперь сравним результаты до и после обработки По-моему, вполне нормально. А вот как выглядит после такой же обработки мой портрет (будем знакомы, Elka). Похоже на черно-белую фотографию, слегка подретушированную :).
Ну что же, на этом все! Спасибо Стиву Паттерсону и до новых встреч!

14 мая 2009 г.

Команда "Ослабить" и работа с фотографиями.

ЗДРАВСТВУЙТЕ, УВАЖАЕМЫЕ ЧИТАТЕЛИ!
Чаще всего интересные открытия происходят случайно. Так бывает, иногда ищешь идею и не находишь, а иногда, казалось бы ничего не делаешь, просто ковыряешься с очередной фотографией и вдруг сочетание каких-то команд, режимов наложения слоев или фильтров дает новый, неожиданный результат. Именно таким внезапным "открытием" я и хочу с Вами поделиться.
Эффект достигается очень просто. Даже я бы сказала, слишком просто. Может быть кому-то этот прием и знаком, но для таких как я, кто осваивает Фотошоп в основном "методом научного тыка", это может пригодиться.
Честно говоря, я даже не знаю, как назвать этот эффект. Поэтому, посмотрите урок и придумайте название сами. А я начну:
ШАГ 1: Лучше всего этот эффект смотрится на портрете. Я взяла уже знакомый Вам по предыдущим урокам портрет блондинки:

Дублируем слой и оригинал временно отключаем, нажав на "глаз" слева от иконки слоя:
ШАГ 2: теперь размоем нашу блондинку с помощью фильтра Размытие по Гауссу (Фильтр/Размытие/Размытие по Гауссу;Filter/Blur/Gaussian Blur) с радиусом 40-50 пикселей

ШАГ 3: самый интересный. Мы только что "размыли" блондинку, а теперь ослабим действие фильтра с помощью команды Ослабить (Fade) из меню Редактирование/Ослабить: Размытие по Гауссу (Edit/Fade Gaussian Blur)

Эффект здесь достигается за счет того, что команда как бы смешивает действие фильтра с оригиналом, тем самым смягчая его действие. А если поэкспериментировать с режимами наложения слоев, можно достичь неожиданных результатов. Итак, выбираете упомянутую команду и перед вами предстанет маленькое диалоговое окно, в котором указываете режим наложения и степень непрозрачности. Для начала я выбрала режим Затемнение цвета (Darker Color) при 100% непрозрачности:

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

Теперь берем мягкую Кисть (Brush) черного цвета (диаметр на Ваше усмотрение) и покликаем в районе глаз. Вот мой результат

Получилась фотография, но с прорисованными деталями.
А такого эффекта можно достичь, если в команде Ослабить (Fade) применить режим наложения Яркий свет (Vivid Light).

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

В общем, экспериментируйте, фантазируйте и до новых встреч!

8 мая 2009 г.

ГРОЗА НАД ОДИНОКОЙ СКАЛОЙ

ЗДРАВСТВУЙТЕ, УВАЖАЕМЫЕ ЧИТАТЕЛИ!
Сегодня мы будем рисовать несколько мрачный, но в то же время эффектный пейзаж. Представьте себе грозовое море, сверкают молнии, а из воды понимается скала с несколькими деревьями… Представили? Теперь попытаемся это изобразить средствами Фотошоп.

Шаг 1: на этом уроке мы будем большую часть работать с фотографиями. Поэтому открываем в Фотошоп сначала изображение пасмурного неба В моем случае из фотографии нужно вырезать самую пасмурную часть неба. Инструментом Прямоугольное выделение (Rectangular Marquee Tool ) (M) выделяем нужную область. Теперь копируем созданное выделение и вставляем его в новый документ размером 1024х768. (Опять же для использования в качестве фона). Назовем этот слой «НЕБО». Если нужно, при помощи Free Transform (Свободная Транс-формация) (Ctrl+T) «подгоняем» размер неба под размер документа.
Теперь немного затемним небо, сделаем его еще более пасмурным (опять же, при необходимости). Для этого выполним команду Изображение/Регулировки/Уровни (Image/Adjustments/Levels ), (Ctrl+L) и сдвинем вправо черный и серый ползунки примерно так:

Вот наше небо еще больше «нахмурилось».

Теперь нам нужно еще немного трансформировать наше небо. Для этого понадобятся две конкретные команды Трансформации, сначала Масштабирование (Scale), а затем Перспектива (Perspektive). Поэтому нажимаем волшебное сочетание клавиш CTRL+T, затем клик правой кнопкой мыши на фотографии и выбираем сначала команду Масштабирование (Scale). Немного подтяните вверх нижний средний маркер на рамке трансформирования. Теперь, не нажимая ENTER, снова клик правой кнопкой мыши на фотографии и на этот раз выбираем команду Перспектива (Perspektive). Теперь потяните в сторону любой угловой маркер рамки, чтобы получилось примерно так:

Еще немного увеличим грозовые облака в центре изображения. Для этого применим следующий фильтр Фильтр/Деформация/Сферизация (Filter/Distort/Spherize) со следующими параметрами:
Шаг 2: пришло время добавить на наш пейзаж море. Для этого нам понадобится примерно такое изображение водной глади

Выделяем его Ctrl+A, копируем (Ctrl+C) и вставляем (Ctrl+V) в наш документ. Полученный слой назовем «МОРЕ». Этот слой нужно трансформировать так же, как слой «НЕБО». Далее «подкрасим» воду, чтобы она стала такой же «хмурой», как небо. Нажимаем сочетание Ctrl+U, которое вызывает команду Hue/Saturations (Оттенок/Насыщение). Мои настройки:

Теперь при помощи команды Levels (Уровни) немного затемним море.
Должно получиться так:

Пусть Вас не смущает резкая линия горизонта. Мы ее потом «спрячем».

Шаг 3: теперь вставим в картину «главную героиню», одинокую скалу. Если у Вас уже есть подходяще изображение, приступайте к вырезанию любым удобным Вам способом. Если нет, можно найти в Интернете. Я взяла такую фотографию

У меня стоит Фотошоп CS3, в котором есть очень удобный инструмент вырезания Quick Selection Tool, (W) . Выделяем с помощью этого инструмента нашу скалу. Потом нажимаем клавишу Q , чтобы перейти в режим быстрой маски. Выделенная область заполнилась бледно-красным цветом. Теперь эту область можно подредактировать, чтобы убрать все лишнее и добавить то, что по нашему мнению нам нужно. Чтобы особо не вдаваться в подробности, я скажу только то, что режим быстрой маски работает только с двумя цветами, черным и белым. Черный цвет добавляет объекты к области выделения, а белый — наоборот, удаляет. Поэтому берем жесткую Кисть (Brush) (B) , ставим ей белый цвет и удаляем все, что нам не нужно. Если хотите что-то добавить, поменяйте цвет кисти на черный. Когда закончим редактирование, снова нажимаем клавишу Q и вместо маски снова появится выделение, которое мы сначала копируем (Ctrl+C), а затем вставляем (Ctrl+V) в нашу картину.

Теперь сочетанием Ctrl+U (если Вы помните, все клавиатурные комбинации в Фотошоп работают только в английской раскладке клавиатуры) вызываем команду Оттенок/Насыщение (Hue/Saturation ) и ставим такие настройки:

Затем командой Уровни (Levels ), (Ctrl+L) с такими настройками

придаем скале еще большей «мрачности». При желании можно еще взять инструмент Затемнение (Burn Tool) и пройтись по трещинам скалы и верхушкам деревьев. Теперь берем мягкую Резинку (Eraser), (E) и вытираем низ скалы, чтобы «погрузить» ее в воду.
Теперь создадим впечатление будто за скалу зацепилось облако. Создаем маску слоя, нажав на значок в палитре слоев . Берем мягкую кисть, (цвет переднего плана черный), ставим непрозрачность кисти 30-40% и покрасим верхушку скалы. Вот что получилось у меня:


Шаг 4: наша картина называется "Гроза над одинокой скалой". Море у нас есть, скала тоже есть. Осталось добавить грозу. А посему, рисуем молнии. Создаем новый документ размером 150х350рх. На-жимаем клавишу D, чтобы установились цвета по умолчанию. Берем инструмент Градиент (Gradient Tool), (G) и заливаем линейным градиентом, проведя линию по горизонтали. Затем применяем Фильтр/Рендеринг/Облака с наложением (Filter/Render/Different Clouds). Инвертируем цвета, Ctrl+I. Теперь при помощи команды Levels (Уровни) уберем с изображения лишний туман, просто сдвинув вправо серый движок. Получается так:

Выделяем молнию Ctrl+A, копируем её, Ctrl+C и вставляем в нашу картину, Ctrl+V, поместив под слой «СКАЛА». При необходимости трансформируем и помещаем в ту часть рисунка, которая нам больше нравится. Меняем слою режим наложения на Осветление/Экран (Screen). Мягкой резинкой вытираем лишние части, если таковые имеются. Теперь пе-реходим на слой «НЕБО» и инструментом Осветление (Dodge Tool) кликнем несколько раз вверху молнии, чтобы создать подобие вспышки, как во время грозы. Таких молний можно сделать несколько, каждый раз создавая новый документ, чтобы форма и изгиб молнии не повторялись. А если не хотите мучиться, то можно скачать готовые кисти. Я скачала две отличные кисти отсюда. В общем фантазируйте.

Шаг 5: теперь нам нужно немного размыть наш горизонт, чтобы он не был таким резким. Переходим на слой «МОРЕ» и вызываем режим Быстрой Маски (Q) . Заливаем слой линейным градиентом сверху вниз, начиная чуть выше линии горизонта и почти до конца. Выходим из режима Быстрой Маски (Q) и применяем Фильтр/Размытие/Размытие по Гауссу (Filter>Blur>Gaussian Blur) с радиусом размытия 2-3рх. Снимаем выделение. Все, горизонт размыт.

Теперь можно нарисовать некую таинственную мглу, которая уже закрыла горизонт и надвигается на нашу скалу. Создаем новый слой и помещаем его под слой «СКАЛА». Ставим цвет переднего плана #5b616b, берем кисть с мягкими краями размером 100рх и ставим режим смешивания кисти Растворение (Dissolve) . Проведем прямую (можно не очень) вдоль горизонта и применим Размытие по Гауссу (Gaussian Blur) с радиусом 13-15рх. Радиус зависит от толщины линии, чем шире линия, тем больше размытие. Таким образом у нас получился некий загадочный туман или мгла (кому как нравится). Такой же туман, только немного больше размытый, можно добавить у основания скалы.
ВОТ НАША КАРТИНА И ГОТОВА!

На сегодня все! Спасибо за внимание!