• Авторизация


Марионеточная деформация 14-09-2012 03:54 к комментариям - к полной версии - понравилось!


С осенним приветом!!!

Урок для программы Adobe Photoshop:
Марионеточная деформация.

[700x500]

Мои заметки.
На авторство не притендую, уже и без меня открыто, а вот выполняю впервые.
Тема и урок у Галины Петровой *ГП* здесь

Работа выполнена в программе Adobe Photoshop CS5


Фильтры:
Xero
Alien Skin Eye Candy 5: Impact

Материал: кликабельно

[показать] [показать] [показать]

Материал взят из источников Интернета.
Благодарю дизайнеров по изготовлению клипАрта и модели куклы.

В цветовой палитре:
- цвет переднего плана (основной) dbb289
- цвет фона 764615

1.
Создать - Новое прозрачное изображение 700 х 500 пикселей
2.
Залить цветом фона 764615
3.
Создать новый слой.

[203x33]

Залить основный цветом dbb289

4.
Открыть изображение Маски
Выделить (Ctrl+A), скопировать (Ctrl+C)
Перейти на рабочий холст
Вставить (Ctrl+V) или инструментом Перемещение (V)

5.
Уменьшить холст инструментом Масштаб (-) до 50%.
Редактирование - Свободное трансформирование или (Ctrl+T)
распределить маску по размеру холста
Клик на любой инструмент - Применить.
Вернуть размер холста инструментом Масштаб (+)

6.
При активном слое "Маска" перейти в Каналы
Активный слой "Синий" (с глазиком)
Нажать левой кнопкой мыши на "Синий слой" при зажатой клавише на клавиатуре (Crtl)
Появилось выделение на рабочем холсте.
Выделение - Инверсия
Перейти в палитру "Слои"
Активировать Слой 2
Delete на клавиатуре
Выделение - Отменить выделение или (Ctrl+D)
Слой "Маска" - Удалить (скинуть в Корзину)

[202x30]

7.
Фильтр - Усиление резкости - Резкость на краях
Добавить стиль слоя - Тень: цвет 5f3d1a



[423x342]

Если Тени не достаточно - корректируем настройки.

8.
Открыть изображение Пейзаж
Выделить (Ctrl+A), скопировать (Ctrl+C)
Перейти на рабочий холст
Активировать Слой 1
Вставить (Ctrl+V) или инструментом Перемещение (V)

9.
Редактирование - Свободное трансформирование или (Ctrl+T)
Чтобы не терять симметричность изображения,
на панели меняем масштаб, по ширине и высоте одинаково, в процентах.

[401x41]

Инструментом Перемещение (V), перемещаем во внутренней рамке

[398x319]

Клик на любой инструмент - Применить.

10.
Если изображение выходит за намеченную область холста,
выделяем инструментом "Прямоугольная область (M)".
Выделение - Инверсия
При активном Слой "Пейзаж" - Delete на клавиатуре.
Выделение - Отменить выделение (Ctrl+D)

11.
Отредактировать изображение Пейзаж.
Фильтр - Xero / Imprower: 10/10/10
Или применить Резкость и Коррекцию цвета встроенными настройками программы.

12.
Активировать Слой 1
Заново выделяем инструментом "Прямоугольная область (M)"
Фильтр - Текстура - Текстуризатор:

[260x289]

Или применить фильтр для изменения текстуры.
Выделение - Отменить выделение (Ctrl+D)

13.
Подписать работу

14.
Активировать верхний уровень (Слой).
Открыть изображение Куклы или на свое усмотрение
Выделить (Ctrl+A), скопировать (Ctrl+C)
Перейти на рабочий холст
Вставить (Ctrl+V) или инструментом Перемещение (V)

15.
Редактирование - Свободное трансформирование или (Ctrl+T)
Путем масштабирования по высоте и ширине,
уменьшить или увеличить, изображение Куклы

16.
Отредактировать изображение (резкость, тени)
В моем случае:
Создать дубликат слоя
Активировать слой оригинал (закрыть видимость слоя Копия)
Фильтр - Усиление резкости - Контурная резкость:

[364x427]

