Какой мод хотите видеть в первый видео обзор S-L?

Всего голосовало: 1781
В нашем приёмнике есть саундтреки из игре S.T.A.L.K.E.R.!
Включи и послушай
лучшую музыку зоны!

смешные фото сталкер
смешные фото сталкер
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Популярные темы Самые активные сталкеры Новые Сталкеры
Ваша музыка в плеере [ 92 ]
Демотивиторы сталкера [ 46 ]
Бар "Сердце зоны" [ 1767 ]
Конкурсы-вопросы: ваш ответ... [ 240 ]
Вступление в Монолит [ 106 ]
Пока Вы спали, я... [ 236 ]
Штурман [ 8096 ]
Toshik [ 7339 ]
Крэйвен [ 5959 ]
Менгеле [ 4456 ]
Sashka [ 4369 ]
Юкки [ 4299 ]
Asimov [ 22:31 ]
ммаратт [ 22:12 ]
Сталкер_Ильяс [ 15:05 ]
kat38tak [ 17:02 ]
Barret [ 08:54 ]
Гоплит [ 15:54 ]

Страница 1 из 11
Модератор форума: Вандемейер 
Форум сталкер » Тематический раздел » Photoshop - уроки » Анимация объемного фона
Анимация объемного фона

  Teddy
Сообщений: 440
Награды: 29
[ 148 ]
Teddy...
19.12.2010, 01:22 | #1
Софт: Photoshop CS3.

В школе на уроках ИЗО мы учились рисовать, применяя перспективу. Так что создание объемного фона не должно вызвать затруднений. Суть этого урока можно было объяснить несколькими фразами и парой скриншотов. По просьбам начинающих расписываю все подробно

1. Создаем новый документ (Ctrl+N) с размерами 100х100 px, разрешением 72 px/inch, цветовым режимом RGB и прозрачным фоном (transparent). Назовем его «Лес».

2. Выбираем нужный цвет и инструментом Paint Bucket (G) щелкаем по документу, создавая общий фон:

3. Заяц несется по лесу, поэтому нет необходимости прорисовывать отдельные деревья, обозначим их листвой осенних цветов. Для этого выбираем кисть из стандартного набора и изменяем по вкусу ее настройки в панели Brushes:

4. Удерживая Shift (чтобы движение было прямолинейным), проводим кистью снизу вверх по середине изображения:

Далее используем Способ 2 из урока Создание непрерывно движущегося фона.

5. Проще всего разделить картинку на две части и поменять половинки местами можно с помощью фильтра Offset (Filter > Other > Offset):

Результат применения фильтра Offset:

6. Удерживая Shift, заполняем той же кистью свободное пространство:

7. Увеличиваем ширину холста в два раза (Image > Canvas Size (Alt+Ctrl+C)).

8. Дублируем слой (Ctrl+J).

9. Инструментом Move Tool (V) перемещаем новый слой.

10. Объединяем слои (Ctrl+E).

Скажу по секрету, что для такого пестрого фона из листочков нет необходимости прибегать к подобным хитростям. Заяц мчится с такой скоростью, что все вокруг просто мелькает… Достаточно было просто закрасить кистью весь слой (200х100 px). Вышеописанные действия необходимы, если вы захотите более детально прорисовать фон, и ваша зверюшка будет гулять гораздо медленнее, что приведет к увеличению количества кадров в анимации.

Если использовать получившуюся заготовку для плоского фона, то получится такая анимашка из четырех кадров:

Но мы создаем объемный фон, применяя правила перспективы, поэтому продолжим работу над заготовкой.

11. Сохраните файл «Лес» в формате PSD (File > Save As… или Shift+Ctrl+S), но не закрывайте его: далее будем работать сразу с двумя документами.

Помните, что в палитре Layers отображаются слои того документа, с которым мы в данный момент работаем!

12. Создаем новый документ «Заяц» (Ctrl+N) с размерами 100х100 px.
В палитре Layers создаем новую группу слоев (щелкаем по изображению папки внизу палитры). Назовем новую группу «Фон», а слой «Layer 1» переименуем в «Земля-небо».

