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


Модератор форума: 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 (включительно)
 
Neemija Дата: Пятница, 19.10.12, 14:52:11 | Сообщение № 141


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

Cappuccino, как сложно звучит, надо будет тоже попробовать, чтоб быть в курсе.спасибо за совет! 4mok
 
PARTYzanochka Дата: Пятница, 19.10.12, 14:56:42 | Сообщение № 142


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

Quote (Cappuccino)
А потом я решила не на картинке ставить звездочки

Эм... а зачем на картинке то ставить их? Там ведь в задании написано, что новые слои надо, не копии ulqbka
 
Cappuccino Дата: Пятница, 19.10.12, 15:00:44 | Сообщение № 143


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

Quote (PARTYzanochka)
зачем на картинке то ставить их

Да, я знала, что они на отдельном слое ставятся radostj
Но решила экспериментнуть, пошла по пути Solnechko, и стало понятно, отчего всё нафик заливается ulqbka

Вы уж извиняйте, меня тут наверное слишком много иногда, просто читаю здесь вопросы, сую нос и когда есть свободное время, ставлю опыты ulqbka


Сообщение отредактировано Cappuccino - Пятница, 19.10.12, 15:02:49
 
PARTYzanochka Дата: Пятница, 19.10.12, 15:08:59 | Сообщение № 144


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

Quote (Cappuccino)
Но решила экспериментнуть, пошла по пути Solnechko, и стало понятно, отчего всё нафик заливается ulqbka

Понятно, я подумала, что ты сама так начала делать.
А вообще, это самое правильное - делать так, как делает другой человек, тогда находишь ошибку =)))

Quote (Cappuccino)
Вы уж извиняйте, меня тут наверное слишком много иногда, просто читаю здесь вопросы, сую нос и когда есть свободное время, ставлю опыты ulqbka

Тебя тут достаточно! Ты меня... и не только меня podmig ... выручаешь всегда!!!
Спасибо тебе большое 4mok
 
Cappuccino Дата: Пятница, 19.10.12, 15:11:39 | Сообщение № 145


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

PARTYzanochka,
stisnenie 4mok
 
Solnechko Дата: Пятница, 19.10.12, 20:43:14 | Сообщение № 146


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

Quote (PARTYzanochka)
Но еще есть вариант, что когда на цветной фотке выделены нужные фрагменты (для изменения цвета), то можно нажать ctrl-u, появится табличка и в ней можно сдвинуть движок Saturation в крайнее левое положение, тогда выделенные фрагменты вообще утратят цвет, станут ч.б и тогда можно уже нажимать ctrl-b и играть-менять цвета на нужные, так оттенок измененных цветов будет чище и ярче, чем в изменять на цветном.

