Данный форум является архивом сайта www.eestimamki.ee


  • Страница 1 из 10
  • 1
  • 2
  • 3
  • 9
  • 10
  • »
Модератор форума: Mohito, Nitka, Cappuccino, Marisha  
Форум для мамочек Эстонии » Photoshop » I курс фотошопа (архив) » Урок №3 (1. курс) (Меняем цвет глаз, осваиваем анимацию)
Урок №3 (1. курс)
PARTYzanochka Дата: Воскресенье, 14.10.12, 12:20:56 | Сообщение № 1


Группа: Удаленные

Я работы делаю в Photoshop CS6, какие то команды различаются, но в основном все кнопки одинаковые. Если есть какие то различия, то всё будет показано на скрине!!!

Открываем фотографию в фотошопе, делаем ее активной (убираем замочек).

1. Сделаем фотографию чёрно-белой (Ctrl+Shift+U). Теперь выделяем глаза. Для этого пользуемся быстрой маской (Q). Итак, включаем быструю маску и выбираем жесткую кисть по диаметру равную радужной оболоче глаз.
(Маленькое отступление: жесткая кисть при рисовании образует ровные грани, а мягкая кисть при рисовании делает нечеткие грани, как аэрозольный болончик с краской).
Теперь выделяем двумя щелчками мыши два глаза.
P.S. Пожалуйста, проверьте, чтоб в цветах у вас активным был ЧЕРНЫЙ ЦВЕТ!
Если сейчас активный другой цвет, самое простое — нажать на клавиатуре D, тогда в красках будет активный цвет — черный, и второй цвет — белый.
И еще для более точного выделения можете увеличить область глаз.

В Photoshope CS6 и CS2 значки одинаковые:


А так выглядит в CS4


2. Теперь переключаем цвета (Х на клавиатуре) (активным становится белый цвет) и все той же жесткой кистью убираем выделение с ресниц и век (т.е. Подтираем все лишнее, не забываем про зрачки!)


3. После этого убираем быструю маску (Q) и получаем все выделеным (видим пунктир вокруг глаз и вокруг фотографии полностью),


4. но нам надо, что бы были выделены только глаза, поэтому инвертируем выделение (Ctrl+Shift+I). Это будет очень трудно сделать при некоторых версия ICQ и при включеной русской раскладке, поэтому можно выбрать в меню сверху Select - Inverse.



5. Вот теперь у нас выбраны только глаза, что нам, собственно, и надо. Теперь выбираем баланс цветов (Ctrl+B)
И двигая движки получаем нужный нам цвет. (Тут уже можно поэксперементировать).
В CS4 и CS6 выглядят одинаково карта баланса цвета:


в CS2 карта баланса цветов выглядит так:


6. Убираем выделение (Ctrl+D). В результате получается просто ч-б фотография с цветными глазами. Продолжим украшательство.
Так как фотография была без фона, то был добавлен фон. Сначала убирате фон фотографии. Это можете делать не очень аккуратно, т.к. края будут все равно растушеваны. Если у вас фотография изначально с фоном, то естественно ничего делать не надо, только если вы сами не захотите поменять фон.


Затем фотографию надо соединить с фоном. Для этого в слоях нажимаем на слой с фото, затем на правую кнопку мышки и выбираем Merge Down


7. Дублируем фоновый рисунок (Ctrl+J) и к полученому новому слою применяем фильтр Blur - Gaussian Blur с размытием, которое вам навится (у меня это 4,5 рх).
Думаю что сейчас она смотрится не очень красиво, поэтому давайте ее облагородим,



8. для этого включаем маску слоя.


9. и мягкой кистью (размер выбирайте сами) с прозрачностью к примеру 50 (Opacity) оттираем те части, которые мы бы хотели видеть. Можно при этом менять прозрачность.
Обратите внимание, чтобы активный цвет был бы черный, а не белый!!!


10. Вот и всё картинка готова!


Теперь поучимся делать анимацию. Будет делать звезды.
11. Изначально у нас 2 слоя - слой с маской и слой без маски.


12. Создаем еще 4 слоя (ниже объяснено, как делать с 4-мя звездочками, вы делаете сколько хотите). На каждом слое рисуем по одной звездочке - просто рисуем кисточкой звездочку любого цвета. Важно, чтоб на каждом слое было по одной звездочке, а не несколько.


Внимание!!! В разных фотошопах по разному!!!
13. Идем в анимацию!
В CS2 кнопка перехода в Image Ready выглядит так:


Далее идем в Window - Animation

В CS4 это Window - Animation:


В CS6 это Window - Timeline

В Phtoshop CS6 нажмите на Craeto Video Timeline!

Если вы включили впервые анимацию в фотошопе, то переключите способ работы с анимацией на более удобный (с каким способом будем работать видно ниже, смотрите, чтобы и у вас такой же был бы способ)


15. Включаем анимацию слоев:


У нас получится столько же кадров, сколько слоев всего.


16. На первом кадре в слоях делаем видимыми только первые 2 слоя (это слой с маской и слой без маски), т.к. звездочек на первом кадре нам не надо. Т.е. глазок стоит только у 2-х слоев. Остальные без глазка, т.е. Невидимы.


17. На втором кадре видимы 3 слоя - 2 слоя "основы" и одна из звездочек. На 3-м тоже 3 слоя - 2 "основы" и другая звездочка. И на 4-м видны 3 слоя - 2 "основы" и 3-я звездочка, и на 5-м кадре видны опять же 2 слоя «основы» и последняя звездочка, которую еще не использовали.


Один слой оказался лишним (в анимации), просто удаляем — делаем активным лишний слой и нажимаем на «мусорку»


В выскочившем окошке нажимаем YES — т.е. Подтверждаем желание удалить слой.

18. Теперь проставим время кадров — в данном случае каждому кадру 0,2 секунды. Для этого у каждого кадра нажимаем на стрелочку и выбираем подходящее время:


Прошу обратить внимание на то, чтобы стояло Forever, а не Once.


Можем просмотреть получившуюся анимацию, нажав кнопку Play:


19. Все, осталось только сохранить. Обязательно сохраняйте именно так, как указано в скрине!!!!
File - Save For Web (& Devicec...)
( Alt+Sift+Ctrl+S)


В CS2
File - Save Optimized As...

( Alt+Sift+Ctrl+S)




Когда выставляете работы в радикале, обязательно отключите галочку в ряду «ОПТИМИЗИРОВАТЬ ФОРМАТ».

Еще одно отступление - к сожалению, радикал не уменьшает анимацию. Т.е. вам надо будет сделать это самим. Идете в Image Size и ставите свои параметры (например, ширина 640 пикселей).

Жду от вас 3 разных работы:
1. Изменён цвет глаз.
2. Изменено что-то другое (цвет губ, волос, кожи, каких либо предметов и т.д.)
3. Анимацию (это может быть всё, что угодно, меняющиеся цвета, ну или что-то, что придёт вам в голову, но что бы был где-то изменён цвет естественно!)
Хотя бы у одной из работ должен быть поменян фон с размытием!!!

Готовые работы прошу выкладывать в тему с домашним заданием!!! В теме урока только вопросы по уроку!!!
Если вы считаете, что верно выполнили, выкладывайте сразу же в тему с домашним заданием. Если видите что что-то не выходит, спрашивайте тут!!!


Работы жду до 21.10.2012 (включительно)
 
vikcy Дата: Понедельник, 15.10.12, 10:09:50 | Сообщение № 2


Группа: Удаленные

Прочитала описание урока и как-то показалось очень сумбурно написано, в некоторых местах путаница в действиях. Посмотрим, как на деле будет. radostj
 
Enn Дата: Понедельник, 15.10.12, 10:17:05 | Сообщение № 3


Группа: Удаленные

у меня вопрос где мы взяли звезды?это узор кисти?
 
Cappuccino Дата: Понедельник, 15.10.12, 10:22:15 | Сообщение № 4


Группа: Удаленные

Quote (vikcy)
как-то показалось очень сумбурно написано

Прикольно, а мне наоборот показалось, что четко и подробно все расписано haha
Прочитала я всё, но на практике пока дошла до шестого пункта (пока времени нет на всё сразу), сбоев в выполнении не было, мне понравилось менять цвета radostj
Я так поняла, что цвета и на цветной фотке таким же образом менять можно, не обязательно все работы черно-белыми делать.
Ну, посмотрим, как дальше пойдет, особенно с анимацией %)
 
vikcy Дата: Понедельник, 15.10.12, 10:38:13 | Сообщение № 5


Группа: Удаленные

Доступно только для пользователей
 
svetra Дата: Понедельник, 15.10.12, 10:58:30 | Сообщение № 6


Группа: Удаленные

Мне тоже показалось, все понятно изложено. Только я застряла на 9-ом пункте, не получается оттирание сделать, что бы фото прозрачным было. Когда включаю маску слоя и мягкую кисть получаются красные мазки. Не могу понять, что я делаю не так...
 
Enn Дата: Понедельник, 15.10.12, 11:18:29 | Сообщение № 7


Группа: Удаленные

а у меня нет идей isterika haha

Сообщение отредактировано Enn - Понедельник, 15.10.12, 12:02:49
 
svetra Дата: Понедельник, 15.10.12, 11:37:09 | Сообщение № 8


Группа: Удаленные

Enn, пробовала, никакого эффекта не было, да и в задании написано:
Quote (PARTYzanochka)
Обратите внимание, чтобы активный цвет был бы черный, а не белый!!!

 
Enn Дата: Понедельник, 15.10.12, 11:49:50 | Сообщение № 9


Группа: Удаленные