17.
Активировать слой Копия
Режим наложения слоя - Мягкий свет,
Непрозрачность - 70%

[354x266]

18.
Активировать слой оригинал (у меня Слой 4)
Закрыть видимость всех нижних слоев (глазки)
Слои - Объединить видимые (Shift+Ctrl+E)

19.
Открыть видимость всех слоев.
20.
При активном верхнем Слое (Кукла)
Фильтр - Alien Skin Eye Candy 5: Impact / Perspective Shadow: Cast in Front

[306x499]

21.
У меня появился добавочный слой с тенью.
Непрозрачность можно было снизить в настройке фильтра, но я снижаю здесь: до 70%

[350x263]

22.
При активном верхнем слое (Кукла)
Закрытых всех нижних слоях, кроме Слоя (Тени)
Слои - Объединить видимые (Shift+Ctrl+E), то есть слить со слоем Тени

23.
Открыть видимость всех слоев.
Активный Слой 4 (Кукла)
Переименую для удобства в слой "Кукла"
Слои - Создать дубликат слоя (Ctrl+J) - 3 раза
Итого 4 слоя.

24.
Активировать слой Кукла 1
(Можно закрыть видимость незадействованных
слоев Куклы и сразу создавать слои в анимации,
но я этого не делала, кроме верхних слоев
и переходила поэтапно от слоя к слою)

[341x326]

Редактирование - Марионеточная деформация
На изображении на холсте появилась сетка.

[259x424]

Аккуратно проставляю точки на центрах пересечения сетки
и там, где нужно сдвинут части (конечности).

[236x425]

Теперь наведя курсор на определенные точки сдвигаю в стороны,
создавая движения Куклы.
Нажать на любой инструмент - Применить или на Enter

25.
Активировать слой Кукла 2 (открыть видимость).
Редактирование - Марионеточная деформация
На изображении на холсте появилась сетка.
Так же выставляю точки, желательно в тех же местах.
Опять нажала в палитре Инструменты на любой - Применить или на Enter.

26.
Активировать слой Кукла 3
Редактирование - Марионеточная деформация
Расставила точки
Заново сдвинула
Нажала в палитре Инструменты на любой инструмент - Применить или на Enter.

27.
А теперь попробую перейти в Анимацию:
Закрыла верхние слои Куклы (1,2,3), кроме слоя Кукла
Окно - Анимация
На кадре выставить время - 0,2 сек

28.
Создать копию выделенного кадра
Активировать слой Кукла 1 (открыть глазик, а на слое Кукла закрыть)

29.
Создать копию кадра
Активировать слой Кукла 2 (открыть глазик, а на слое Кукла, Кукла 1 - закрыть)

30.
Создать копию кадра
Активировать слой Кукла 3 (открыть глазик, а на слое Кукла, Кукла 1, Кукла 2 - закрыть)
Итак у меня в анимации 4 кадра

Включила на просмотр.
Что-то слишком рьяно машет руками и ногами.

31.
2-ой кадр зажала и создала копию кадра, перетащила в конец кадров.
3-ий кадр зажала и создала копию кадра, перетащила в конец кадров.
4-ый кадр зажала и создала копию кадра, перетащила в конец кадров.

[495x127]

Опять нажала на просмотр, вроде более плавнее получается,
повторила еще раз.

32.
2-ой кадр зажала и создала копию кадра, перетащила в конец кадров.
3-ий кадр зажала и создала копию кадра, перетащила в конец кадров.
4-ый кадр зажала и создала копию кадра, перетащила в конец кадров.

[686x125]

Меня это устраивает.
Файл - Сохранить для Web и устройств... как gif

[327x210]


Это моя первая попытка, записываю как заметку для себя,
если кому-то (из новичков) пригодится - буду рада.