Старайтесь давать слоям и группам слоев осмысленные названия, чтобы не путаться, если слоев в вашем файле много. Переименовать слой (группу) можно двойным щелчком по его названию.

13. Снова переходим к документу «Лес» (просто щелкаем по нему).
Выбираем инструмент Выделение (V) и в его настройках устанавливаем фиксированный размер 100х100 px (Style: Fixed Size). Щелкаем по изображению и сдвигаем мышью получившееся выделение до конца вправо:

14. Далее немного автоматизируем наш труд. Открываем палитру Actions (Window > Actions или Alt+F9).

Сворачиваем все имеющиеся там группы (щелчком по маленькому треугольнику), чтобы не мешали.

Для своих макросов (записей) создаем новую группу (папку) «МОИ».

В группе «МОИ» создаем новый макрос «Перспектива». После нажатия кнопки Record в диалоговом окне начинается запись всех наших дальнейших действий над документами «Лес» и «Заяц».

Так должно все выглядеть перед включением записи макроса:

Мы последовательно сделаем из заготовки фона 4 слоя (будущих кадров) в документе «Заяц»:

Соблюдайте тишину! Идет запись макроса!

14.1. Ширина документа «Лес» - 200 px. Сдвигаем выделение влево на 25 px (стрелка на клавиатуре - сдвиг на 1px, Shift+стрелка - 10 px, при этом должен быть выбран инструмент Выделение (М)):

14.2. Копируем выделенный фрагмент слоя (Ctrl+C).

14.3. Переходим к документу «Заяц».

14.4. В папку «Фон» (она должна быть выделена в палитре Layers) вставляем (Ctrl+V) фрагмент слоя, скопированный в документе «Лес»:

14.5. Трансформируем вставленный фрагмент (Ctrl+T). Следим за изменяемыми параметрами в информационной палитре трансформации. Здесь же можно уточнить погрешности ручной работы. В итоге мы должны получить следующее:

Итак:
- сдвигаем правый край до середины документа, уменьшая размер изображения по ширине до 50%;
- правым кликом по выделению открываем список трансформаций и выбираем Perspective;
- совмещаем верхнюю и нижнюю правые точки;
- нажимаем Enter на клавиатуре, утверждая трансформацию:

14.6. Дублируем слой «Layer 1» (Ctrl+J).

14.7. Отражаем слой «Layer 1 copy» по горизонтали (Edit > Transform > Flip Horizontal).

14.8. Инструментом Move Tool (V) перемещаем слой «Layer 1 copy» вправо (см. рисунок).

14.9. Объединяем слои «Layer 1 copy» и «Layer 1» (Ctrl+E).

14.10. Возвращаемся к документу «Лес».

Так должно все выглядеть перед остановкой записи макроса:

Останавливаем запись макроса (кнопка Stop внизу палитры Action)!

Сворачиваем и выделяем группу «Перспектива»:

15. Три раза нажимаем кнопку Play в палитре Actions, последовательно применяя все записанные в макросе «Перспектива» действия (14.1-14.10) к документам «Лес» и «Заяц». В итоге получаем:

Документ «Лес» нам больше не понадобиться, и его можно закрыть.

16. В документе «Заяц» в палитре Layers выбираем слой «Земля-небо».

17. Выделяем (M - Style: Normal) верхнюю половину изображения и заливаем (G) выделение цветом неба.

18. Убираем выделение (Ctrl+D) и заливаем (G) коричневым цветом нижнюю часть слоя, изображая лесную тропинку:

19. В раскрывающемся меню команд палитры Animation выбираем Make Frames From Layers (Сделать кадры из слоев). Из каждого слоя получается отдельный кадр:

20. Удаляем первый кадр:

21. Выделяем все кадры в палитре Animation (клик по первому кадру и клик + Shift по последнему).

22. Делаем видимым для всех кадров слой «Земля-небо».