ой точно это я так внимательно читаю grustj
сейчас придут преподователи подскажут


Сообщение отредактировано Enn - Понедельник, 15.10.12, 11:51:12
 
PARTYzanochka Дата: Понедельник, 15.10.12, 12:25:58 | Сообщение № 10


Группа: Удаленные

Quote (Enn)
у меня вопрос где мы взяли звезды?это узор кисти?

Да, это узоры кистей. Можете скачать в интернете дополнительные кисти.. либо воспользоваться теми, что есть уже в самом фотошопе.

Quote (Cappuccino)
Я так поняла, что цвета и на цветной фотке таким же образом менять можно, не обязательно все работы черно-белыми делать.

Да, можно оставить и цветную фотографию. Тогда пропускаете в самом начале пункт о том, что делаем черной белой фотографию.

svetra, у тебя включена быстрая маска.
 
Veroncha Дата: Понедельник, 15.10.12, 13:00:09 | Сообщение № 11


Группа: Удаленные

Доступно только для пользователей
 
svetra Дата: Понедельник, 15.10.12, 13:13:19 | Сообщение № 12


Группа: Удаленные

Quote (PARTYzanochka)
svetra, у тебя включена быстрая маска.

Спасибо, что-то я там намудрила, буду вечером заново пробовать делать, а то у меня на первом слое почемуто остались синие мазки(((, их наверно уже никак не убрать?

 
PARTYzanochka Дата: Понедельник, 15.10.12, 13:23:56 | Сообщение № 13


Группа: Удаленные

svetra, эти синие мазки остались видимо за счет того, когда ты делала пункт с оттиранием. Лучше всего начать заново работу. И обрати внимание, что оттереть надо и зрачки!

Veroncha, в чем именно проблема?
 
Veroncha Дата: Понедельник, 15.10.12, 13:53:45 | Сообщение № 14


Группа: Удаленные

Доступно только для пользователей
 
PARTYzanochka Дата: Понедельник, 15.10.12, 14:00:40 | Сообщение № 15


Группа: Удаленные

Veroncha, ну так в начале оно и должно размыться "то, что не надо" ulqbka А потом ты уже оттираешь ту часть, которая должна быть четкой =))
 
Veroncha Дата: Понедельник, 15.10.12, 14:01:48 | Сообщение № 16


Группа: Удаленные

Доступно только для пользователей
 
Solnechko Дата: Понедельник, 15.10.12, 17:01:52 | Сообщение № 17


Группа: Удаленные

Застряла на анимации grustj Открыла картинку, создала 10 слоев и переключила в Image Ready как написано в 13 номера урока. А дальше у меня все по другому, не как в уроке...поэтому не понимаю...вот скрин где я оставновилась.

Как мне там сделать как написано в уроке
Quote (PARTYzanochka)
Если вы включили впервые анимацию в фотошопе, то переключите способ работы с анимацией на более удобный (с каким способом будем работать видно ниже, смотрите, чтобы и у вас такой же был бы способ)
Как переключить этот самый способ работы с анимацией?
 
Solnechko Дата: Понедельник, 15.10.12, 17:11:46 | Сообщение № 18


Группа: Удаленные

Вот первые две работы:
1.

Исходники:

2.С размытым фоном!

Исходники:
 
Neemija Дата: Понедельник, 15.10.12, 17:12:40 | Сообщение № 19


Группа: Удаленные

Quote (Solnechko)
Quote (PARTYzanochka)
Если вы включили впервые анимацию в фотошопе, то переключите способ работы с анимацией на более удобный (с каким способом будем работать видно ниже, смотрите, чтобы и у вас такой же был бы способ)
Как переключить этот самый способ работы с анимацией?

Аналогичный вопрос. Не могу найти табличку с выставлением времени. У меня ФШ CS2.

Еще не могу понять как воспользоваться кистями, чтоб например, не звездочки были, а что-то другое?
В каждом ФШ есть какие-то кисти по умолчаию, или надо обязательно скачивать?
Как кисти загрузить?

Вот все до анимации у меня получилось, а дальше, как ступор како-то cray

Quote (PARTYzanochka)
Готовые работы прошу выкладывать в тему с домашним заданием!!!

т.е. теперь такого не будет, как в первых двух уроках, выстявлять для проверки и уверенности сюда?
 
sentsja Дата: Понедельник, 15.10.12, 17:18:56 | Сообщение № 20
Зародыш


Группа: Новенькие
Регистрация: 19.06.17
Город: Narva
Имя: Anzela
Статус: Offline

Награды: 0
Solnechko,теперь нажми Window - Animation
 
Форум для мамочек Эстонии » Photoshop » I курс фотошопа (архив) » Урок №3 (1. курс) (Меняем цвет глаз, осваиваем анимацию)
  • Страница 1 из 10
  • 1
  • 2
  • 3
  • 9
  • 10
  • »
Поиск: