-Музыка

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Step_in_Photoshop

 -Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.11.2007
Записей:
Комментариев:
Написано: 106

Выбрана рубрика Анимация.


Другие рубрики в этом дневнике: Уроки(7), Статическое изображение(5), Корректировка фотографий(5), Заказы(0), Вопросы(8)

Делаем простейшую анимированную аватару.

Дневник

Воскресенье, 09 Декабря 2007 г. 14:30 + в цитатник
Shetaki (Step_in_Photoshop) все записи автора Заранее простите за опечатки.
Это наверное уже умеют все..но все же....Вариантов как сделать множество, ну вот самый простой. Принцип того что мы делаем- рисуем в фотошопе каждый кадр, а имаге их соединяем.
Нам понадабиться две программы. AdobePhotoshop и AdobeImageReady
1. Открываем извображание из которого хотим сделать аватар. Я буду делать из этого изображения аватару размером 150на150
айй (700x525, 20Kb)
2.Выделяем(постарйтесь что бы это был квадрат) нужную нам часть. нажимаем конртрл+с(копировать), создаем новый документ(по умолчанию он должен быть такого же размера, как то, что вы скопировали.-> контрл+V(встаивть).

 (600x450, 57Kb)
3. а)меняем размер ХОЛСТА, так что бы ширина равнялась длине. То есть, отсекаем часть изображения. б)Потом меняем размер ИЗОБРАЖЕНИЯ на 150на150
а)

 (700x525, 84Kb)
б)
 (600x450, 68Kb)
4. Если изображение кажется вам слишком большим/маленьким чем 150на150 пикселей
то выбираем инструмент лупа, щелкаем правой клавишой по изображению->реальный размер

 (371x536, 33Kb)
5. Далее мы должны скопировать слой(задний план можно удалить:правая кнопка по слою-> удалить слой( Delete layre)) для этого перетаскиваем изображения слоя в окне слой на "создать новый слой"...то есть вот так:


 (345x344, 37Kb)
6. мы можем что нибудь написать на изображении, то есть создать текстовый слой.
получаем что нить вроде этого

 (455x333, 40Kb)
7. сохранеям то, что получилось в НОВУЮ папку в формате JPG.
8. выделяем копированный слой и изменяем его режим..при этом мы можем убрать глазок напротив изначального слоя нажав на него( этот слой станет невидимым) кароче эксперементируем, изменяя освещение и сохраняем результат в ту же папку.Я, например, выбрала мягкий свет.



 (470x422, 52Kb)
9. Открываем AdobeImageReady. Файл-импорт-папку как кадры и выбираем нужную нам папку.
10. можем изменить порядок кадров и время отражения каждого из них или сделать переход более мягким.

 (700x525, 82Kb)
11. Файл->сохранить оптимизированный как. выбираем формат гиф и сохраняем.
Вот примерно так:

 (150x150, 29Kb)
Рубрики:  Уроки
Анимация

Комментарии (7)

Анимация Дождя. Йове

Дневник

Понедельник, 12 Ноября 2007 г. 20:51 + в цитатник
She-Shadow (Step_in_Photoshop) все записи автора 1.для начала открываем нужное изображение. в данном случае это львица.:)




2. создаем новый слой, нажимая на значок в окошке слоев.



3. теперь нам нужен градиент. Black, White который.



заливаем им наш новый слой.






4. затем все в этот же слой добавляем шумы. название фильтра может быть разным, поэтому во избежании путаницы разъясню:
либо это Filter -> Noise -> Add Noise
либо, как показано на скрине, Фильтр -> Шум -> Добавить шум



в открывшемся окне количество шумов (amount) может варьироваться от 0, 1 до 400, в нашем случае оно равно 10,84.
дальше снова имеют место быть русский и английский варианты:
Distribution - Gaussian; "Monochromatic" отметить галочкой
Распределение - Гаусс; "Одноцветный" отметить галочкой



5. применяем следующий фильтр.
Filter -> Blur -> Motion Blur
Фильтр -> Смазывание -> Смазывание движения



в открывшемся окне устанавливаем нужные искажение - угол наклона нашего дождя (angle) и дистанцию (distance). поэксперементируйте. чему все это равно в данном случае, видно на скриншоте.



6. делаем непрозрачность (opasity) чуть меньше пятидесяти процентов. впрочем, это не обязательное условие, может быть и 35%, и даже 25%.



вот что у меня получилось после всех манипуляций:



7. повторяем действия, описанные в пунктах 2-6, два раза. лишь некоторая поправка в пятом - дистанцию (distance) слегка меняем. например, вот так.

1 раз.

2 раз.

3 раз.

8. теперь, когда у нас есть фон и еще три слоя переходим в ImageReady.



9. делаем парочку копий нашей картинки, нажав на соответствующий значок в окне анимации два раза.



10. выбираем первый из трех имеющихся у нас теперь кадров и делаем для него видимыми только фон и один новый слой - снимаем с других двух глазики.




для второго кадра делаем видимыми фон и второй новый слой.
для третьего - фон и третий.

11. там, где под каждым кадром есть цифры "0,00" кликаем правой кнопкой мыши и выбираем нужное время. у меня - 0,01 seconds. чем больше число, тем медленнее анимация.

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



а этот вариант я когда-то делала на заказ.



13. можно также уменьшить картинку до размеров аватара все в том же ImageReady, анимация при этом сохранится.



14. сохраняем оптимизированное как... в формате gif, разумеется.
Рубрики:  Уроки
Анимация


 Страницы: [1]