23. Устанавливаем для всех кадров задержку 0,1 сек:

Анимированный объемный фон готов! Для просмотра нажимаем кнопку Plays в палитре Animation:

Чтобы фон двигался медленнее, нужно при записи макроса в шаге 14.1. уменьшить сдвиг выделения, а в шаге 15 применить макрос столько раз, сколько потребуется для того, чтобы выделение переместилось к левой границе изображения. Например, если в нашем примере сдвигать выделение по 5 px, получится анимация из 20 кадров:

Чтобы изменить направление движения, достаточно в раскрывающемся меню команд палитры Animation выбрать Reverse Frames (реверсировать кадры):

Примеры использования:

Как нарисовать и анимировать зверюшку хорошо написано в уроках Анимация паучка и Рисуем свой каос.

Подсказка для анимашки с авто. Для каждой группы слоев создаем свой макрос (без шагов 14.6-14.9):

Для отдельно стоящих предметов описанный в уроке способ не подойдет, это совсем другая история:






  Denis-stalker96
Сообщений: 169
Награды: 57
[ 188 ]
S.T.A.L.K.E.R.=РУЛИТ
30.04.2011, 20:27 | #2
надо научится




I Stalker odinochka

  SAMSON
Сообщений: 349
Награды: 244
[ 1565 ]
Механник "Одиночка"
03.06.2011, 22:49 | #3
Крутые уроки. Жаль мало кто здесь на форуме о них знает: всем лень вниз листать

  AlterEgor
Сообщений: 3473
Награды: 210
[ 2724 ]
Сила в единстве
09.07.2011, 09:08 | #4
Спасибо




Монолит
Ранг - Дозорный Монолита
База - Барьер на Милитари
Должность - Штурмовик

  Дракон
Сообщений: 101
Награды: 72
[ 351 ]
Злой и коварный
15.08.2011, 13:11 | #5
Клёво





  kep
Сообщений: 136
Награды: 37
[ 288 ]
обьект 17
14.10.2011, 10:50 | #6
надо попробывать




Тихий убийца
Ранг:4
Личный счет в банке :170976

  CTRELOK666
Сообщений: 114
Награды: 94
[ 438 ]
Слепой пес
28.11.2011, 20:44 | #7
прикольно! не знал! мультик прям!







  RICOshet
Сообщений: 31
Награды: 1
[ 32 ]
Тушканчик
26.12.2011, 00:37 | #8
Вполне не плохо. Красиво, а главное - легко! ok





  NeedForKill
Сообщений: 1350
Награды: 192
[ 1071 ]
полтергейст
27.01.2012, 22:35 | #9
Повторю слова _BlackBox'a_ Спасибо




MAMKU SASHKI EBAL :)

  Farkas
Сообщений: 3077
Награды: 238
[ 2753 ]
Командир базы Военных Сталкеров
01.02.2012, 23:17 | #10
надо попробовать улицу Припяти так сделать






  Дегтярев_Майор
Сообщений: 458
Награды: 14
[ 124 ]
Снайпер Долга
27.06.2013, 12:32 | #11
над будет по пробовать))




Скажешь "Пли" - ответят "Бля"!

Группировка: "Долг"
Должность: Снайпер
Звание: Курсант

  Танк
Сообщений: 266
Награды: 6
[ 62 ]
Гранатометчик ГОН "Призрак"
01.09.2013, 09:54 | #12
Можно сделать) по пробую




"Единственное, что нужно для триумфа зла -это чтобы хорошие люди ничего не делали"

  sanya
Сообщений: 299
Награды: 5
[ 34 ]
Снайпер Долга
10.12.2013, 21:08 | #13
ok
Форум сталкер » Тематический раздел » Photoshop - уроки » Анимация объемного фона
Страница 1 из 11
Поиск:




Карта сайта

Сайт для фанатов игрового мира сталкер .Копирование файлов без активной ссылки на наш сайт запрещена.
Кража Использование баз разрешения админа любых графических чястей дизайна запрещено.