вверх^ к полной версии понравилось! в evernote
Комментарии (25):
jzayka 14-09-2012-09:01 удалить
Спасибо,Сабиночка..
Все так четко расписала
Franzuzhenka 14-09-2012-10:12 удалить
Sabinochka, bolshoe spasibo sa urok!
lmedyankina 14-09-2012-10:34 удалить
спасибо Сабиночка!!!
FaithMona 14-09-2012-12:02 удалить
Большое спасибо за урок!
Sabine_Astana 14-09-2012-13:29 удалить
Ответ на комментарий jzayka # jzayka, Я в подготовительный класс хожу по фотошопу , так что записываю каждое движение, потому что где не вижу уроки и пытаюсь сама делать встречаю "подводные камни", поэтому то я и расписала для новичков и как сама нашла в своей программе.! Благодарю за комментарий!
Sabine_Astana 14-09-2012-13:30 удалить
Ответ на комментарий Franzuzhenka # Franzuzhenka, Ай, какой там урок, все без меня написали, я только как заметку сделала, я ведь и не нашла нигде урока настоящего, может плохо искала, но вот.....что получилось.... Благодарю за комментарий!!!!
Sabine_Astana 14-09-2012-13:31 удалить
Ответ на комментарий lmedyankina # lmedyankina, И Вам спасибо за комментарий!
Sabine_Astana 14-09-2012-13:31 удалить
Ответ на комментарий Valysha-66 # Valysha-66, Благодарю сердечно за комментарий!
Sabine_Astana 14-09-2012-13:31 удалить
Ответ на комментарий FaithMona # FaithMona, Благодарю сердечно за комментарий!
Сабиночка спасибо что добавила этот урок на ЛИ.ру здорово у тебя получилось!!!
jzayka 14-09-2012-19:07 удалить
Ответ на комментарий Sabine_Astana # Фотошоп,он такой..
Вначале как в тумане,потом внезапно приходит прозрение..
Знаю,проходила через такое..хваталась за каждый урок..
Удачи,Сабиночка...
Russlana 14-09-2012-19:44 удалить
Спасибо большое! Все очень подробно и понятно!
ОГРОМНОЕ СПАСИБО ЗА УРОК!!! Я ЕГО СДЕЛАЛА, ПОСМОТРИТЕ...

[показать]
Sabine_Astana 15-09-2012-01:10 удалить
Ответ на комментарий Нина_Бурмистрова # Нина_Бурмистрова, Замечательный коллажик, но что-то с анимацией, где-то пересекаются кадры. Я тоже пока сделала анимацию, немного покрутилась.... Надо прямо внимательно смотреть какие кадрики и где блымкает глазик, вначале когда переставляете кадры назад поочередно, не включая анимации, смотрите, какой кадр и какой глазик горит. А точки смещены очень правильно, такое впечатление будто девочка ножкой наступает, сгиб такой реальный.
Sabine_Astana 15-09-2012-01:12 удалить
Ответ на комментарий Светлое_облако # Светлое_облако, Благодарю!!!! Конечно не очень профессионально, но что-то не нашла урока и делала на обум, а Галина описала не очень понятно, пыталас и так и так, пока сама не дошла...
Sabine_Astana 15-09-2012-01:12 удалить
Ответ на комментарий Russlana # Russlana, Мне очень приятно. Благодарю сердечно за комментарий!
Sabine_Astana 20-09-2012-23:11 удалить
Ответ на комментарий ЛИДА_ЕГОРОВА # ЛИДА_ЕГОРОВА, Благодарю за комментарий!!!
MissKcu 23-09-2012-02:04 удалить
а меня на хелоуин потянуло
[показать]
Sabine_Astana 24-09-2012-00:11 удалить
Ответ на комментарий MissKcu # MissKcu, Какая прелесть!!! Благодарю!!!!
MissKcu 24-09-2012-00:13 удалить
Ответ на комментарий Sabine_Astana # ой...спасиб за подсказку....все страх был, что не справлюсь с этой деформацией....а Выш урок помог приступить с сделать
Спасибо за подробный урок!
Sabine_Astana 26-09-2012-11:47 удалить
Ответ на комментарий Евгения_Подлесная # Евгения_Подлесная, Благодарю за комментарий!!!!


Комментарии (25): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Марионеточная деформация | Sabine_Astana - Дневник Sabine Astana | Лента друзей Sabine_Astana / Полная версия Добавить в друзья Страницы: раньше»