Мир фотошопа от Алёнки ZZolotko (Весь материал взят с отк... Пятница, 29.03.2024, 17:49
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
Фотошоп уроки [657]
Картинки на прозрачном фоне в формате PNG [172]
Уроки анимации [81]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » Уроки анимации

Солнечные лучи

1. Открываем картинку в фотошопе.

 

alt

 

2. Создаем новый слой. С помощью (Shift+Ctrl+N), или на панели "layers" (слои) кнопка "create a new layer" (создать новый слой). Называем его лучи 1:

 

alt

 

3. Берем инструмент "Gradient tool" (Градиент (G))

 

alt


На панели параметров инструмента (наверху) выираем тип градиента "Angle" (угловой):

 

alt

 

После этого щелкаем на этой панели по самому градиенту и настраеваем окно "Gradient Editor", которе появляется перед нами:


alt

Выберите любой тип градиента и настройте его под себя, а именно:

- смените тип градиента с "Solid" на "Noise" (Шумовой)

- поиграйте с белыми и черными ползунками на RGB, чтобы достичь нужного оттенка градиента

- "Roughness" (Плавность) ставьте с 50 % на 100%.

- Поставьте галочки около "Restrict color" (ограничить цвета) и "add transparency" (добавить прозрачность)

 

4. Проводим градиентом по новому слою от самого верха до низа

 

alt


5. Ставим для этого слоя режим наложения Overlay (перекрытие) с 50% прозрачностью (transparency):

 

alt


6. Теперь повторяем пункты 2-5 два раза.


У вас должно получиться три слоя с градиентом:

 

alt

 

Каждый раз ваши лучи будут располагатьс чуть иначе, так как практически невозможно попасть дважды в тоже место.

 

5. Переходим в Image Ready:


alt

 

6. В панели "Animation" (Анимация) создаем еще три кадра с помощью кнопки "Duplicate current frame" (дублировать активный кадр):

 

alt

 

7. Выстраиваем видимость слоев для этих кадров. Для первого кадра - фоновая картинка + лучи1, для второго кадра - фотоновая + лучи2, для третьего кадра - фоновая + лучи3:

 

alt

 

8. Промежуточные кадры. Делаем растяжку - промежуточные кадры между всеми основными кадрами. Я сделала под два кадра растяжки. + скопировала первый кадр, поставила его в конец анимации и сделала растяжку между ним и предпоследним кадром. Таким образом анимация будет плавной. После этого кадр-дубликат первого кадра я удалила:

 

alt

 

Примечание: подробнее о промежуточных кадрах читайте в уроке "Плавный переход между кадрами"


Результат трудов:

alt

 

Способ №2
С помощью фильтров

Результат урока:


  alt
 

1. Открываем картинку в фотошопе.

 

alt

 

 

2. Создаем новый слой. С помощью (Shift+Ctrl+N), или на панели "layers" (слои) кнопка "create a new layer" (создать новый слой). Называем его лучи 1:

 

 

alt

 

3. При помощи инструмента "Paint bucket tool" (заливка) красим новый слой в белый цвет:

 

alt

 

4. Применение фильтров.

Следующим шагом применяем такие фильтры:

Filter - Noise - Add Noise (Фильтр --- Шум ---- Добавить шум):

 

alt

C настройками:

alt 

Amount (количество) - 400%

Distribution (распределение) - "Uniform" (равномерное)

Галочка около "Monochoromatic" (монохромный) для того, чтобы добавленыый шум был черно-белым.

 

И сразу применим следуюший фильтр

Filter – Blur – Radial Blur  (Фильтр - Размытие - Радиальное размытие):

 

alt

С настройками:

 

alt

 

Amount (количество) - 400%

Blur Method (метод размытия) - Zoom (линейный)

Quality (качество) - Good (хорошее)

 

Примечание: Центр размытия вы можете выбрать самостоятельно, подвигав скрещенные линии на примере. Это позволит вам сделать лучи, расходящиеся от солнышка, где бы оно не находилось. 


5. Режимы наложения слоев.

Сейчас наш аватар выглядит так:

 

alt

 

Но не пугайтесь. Сейчас будем менять режим наложения слоев и все будет в норме.

Поменяем режим наложения слоя (луч 1) с "Normal" (Нормального) на "Lighten" (Замена светлым) с прозрачность 20%:

 

alt

 

alt

 

6. Создаем еще 2 новых слоя. Назовем их соответственно лучи2, лучи3 и применим к ним пункты с 3 по 5 включительно.

 

Теперь у нас 4 слоя:

1 слой - база
2 слой - луч1
3 слой - луч2
4 слой - луч3

 

alt


7. Анимация и кадры. Переходим в Image Ready:


alt

 

7. В панели "Animation" (Анимация) создаем еще три кадра с помощью кнопки "Duplicate current frame" (дублировать активный кадр):

 

 alt

 

8. Выстраиваем видимость слоев для этих кадров. Для первого кадра - фоновая картинка + лучи1, для второго кадра - фотоновая + лучи2, для третьего кадра - фоновая + лучи3:

 

  alt

 

Ставим время смены кадров от 0,1 до 0,2 сек и сохраняем анимацию:

 

alt

Источник: http://www.artfulstudio.ru
Категория: Уроки анимации | Добавил: ZZolotko (16.11.2009)
Просмотров: 4137 | Рейтинг: 5.0/2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2024
    Сделать бесплатный сайт с uCoz