Очень часто нахожу вопросы "Как создать анимированный автар?", поэтому в этом уроке мы научимся их делать, это на много проще, чем Вы могли себе представить. Задействуем Adobe Photoshop и Image Ready, не волнуйтесь, он у Вас есть :) Я покажу на примере эффекта падающего снега, сделаев его, у Вас не вызовет никаких затруднений сделать любую другую автару :)
1. Возьмем фон для аватарки, размером
100х100px, как его сделать надеюсь рассказывать не надо? :) У меня вот такой пингвиненок:
2. Создайте новый слой и залейте его черным цветом, это для того, чтобы лучше видеть снежинки. Далее создаем еще один слой, берем мягкую кисть белого цвета, диаметр -
8px (это будут большие снежинки на переднем плане) и идем в настройки кисти, чтобы облегчить нам задачу по рисованию снежинок. И выставим такие параметры:
Spacing 500%, Size Jitter 100%, Scatter 1000%.
Далее рисуем "снежинки", лишние вытираем ластиком, должно получиться вот так:
3. Теперь создадим еще один слой для маленьких снежинок, изменим диаметр кисти, например до
4px и нарисуем более мелкие:
4. Черный слой нам больше не пондобится, снежинки расположены как нам надо, поэтому можем его удалить.
5. Теперь увеличим размер холста, идем
Image > Canvas Size (Alt+Ctrl+C) и увеличим холст по высоте в 3 раза, т.е. если у нас была картинка 100px, то будет 300px и обратите внимание, чтобы ваша картинка при увеличении осталась внизу, смотрите на скриншоте:
Должно получиться вот так (цвет холста не имеет значения, но лучше темный):
6. Перейдите на слой с большими снежинками и скопируйте его. Теперь переместим его на
100px вверх, это легко сделать выбрав инструмент Move Tool
и удерживая клавишу
Shift нажать по клавише стрелки вверх на клавиатуре
10 раз. Переместили? Теперь сливаем эти 2 слоя в один.
7. Теперь копируем слой с маленькими снежинками, перемещаем на
100px вверх, снова копируем уже копию и перемещаем еще на
100px вверх. Затем сливаем все 3 слоя с маленькими снежинками в 1 (жмем 2 раза
Ctrl+E).
8. Теперь снова меняем размер холста, идем
Image > Canvas size (Alt+Ctrl+C) и задаем размер по высоте прежний, т.е.
100px, жмем
Ок, если появилось окошко с предупреждением жмем
Proceed. Вот так должна выглядеть наша аватарка:
9. Переведем ее в
Adobe ImageReady для создания анимации. Жмем на кнопочку в
Adob Photoshop на панели инструментов:
10. Теперь мы находимся в ImageReady и нам понадобится вкладка
Animation, если у Вас ее нет на экране, то зайдите в меню
Window > Animation, появится снизу прямоугольное окошко с первым кадром. Скопируйте его:
11. Оставайтесь на
2м кадре, нам нужно будет передвинуть снежинки в их конечное положение. Т.е. находим на палитре слоев (она идентична той, что в photoshop) слой с большими снежинками и снова берем инструмент
Move Tool и перемещаем слой на
100px вниз (зажав
Shift нажимаем по стрелке вниз на клавиатуре
10 раз). Затем переходим на слой с маленькими снежинками и передвигаем слой на
200px вниз (
Shift+стрелка вниз 20 раз).
12. Отсаемся на 2м кадре, находим на панели Animations кнопку
Tween:
и выставляем такие значения:
Количество фреймов (кадров) можете по желанию выстваить больше или меньше, но учтите, что чем больше кадров будет, тем больше вес аватарки. У Вас должно было теперь получиться всего 17 фремйов, учитывая первый и последний, удалите последний №17, т.к. первый и последний кадры у нас одинаковые, и если мы его не удалим, в анимации на этом месте образуеися задержка. Значек изображения корзинки находим без труда :)
13. Теперь зададим задержку, с которой программа должна менять кадры, Вы можете поставить значение больше, я взяла
0,1sec. Для этого выбираем все фреймы (кадры) на панели
Animations, делаем клик под изображением, там где указано время в секундах правой кнопкой мыши, появится выпадающее меню и там выбираем нужную величину:
14. Теперь можем просмотреть наш ролик в действии, нажав на кнопку
Play на панели
Animations. Если все получилось, сохраняем рузльтат
File > Save Optimized As... в формате
.gif. Вот и все! Не сложно правда? :)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
По идее сама кнопка должна быть, сейчас посмотрела на 6 версии, там ImageReady нет, т.е. при нажатии неичего не происходит. Возможно сразу обе программы ставятся начиная с 7 или 8 версии. У Вас какая?
Кхм.. не знаю, у меня CS2, устанавливала только фотошоп, но ImageReady установился автоматически. Проверьте, может Вы при установке можете выбрать и доустановить.
ntw, на сколько ужасный бы он не казался... факт в том что именно все уроки по которым я тренеруюсь совсем не CS3, так что на счёт этого можно и поспорить... Просто я к примеру начал заниматься графикой именно на CS3, хотя у меня появился первый диск с фотошопом ещё в 2000ом году , а тренеруюсь по Ульману (2004г.) и тут на сайте смотрю старания LuLu, так что какой из них лучше можно долго спорить...
У меня ваще стоит CS8 и мне большего не нужно. Поверте люди ,которые в этом очень хорошо разбираются (в фотошопе). Им все равно ,какой он. Все можно сделать даже и на 7-ом фотошопе.
Публикаций: 0 | Комментариев: 0 | | ICQ: -- | | |
#11 написал: photoshop CS2 uzer (31 мая 2007 17:18)
Вот к примеру у меня есть фотография и её правая часть затемнена, как можно преобразовать её в нормальный вид? Какие есть методы именно для этого? У меня пока не получилось сделать то, что хотелось P.S. Я пока не бум-бум, не профессионал ))
LuLu, У меня когда-то была нужда в том, что-бы выделить конкретный обьект с плана, этому я научился (ещё в Paint'е, по пикселям ))) а вот к примеру преобразовать часть фотографии в её вид... ну... по пикселям это же не сделаешь... ))
Я Вас обожаю, у меня все так классно получилось, даже сама не ожидала! Я новичок в этом деле, если можно побольше уроков по анимациям, ну например, как глазами моргают, или как двигаются, ну в общем ВСЕ, что можете и знаете! Я, думаю, не сильно много прошу??? Просто, действительно, так доступно и легко преподносите!!! Заранее благодарна!
Есть вопрос- как можно переделать файл формата GIF 89 в формат GIF 87, разумеется с потерей качества? формат GIF 89 не нравится тем, что он не поддерживается(тоесть грузит только первое изображение) одним из сайтов, а GIF 87 хоть и убогий, но загружается как анимашка.
Блин, урок только начался, а я уже обломался, ибо, там сказано, что объяснять, как сделать начальный аватар 100х100 не надо... А вот и нет! И здесь есть дауны типа меня... полчаса провозился, но размер так и не сделал. черт!
При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.
и удерживая клавишу
, а тренеруюсь по Ульману (2004г.) и тут на сайте смотрю старания LuLu, так что какой из них лучше можно долго спорить...