Попробовала сделать как советовала каппучинка, не получилось, двигаю Saturation ,ничего не меняется((((
 
Cappuccino Дата: Пятница, 19.10.12, 21:15:07 | Сообщение № 147


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

Quote (Solnechko)
Попробовала сделать как советовала каппучинка, не получилось, двигаю Saturation ,ничего не меняется((((

Мне кажется, что или у тебя не тот слой выделен (не на том слое стоишь), или он у тебя невидимый (убран глазок и ты видишь копию другого слоя).
У меня так всё нормально меняется...
Сейчас как раз анимациями себя развлекала, попробовала сплагиатить радугу ulqbka
Вот уж ничего не скажешь, развлекуха в пятничный вечер haha






Сообщение отредактировано Cappuccino - Суббота, 20.10.12, 17:04:58
 
Solnechko Дата: Пятница, 19.10.12, 21:52:21 | Сообщение № 148


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

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

Наверное, потому что тыкала-тыкала, в итоге все закрыла и начала заново и с другой картинкой. Все получилось ulqbka Так что огромное тебе спасибо.
Работы у тебя изумительные, жалко у меня нет так много времени сейчас, что бы посидеть cray
 
svetra Дата: Пятница, 19.10.12, 22:02:30 | Сообщение № 149


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

Quote (Neemija)
Кстати, к звездочкам можно еще и стили применять

это как?

Quote (Cappuccino)
Я так понимаю, выбирать не только цвет звездочки (в swatches), а выбирать заливку кисти-звездочек в меню styles (рядом со swatches).
Сама я, правда, не пробовала так делать.


Да, Cappuccino все правильно написала, я так и делала.
Можно пользоваться, когда хочешь какой то дополнительный эффект придать. Во второй работе у меня видно, что звездочки не однотонные получились.
 
Marisha Дата: Пятница, 19.10.12, 23:03:53 | Сообщение № 150


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

Quote (Cappuccino)
Вот уж ничего не скажешь, развлекуха в пятничный вечер

аафигенно красиво. ты гуру фотошопа!
 
Marisha Дата: Пятница, 19.10.12, 23:09:17 | Сообщение № 151


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

podmig

Сообщение отредактировано Marisha - Суббота, 20.10.12, 10:00:07
 
Musjundrik Дата: Пятница, 19.10.12, 23:52:37 | Сообщение № 152


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

Quote (Cappuccino)
Musjundrik,
клевая анимация с радугой

Quote (svetra)
Ой, а мне стало интересно, как у Musjundrik сделана 3-яя работа с анимацией? Здорово вышло!)

Спасибо, девочки! Да, делала так, как Оля PARTYzanochka написала
Cappuccino, тебя, я вижу реально так это дело затянуло radostj


Сообщение отредактировано Musjundrik - Пятница, 19.10.12, 23:53:43
 
PARTYzanochka Дата: Суббота, 20.10.12, 08:05:04 | Сообщение № 153


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

Marisha, ты ведь сама видишь, что верно ок! Надо сразу же в домашку кидать, а не сюда.
 
Marisha Дата: Суббота, 20.10.12, 09:59:00 | Сообщение № 154


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

Quote (PARTYzanochka)
ты ведь сама видишь, что верно ок! Надо сразу же в домашку кидать, а не сюда.

извини, не знала. я не вижу, я только учусь podmig
 
Solnechko Дата: Суббота, 20.10.12, 13:20:20 | Сообщение № 155


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

Мы только первый курс, будьте немного терпимее к нам. Я смотрю тут даже принт скрин не знают как делать, пришлось разжовывать. Спокойнее.
 
Cappuccino Дата: Суббота, 20.10.12, 13:30:52 | Сообщение № 156


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

Solnechko, Marisha, спасибо, девочки за оценку скромных трудов!
Quote (Marisha)
гуру фотошопа

haha
4itaj_pravila eestimamka nastule gruppa_podderzki
Quote (Musjundrik)
это дело затянуло

Сейчас накрыло, потом отпустит, наслаждаюсь пока своим интересом. Мини-хобби вроде как.

Quote (Solnechko)
Мы только первый курс, будьте немного терпимее к нам

По-моему, как раз на этом уроке к нам особенно терпимы ulqbka Несколько раз одно и то же объясняют и даже ни разу хорошенько не послали... в бухгалтерию haha bee Жуют нам много, за это большое спасибо podmig


Сообщение отредактировано Cappuccino - Суббота, 20.10.12, 13:49:14
 
Solnechko Дата: Суббота, 20.10.12, 14:07:56 | Сообщение № 157


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

Cappuccino, Да не за что, ты лучшая однокурсница 4mok
По поводу урока, я например до сех пор не поняла почему когда применяю стиль к звнздочке все заливается, вот если не поняла, поэтому и спрашиваю. А на этой неделе как то все с нервами grustj вот это расстраивает. Я уже не хочу ничего спрашивать, дабы не бесить.
 
Cappuccino Дата: Суббота, 20.10.12, 14:33:55 | Сообщение № 158


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

Quote (Solnechko)
применяю стиль к звнздочке все заливается

А ты стилем заливаешь звездочку, которая у тебя на отдельном прозрачном слое поставлена? Или она прямо на слое с картинкой?
Я пробовала, если ставить звезды (или фигурки от кисти) прямо на картинку, то стиль не применится, будет заливать все изображение.
Звезды нужно ставить на отдельном прозрачном слое (ctrl-shift-N), тогда к ним можно применить что хошь, да и удалить их потом можно без проблем (если, например, не понравилось), не повредив изображение. Только чтобы увидеть этот прозрачный фон, надо другие глазки на остальных слоях отключить и включать их по мере надобности (чтобы видеть, в какое место на данном слое поставить звезду).
Я так, конечно, объясняю %) Но тут просто пробовать надо.


Сообщение отредактировано Cappuccino - Суббота, 20.10.12, 14:45:25
 
Solnechko Дата: Суббота, 20.10.12, 14:46:40 | Сообщение № 159


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

Cappuccino, Создаю доп. (creat a new layer)к примеру 5 слоев, и на каждом рисую по звездочке. И вот когда пытаюсь применить стиль, заливает всю страницу.
 
Solnechko Дата: Суббота, 20.10.12, 14:48:24 | Сообщение № 160


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

Quote (Cappuccino)
Я так, конечно, объясняю %) Но тут просто пробовать надо.

Нормально объясняешь, пробовать буду, спасибо! Думаю ещё вопросы возникнут, но как-нибудь справлюсь. У меня впринципе работа готова, но хотела что нить покрасивше сделать, вечером вернусь к этому!
 
Форум для мамочек Эстонии » Photoshop » I курс фотошопа (архив) » Урок №3 (1. курс) (Меняем цвет глаз, осваиваем анимацию)
Поиск: