|
Данный форум является архивом сайта www.eestimamki.ee
|
Урок №3 (1 курс)
| |
| Marisha |
Дата: Воскресенье, 13.10.13, 10:14:27 | Сообщение № 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 выглядят одинаково карта баланса цвета:
6. Убираем выделение (Ctrl+D). В результате получается просто ч-б фотография с цветными глазами.
Продолжим украшательство.
Так как фотография была без фона, то был добавлен фон. Сначала убираете фон фотографии. Это можете делать не очень аккуратно, т.к. края будут все равно растушеваны. Если у вас фотография изначально с фоном, то естественно ничего делать не надо, только если вы сами не захотите поменять фон.
Затем фотографию надо соединить с фоном. Для этого в слоях нажимаем на слой с фото, затем на правую кнопку мышки и выбираем Merge Down
7. Дублируем фоновый рисунок (Ctrl+J) и к полученому новому слою применяем фильтр Blur - Gaussian Blur с размытием, которое вам навится (у меня это 4,5 рх).
Думаю что сейчас она смотрится не очень красиво, поэтому давайте ее облагородим,
8. для этого включаем маску слоя.
9. и мягкой кистью (размер выбирайте сами) с прозрачностью к примеру 50 (Opacity) оттираем те части, которые мы бы хотели видеть. Можно при этом менять прозрачность.
Обратите внимание, чтобы активный цвет был бы черный, а не белый!!!
10. Вот и всё картинка готова!
Теперь поучимся делать анимацию. Будет делать звезды.
11. Изначально у нас 2 слоя - слой с маской и слой без маски.
12. Создаем еще 4 слоя (ниже объяснено, как делать с 4-мя звездочками, вы делаете сколько хотите). На каждом слое рисуем по одной звездочке - просто рисуем кисточкой звездочку любого цвета. Важно, чтоб на каждом слое было по одной звездочке, а не несколько.
Внимание!!! В разных фотошопах по разному!!!
13. Идем в анимацию!
В 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)
Когда выставляете работы в радикале, обязательно отключите галочку в ряду «ОПТИМИЗИРОВАТЬ ФОРМАТ».
Еще одно отступление - к сожалению, радикал не уменьшает анимацию. Т.е. вам надо будет сделать это самим. Идете в Image Size и ставите свои параметры (например, ширина 640 пикселей).
Жду от вас 3 разных работы:
1. Изменён цвет глаз.
2. Изменено что-то другое (цвет губ, волос, кожи, каких либо предметов и т.д.)
3. Анимацию (это может быть всё, что угодно, меняющиеся цвета, ну или что-то, что придёт вам в голову, но что бы был где-то изменён цвет естественно!)
Хотя бы у одной из работ должен быть поменян фон с размытием!!!
Готовые работы прошу выкладывать в тему с домашним заданием!!!В теме урока только вопросы по уроку!!!
Если вы считаете, что верно выполнили, выкладывайте сразу же в тему с домашним заданием. Если видите что что-то не выходит, спрашивайте тут!!!
Работы жду до 20.10.2013 (включительно)
|
|
|
|
|
| bonita |
Дата: Воскресенье, 13.10.13, 22:18:55 | Сообщение № 2 |
Группа: Удаленные
|
Marisha, а ты специально ч/б фото взяла для наглядности?
2 работы в .jpg выкладывать? А анимацию в .gif?
С анимацией всего одна работа? 
Сообщение отредактировано bonita - Воскресенье, 13.10.13, 22:19:14 |
|
|
|
|
| Marisha |
Дата: Воскресенье, 13.10.13, 22:25:34 | Сообщение № 3 |
Группа: Удаленные
|
Цитата bonita (  ) а ты специально ч/б фото взяла для наглядности?
нет, фото изначально цветное
вот:
Цитата Marisha ( ) Сделаем фотографию чёрно-белой (Ctrl+Shift+U).
на чёрно-белом фоне намного выразительнее будет виден изменённый цвет объекта (глаз, губ, волос и тд.)
Цитата bonita ( ) 2 работы в .jpg выкладывать? А анимацию в .gif?
да, всё так. анимация в гиф
Цитата bonita ( ) С анимацией всего одна работа?
можешь себе сделать больше  мне только одну)
|
|
|
|
|
| bonita |
Дата: Воскресенье, 13.10.13, 22:48:50 | Сообщение № 4 |
Группа: Удаленные
|
Цитата Marisha ( ) нет, фото изначально цветное
вот:
Извини, не так спросила. Имела в виду, все ли работы должны быть ч/б? (кроме фона, изменения цвета и анимации)
Но вопрос уже неактуален, ответ знаю.
Сообщение отредактировано bonita - Воскресенье, 13.10.13, 23:07:31 |
|
|
|
|
| Cappuccino |
Дата: Воскресенье, 13.10.13, 23:08:14 | Сообщение № 5 |
Группа: Удаленные
|
bonita,
Не все работы обязательно в ч/б, а еще можно подглядеть в работы прошлого курса 
тык
|
|
|
|
|
| Marisha |
Дата: Воскресенье, 13.10.13, 23:11:31 | Сообщение № 6 |
Группа: Удаленные
|
Цитата bonita ( ) Но вопрос уже неактуален, ответ знаю.
ок. да, не все работы, хотя бы одну сделай.
Цитата bonita ( ) (кроме фона, изменения цвета и анимации)
ещё не забудь фон с размытием
|
|
|
|
|
| bonita |
Дата: Понедельник, 14.10.13, 00:16:32 | Сообщение № 7 |
Группа: Удаленные
|
Ну вот, глаза сделала и не сохранила 
Не получается у меня вот этого малыша вырезать, чтобы ему фон сделать.
Ни цветного, ни ч/б.
Теоретически можно, только это очень долго и муторно.
Ладно, надо подумать как вопрос задать правильно, чтобы меня поняли, что у меня не так и в чем помощь нужна. 
Сообщение отредактировано bonita - Понедельник, 14.10.13, 00:16:51 |
|
|
|
|
|
|
