Меню сайта
В избранное
* Главная страница
* Уроки Photoshop
* Архив аватарок
* КОНКУРСЫ (new)
* Рамки для фото
* Шрифты
* Кисти
* Видео уроки(скоро)
* Уроки рисования карандашом
* Добавить урок (new)
* О сайте
* Гостевая книга
* Обратная связь(new)
Новинки
Скачать все Аватарки в одном архиве(8,12Mb)
---------
Скачать все кисти в одном архиве(206,09Mb)
---------
Скачать все рамки в одном архиве(67,6Mb)
---------
Скачать все шрифты в одном архиве(38,58Mb)
Объявления
Последнее с форума:
Лучшие уроки фотошоп, все для Photoshop

Уроки фотошоп - Photoshop CS



Эффект взрыва


Введение.
В этом уроке Photoshop мы создадим "взрывающиеся облака" (можете назвать этот эффект так, как вам нравится). Уникальность урока в том, что эффекты легко настраиваются и эта техника Photoshop хорошо подходит для создания анимированного "взрыва" в программе ImageReady. Давайте начнем.


1. Подготовка фона

Откройте новое изображение. Для данного урока я создал маленькое изображение 400х300. 
Если вы используете этот же размер, у вас могут возникнуть проблемы с рекомендованными настройками кисти и размытия. Но даже если вы выберете гораздо больший размер, особых трудностей возникнуть не должно.
Нажмите клавишу D на клавиатуре, чтобы установить основным цветом - черный, а фоновым – белый.
Теперь перетащите инструмент Paint Bucket    с панели инструментов и залейте фон черным цветом. На палитре слоев щелкните на иконке Create a New Layer  , чтобы добавить новый слой.

2. Замена основного цвета на красный


Теперь щелкните на значке основного слоя    и выберите средне-красный цвет.
В моем случае я выбрал цвет в левом верхнем углу (A), имеющий числовое значение FF0000 (B).
 

3. Выбор необходимой кисти
Выберите инструмент Brush   на панели инструментов. Щелкните на области панели опций, которую я отметил красным, и выберите кисть диаметром 100 px, с жесткостью 0%. Это самая мягкая кисть, которую вы можете использовать.
 

Размер кисти в некоторой степени зависит от размера исходного изображения.
 
4. Рисование основной фигуры

Мы будем использовать три цвета:

  •  Красный
  •  Желтый
  •  Белый

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

После того как закончили, выберите желтый цвет. Я выбрал #FFFC00.
На этот раз рисуйте внутри красного цвета, но не слишком близко к границе. Выделите одну или две (или больше) желтых области так, чтобы они располагались внутри красной фигуры. Если кисть окажется слишком большой, вернитесь на панель опций и выберите меньший размер (или нажмите несколько раз клавишу [ на клавиатуре). Нажатие ] сделает кисть больше. И снова, старайтесь рисовать фигуру (или фигуры) произвольной формы.
Последним цветом, который мы выберем, будет белый (#FFFFFF). На этот раз рисуйте внутри желтых фигур, не слишком близко к границам, и изменяйте размер кисти, когда это необходимо.
Вот, примерно, так это должно выглядеть:


 

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

5. Размытие фигуры и добавление коррекционного слоя  Hue & Saturation


Выберите в меню Filter/Blur/Gaussian Blur...
Установите радиус 40 pixels и щелкните OK.
И снова, как и для любой кисти, - радиус зависит от размера изображения. Для изображения меньшего размера используйте меньший радиус кисти, для большого изображения – больший радиус.
Теперь щелкните на иконке Create an Adjustment Layer на палитре слоев, выберите Hue/Saturation...  и нажмите OK.


Данный коррекционный слой Hue & Saturation мы преобразуем в прикрепленный слой (Clipping Layer)


Слой Hue & Saturation Adjustment Layer должен располагаться над слоем с размытой фигурой. Нажмите Ctrl + G(Command + G для Mac) или Ctrl + Alt + G (Command + Option + G для Mac), если вы используете версию Photoshop CS2.


Преобразование в прикрепленный слой обеспечивает нам то, что корректировка Hue & Saturation будет затрагивать только нижележащий слой (именно в этом состоит основное свойство прикрепленного слоя).
Какова функция слоя Hue & Saturation? Я объясню это позже. На данный момент оставьте для коррекционного слоя установки по умолчанию.

уроки фотошоп
 


6. Добавление "облачного" слоя

На палитре слоев щелкните на иконке Create a New Layer  , чтобы создать новый слой.
Как в шаге #1, необходимо изменить основной и фоновый цвета. Для этого нажмите клавишу D на клавиатуре. Будет установлен основной цвет – черный, а фоновый – белый.
Теперь заполните слой черным цветом (на самом деле цвет не имеет значения), используя инструмент Paint Bucket   с панели инструментов.

Выберите команду меню Filter/Render/Clouds.

Результат применения фильтра будет случайным. Если вам не понравились сгенерированные "облака", нажимайте Ctrl + F (Command + F для Mac), пока результат вас не удовлетворит. Вы можете повторить это действие столько раз, сколько хотите.
Установите режим наложения для этого слоя - Color Dodge.

 уроки photoshop

7. Добавление коррекционного слоя уровней

Теперь щелкните на иконке Create an Adjustment Layer на палитре слоев, выберите Levels... и щелкните OK.
Теперь у нас есть коррекционный слой уровней (Levels Adjustment Layer),и как в шаге 5, мы преобразуем его в прикрепленный слой. На этот раз он будет прикреплен к нижележащему слою с облаками при помощи сочетания клавиш Ctrl + G (Command + G для Mac). Если вы используете Photoshop CS2, примените команду Ctrl + Alt + G (Command + Option + G для Mac). Преобразование коррекционного слоя уровней в прикрепленный обеспечит применение его эффектов только для слоя с облаками.
На палитре слоев мы должны увидеть следующий результат:

 

8. Выбор необходимой кисти

Теперь откройте Levels Adjustment Layer, дважды щелкнув на его иконке   на палитре слоев.
Выберите серый ползунок и передвиньте его немного влево или вправо. Просто экспериментируйте, все зависит от конкретного изображения.
 


 
 

Окончательный результат
И вот наш окончательный результат. Ваш вариант может выглядеть несколько по-другому, но как я сказал ранее, поэкспериментируйте со всеми установками.
 

эффект взрыва урок фотошоп 


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


 

Мне пришлось возвращаться к слою с облаками несколько раз в последнем примере, чтобы получить тот эффект, который я хотел. Еще раз запомните, что если вам не нравится конечный результат, вернитесь к слою с облаками и нажмите Ctrl + F (Command + F для Mac), подвигайте серый ползунок или нарисуйте другие фигуры.


Внимание: Будьте внимательнее при использовании команды Ctrl + F, так как вы должны убедиться, что последним примененным вами эффектом был Render/Clouds.
Команда Ctrl + F повторяет последний использованный эффект. Если после применения команды Ctrl + F что-то пошло не так, отмените это действие при помощи комбинации клавиш Ctrl + Z (Command + Z для Mac). А затем примените фильтр Filter/Render/Clouds через меню. Теперь можно использовать Ctrl + F снова.


А что же насчет коррекционного слоя Hue & Saturation, который мы добавили ранее?
Откройте коррекционный слой Hue & Saturation двойным щелчком на иконке   на палитре слоев. Теперь, используя ползунок Hue можно изменить цвет облаков, а ползунок Saturation – их насыщенность.
Повторим еще раз пять основных шагов:

  • Создать черный фон 
  • Добавить новый слой, нарисовать цветные фигуры мягкой кистью и выполнить размытие слоя 
  • Добавить прикрепленный коррекционный слой Hue & Saturation 
  • Добавить новый слой, заполнить его черным цветом и применить эффект облаков. Установить режим наложения слоя - color dodge 
  • Добавить прикрепленный коррекционный слой Уровни (Levels) 

 
Анимация


В этом уроке есть несколько моментов, которые облегчают создания эффекта анимации. А именно, использование:

 

  • Ctrl+F (Command + F для Mac) для повторного задания эффекта облаков
  • Коррекционный слой для  эффектов цвета и насыщенности (Hue & Saturation)
  • Коррекционный слой для  настройки уровней (Levels)


Поэтому очень легко создать отдельные кадры для последующего использования в программах типа ImageReady.


Так как коррекционные слои уровней в ImageReady не поддерживаются (а жаль!), нам придется экспортировать каждый кадр в отдельный файл. Лучше экспортировать все файлы (кадры) в отдельную папку и пронумеровать их. Я советую использовать нумерацию типа 9,10,11 и т.д. Но, пожалуйста, используйте для первого десятка числа с нулем впереди: 09,10,11 и т.д. Это поможет избежать неправильной сортировки файлов.
 Откройте программу ImageReady и выберите в меню File/Import/Folder as Frames.... Программа преобразует все ваши файлы в кадры. Подробное описание процесса создания анимации в Imageready выходит за рамки данного урока. Я только отмечу, что ваш результат будет абсолютно индивидуален. Он будет зависеть от того, какие кадры вы создали в Photoshop с самого начала и сколько кадров использовали.
Вот самый простой пример, состоящий из всего шести кадров, в замедленном движении: 

анимация взрыва photoshop
 

И снова, как и всегда: получайте удовольствие!



Статистика статьи


Дата размещения: 2010-12-19
Средняя оценка: 3.5
Количество голосовавших: 8
Количество просмотров: 9424




Оцените статью по пятибальной системе:
5 баллов || 4 балла || 3 балла || 2 балла || 1 балл

Добавить комментарий
*Введите Имя

Введите E-mail

*Текст комментария

*Введите цифры которые изображены на картинке


Внимание! Поля помеченные |*| Обязательны для заполнения!




Copyright © 2007-2008 by Павел . Разрешается републикация материалов сайта в Интернете с обязательным указанием ссылки на сайт "Уроки Photoshop" http://www.pscs.ru
Если вы усматриваете какие либо нарушения/ущемления авторских прав, то просим сообщить на driver0505(@)mail.ru. Мы уважаем и ценим авторские права!

Бесплатные уроки фотошоп, photoshop cs
Реклама


Поиск по сайту
Введите запрос на поиск, например название урока
 

Статистика

Статистика :
Количество уроков : 126
Количество рамок: 139
Количество шрифтов: 1273
Количество кистей: 311


Rambler's Top100
Карта сайта