На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 8332
Средней сложности Размещено: 03.12.2010 г.

Сверкающая Новогодняя елка в Фотошоп


В сегодняшнем уроке Фотошоп вы узнаете, как создать нарядную, сверкающую огнями новогоднюю елку. Нам понадобится инструмент «Произвольная фигура» (Custom Shape Tool) для создания елки и фигур огней, и панель «Анимация» (Animation) для активации нашей праздничной гирлянды. Давайте, попробуем!

Предварительный просмотр финального результата:


Сверкающая Новогодняя елка в Фотошоп


Шаг 1.


Начнем работу с создания Нового документа (Ctrl+N) в Фотошоп размером 240х400 рх и белым фоном. Далее, нам необходимо создать несколько новых слоев (Ctrl+Shift+N) для последующего размещения на них элементов елки. Назовите слои по порядку: нижний «Ствол», второй «Дерево», третий «Голубые огни». Позже мы создадим еще несколько слоев для мигающей гирлянды. Обязательно проверьте порядок расположения слоев, это важно! Они должны выглядеть таким образом:


Сверкающая Новогодняя елка в Фотошоп


Шаг 2.


Теперь, встаньте на слой «Дерево» и активируйте инструмент «Произвольная фигура» (Custom Shape Tool ) . Из набора фигур (Custom Shape Picker) в верхнем меню выберите треугольник. Если в вашем окне его нет, нажмите на стрелочку справа и выберите из списка программы набор «Все».


Сверкающая Новогодняя елка в Фотошоп


Сверкающая Новогодняя елка в Фотошоп


Также убедитесь, что в верхней панели настроек выбран режим контуров (Paths) :


Сверкающая Новогодняя елка в Фотошоп


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


Сверкающая Новогодняя елка в Фотошоп


Шаг 3.


Перейдите в панель «Контуры» (Paths) , она находится рядом с панелью «Слои» (Layers) . Нажмите правой кнопкой мыши по строке с треугольным контуром и выберите из меню опцию – Образовать выделенную область (Make Selection) . Укажите радиус растушевки (Feather) в 0 рх, и нажмите Ок. Теперь вокруг вашего треугольника образовалась бегущая дорожка, что говорит о его выделении.


Сверкающая Новогодняя елка в Фотошоп


Шаг 4.


Активируйте режим «Быстрой маски» (Quick Mask) , кнопка находится в самом низу панели инструментов. Появившийся розовый фон говорит вам об активации быстрой маски. Перейдите в Фильтр-Штрихи-Аэрограф (Filter/Brush Strokes/Sprayed Strokes) и установите радиус разбрызгивания и длину штриха на 10 рх, направление вправо по диагонали.


Сверкающая Новогодняя елка в Фотошоп


Нажмите Ок для применения фильтра. Нажмите значок «Быстрой маски» (Quick Mask) снова, чтобы отменить ее.


Установите цвет переднего плана (Foreground) на зеленый (#009933) . Перейдите в Редактирование-Выполнить заливку (Shift+F5) и заполните выделение цветом переднего плана. Снимите выделение (Ctrl+D) . Вот что у вас должно получиться:


Сверкающая Новогодняя елка в Фотошоп


Шаг 5.


На слое «Ствол» выберите инструмент «Прямоугольное выделение» (Rectangular Marquee Tool).


Сверкающая Новогодняя елка в Фотошоп


Выделите вертикальный прямоугольник под кроной елки, и заполните (Shift+F5) его коричневым цветом # 663300. Снимите выделение (Ctrl+D) . Если необходимо, выровняйте ствол по центру дерева.


Сверкающая Новогодняя елка в Фотошоп


Шаг 6.


Теперь создадим гирлянду из нескольких шариков. На слое «Голубой шар» активируем инструмент «Овальное выделение» (Elliptical Marquee Tool) и, удерживая Shift, рисуем ровный маленький круг. Заполните (Shift+F5) выделение синим цветом. Снимите выделение (Crl+D) . Все последующие шарики будут такого же размера, но другого цвета.


Далее, добавим глубины и объема нашей елочной игрушке. Двойным щелчком по миниатюре этого слоя открываем окно «Стилей слоя» (Layer Style) и выбираем параметр «Тиснение» (Bevel and emboss) . Выполняем настройки со скриншота: стиль внутренний скос, метод плавный, глубина (Depth) 62%, размер (Size) 7рх, угол (Angle) 120, высота 30, режим подсветки Экран (Screen) , режим тени Умножение (Multiplay) .


Сверкающая Новогодняя елка в Фотошоп


Сверкающая Новогодняя елка в Фотошоп


Шаг 7.


Дублируем слой «Голубые огни» (Ctrl+J) два раза и называем копии «Желтые огни» и «Красные огни». Выделяем слой «Желтые огни» и перемещаем шарик на другое место елки. Двойным щелчком по миниатюре этого слоя открываем окно «Стили слоя» (Layer Style) и выбираем опцию «Наложение цвета» (Color Overlay) . Нажимаем на цветовой индикатор и изменяем исходный цвет копии на желтый. То же самое проделайте со слоем «Красные огни», но в «Наложение цвета» используйте оттенок красного.


Сверкающая Новогодняя елка в Фотошоп


Сверкающая Новогодняя елка в Фотошоп


Шаг 8.


Вернитесь на слой «Голубые огни» и дублируйте (Ctrl+J) его 3 раза. То же самое проделайте и с огнями других цветов: желтым и красным. Распределите огни по елке. У вас должно получиться по 4 огонька каждого цвета.


Теперь, выделите в панели слоев огни одного цвета (Ctrl+клик по миниатюрам слоев), нажмите правой кнопкой мыши по выделенным слоям и выберите – Объединить слои (Ctrl+E) . Так же сделайте со слоями других однородных цветов (выделите их, потом объедините в один). У вас получится три слоя, в каждом из которых по 4 шарика.


Сверкающая Новогодняя елка в Фотошоп


Шаг 9.


Чтобы при создании анимации наши огни сверкали, добавим им вспышки при помощи «Стилей слоя». Дублируем слой с голубыми огнями (Ctrl+J) и называем его «Голубое свечение». Двойным щелчком по миниатюре копии открываем «Стили слоя» (Layer Style) . Выбираем параметр «Внешнее свечение» (Outer Glow) . В окне опции выбираем цвет для свечения голубой, режим смешивания Экран (Screen) , шум (Noise) 8, метод мягкий, размах 24%, размер 18 рх.


Повторите этот процесс для желтого и красного слоев, дублируя их (Ctrl+J) и называя «Желтое свечение» и «Красное свечение». Используйте в «Стилях слоя» оттенки свечения, соответствующие цветам шариков.


Сверкающая Новогодняя елка в Фотошоп


Шаг 10.


У нас все готово для создания анимации. Переходим в меню Окно-Анимация (Window/Animation) или в ImageReady (ранние версии Фотошоп). В панели слоев выключите видимость (глазик) слоев «Голубое свечение» и «Желтое свечение». Вы должны увидеть первый кадр в окне анимации с яркими красными огнями и временем в 0 секунд.


Сверкающая Новогодняя елка в Фотошоп


Шаг 11.


Далее, в правом верхнем углу окна нажмите стрелочку и выберите строку – Новый кадр (New Frame) .


Сверкающая Новогодняя елка в Фотошоп


В панели слоев выключите видимость слоя «Красное свечение» и включите слой «Желтое свечение». Добавьте Новый кадр (New Frame) . Второй кадр будет у нас с включенными желтыми огнями гирлянды.


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


Сверкающая Новогодняя елка в Фотошоп


Шаг 12.


Теперь нажмите кнопку Воспроизведения анимации (треугольник) и вы увидите, что огни беспорядочно мелькают. Чтобы гирлянда меняла цвет через равные промежутки времени, установите для каждого кадра свое время (у меня 0,5 сек). Для этого, выделите все кадры или нажмите в окне каждого кадра стрелочку внизу и установите время. Внизу окна, рядом с кнопками управления анимацией, выберите режим : постоянный.


Сверкающая Новогодняя елка в Фотошоп


Шаг 13.


Теперь нам необходимо сохранить анимацию. В версиях выше Photoshop SC2 переходим в меню Файл-Сохранить для Веб (File-Save for web) и выполняем настройки со скриншота ниже. Если у вас ранняя версия фотошоп, перейдите в меню Окно-Оптимизация (Window/Optimize) , выполните настройки со скриншота, а затем сохраните оптимизированный файл ((File-Save optimized (Ctrl+Alt+S)) в любом месте вашего компьютера. Помните, что любая анимация сохраняется в разрешении GIFи уже готова к выходу в интернет. В программе Фотошоп вы не сможете просмотреть сделанную анимацию.


Сверкающая Новогодняя елка в Фотошоп


Финальный результат:


Сверкающая Новогодняя елка в Фотошоп


С Наступающим новым годом! Удачи!


Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): Анастасия Суркова
Источник: Ссылка на источник скачиваний/переходов: 26




Рейтинг популярности: 2.2/5 (Всего оценок: 34)

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