|
 |

 |
 |
Анимированный аватар в стиле Bond 007 |
 |
|
 |
 |
Название урока:Анимированный аватар в стиле James Bond 007 Автор:DrozdOff Дата релиза:08 февраля 2008 Степень трудности:4 из 10 (не очень трудно) Количесвто шагов:27 После изучения урока Вы освоите:Создание собственных Pattern"ов; узнаете, что Stroke служит не только для обводки; основы анимации.
Доброго времени суток. Сегодня я Вам расскажу, как создать анимированный аватар в стиле James"а Bond"а 007. Начнём пожалуй. Шаг 1. Создайте изображение 100x100 пикселей и белым фоном.

Шаг 2. Кликните дважды на слой «Background», и в открывшемся окне нажмите «Ok». (тем самым мы разблокировали основной слой) Шаг 3. Зайдите в Layer Style слоя (для этого дважды кликните левой кнопкой мышки по слою или щелкните правой кнопкой мышки и выберите «Bleeding Options»). Шаг 4. В появившемся окне перейдите на вкладку «Inner Shadow» (чтобы добавить внутреннюю тень), и выставите следующие параметры:

Шаг 5. Теперь перейдите на вкладку Stroke (чтобы добавить обводку), и выставите такие параметры:

Шаг 6. Сейчас нужно создать Pattern для аватарки. Делается это просто.
Шаг 6.1. Создайте новый документ, размером 1x2 пикселя. В Background Contents выберите Transperent. Шаг 6.2. Приблизьте лупой рисунок до 1600%. (чтобы было как на скриншоте).

Шаг 6.3. Выберите инструмент Pencil Tool и закрасьте чёрным цветом верхний квадратик.

Шаг 6.4. Теперь переёдите в меню Edit -> Define Patter. Укажите желаемое имя к Pattern’у и нажмите «Ok». Рисование Pattenr’a закончено. Закройте файл с «квадратиками». Шаг 7. Снова откройте Bleeding Options слоя и перейдите во вкладку Pattern Overlay. Установите следующее:

Нажмите «Ok». Получиться должно следующее:

Шаг 8. Создайте новый слой. Параметр Opacity уменьшите до 50%. Шаг 9. Нарисуйте черными или тёмно-серыми (по вкусу) что-нибудь, чтобы выглядело как фон. У меня получилось следующее:

(я использовал кисти и ) Шаг 10. Создайте ещё один слой. Выберите кисть из набора и нарисуйте силуэт. Я выбрал такой:

Шаг 11. Зайдите в Bleeding Options слоя. Перейдите на вкладку «Outer Glow» и поставьте следующие параметры:
Шаг 12. Теперь перейдите на вкладку «Inner Glow» и выставьте следующие параметры:

Нажмите «Ok». Получиться должно приблизительно так:

Шаг 13. Напишите что-нибудь (ник или ещё что-нибудь) на аватарке чёрным цветом.

(я использовал шрифт Neuropol. Забрать: [20.38 Kb] (cкачиваний:0)) Шаг 14. Буквы, которые наложились на силуэт закрасьте белым.

Итак, первая часть закончена - неанимированный аватар готов. Начинается самая сложная часть урока (добавление анимации). Шаг 15. Возьмите лупу, и уменьшите изображение до 33%. Основным цветом (foreground) сделайте белый. Шаг 16. Выберите инструмент Ellipse Tool и нарисуйте круг, размером раза в два больше, чем аватар.

Шаг 17. Снизьте параметр «Fill» до нуля. Шаг 18. Зайдите в Bleeding Options, во вкладку Stroke. Установите приблизительно следующие параметры:

Шаг 19. Возьмите лупу и увеличьте изображение до 100%. Получиться должно следующее:

Шаг 20. Если Вы работаете в Photoshop версии CS2 или ниже, перейдите в ImageReady. Для этого в меню выберите File -> Edit in ImageReady. Если Вы работаете в Photoshop версии CS3, то включите панель анимации (Window -> Animation).
Шаг 21. Выберите инструмент Move Tool (самый верхний ряд, справа). Кликните по слою с кругом (один раз). Перетащите круг так, чтобы пространство заполнилось чёрным цветом.

Шаг 22. На панели анимации создайте новый кадр (для этого нажмите на Duplicate Current Frame, рядом с корзиной).

Шаг 23. Снова выберите Move Tool и передвиньте чуть-чуть вверх круг.

Шаг 24. Снова создайте новый кадр, и поднимите чуть-чуть круг. Продолжайте эту операцию до тех пор, пока круг не будет на уровне головы.

Шаг 25. Теперь надо расширить круг. Создайте новый кадр. В параметрах Stroke уменьшите на 5. (если у Вас, как и у меня, было 115, то поставьте 110)

Шаг 26. Создайте новый кадр, и снизьте Stroke до 105. Повторяйте эту операцию (новый слой -> Stroke -5) до тех пор, пока круг не исчезнет из кадра. Шаг 27. Сохраните изображение. (File -> Save Optimized As…)
На этом всё! Спасибо за внимание. Не забывайте посещать почаще наш ресурс. (то, что получилось у меня, можете посмотреть вверху урока) |
 |
|
 |
 |
Сердце
Название урока:Элегантное сердцеАвтор:WebDesign.orgПеревод:DrozdOffДата релиза:17 февраля 2008Степень трудности:4 из 10 (не очень трудно)Количесвто шагов:9 |
 |
Анимированный блик по тексту
После прочтения урока Вы научитесь делать этот абсолютно несложный, но в то же время очень элегантный и красивый эффект. Где его можно применить? Да везде! На аватарках, юзербарах, баннерах... этот эффект будет смотреться красиво и необычно везде. |
 |
Рисуем сферу
В этом фотошоп уроке вы научитесь рисовать выпуклые сферические объекты.
|
 |
"Гангстерский" текст
Название урока:Гангстерский текстАвтор:ashДата релиза:14 февраля 2008Степень трудности:4 из 10 (не очень трудно)Количесвто шагов:9После изучения Вы освоите:Фильтр "Clouds", создание бликовОписание:урок о том, как создать такой вот "гангстерский текст". |
 |
Высвечивающийся текст
Название урока:Высвечивающийся текстАвтор:DrozdOffВдохновитель:Kantaka (он использовал на банере этот эффект)Дата релиза:09 февраля 2008Степень трудности:2 из 10 (просто)Количесвто шагов:7После изучения урока Вы освоите:Параметр Opacity. |
|
|
 |
|
|