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


  • Страница 2 из 10
  • «
  • 1
  • 2
  • 3
  • 4
  • 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 (включительно)
 
Cappuccino Дата: Понедельник, 15.10.12, 17:19:10 | Сообщение № 21


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

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

Ага, есть кое-какие кисти, там вроде не только звездочки.
Но можно и скачать дополнительно. Я набрала в поиске "кисти для фотошопа", скачиваешь себе в комп (они целыми наборами идут, по 130-500 шт), а потом если у тебя открыта кисть, то наверху где размер кисти открываешь, там справа в верхнем углу стрелочка, открывается меню, жмешь Load brushes, выбираешь эти скачанные кисти и они встают в список кистей.
 
Solnechko Дата: Понедельник, 15.10.12, 17:19:34 | Сообщение № 22


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

Quote (Neemija)
т.е. теперь такого не будет, как в первых двух уроках, выстявлять для проверки и уверенности сюда?

Ой, я надеюсь это просто напоминание о том куда выставлять готовые работы, а не новые правила, а то я тогда поторопилась impossible
 
Solnechko Дата: Понедельник, 15.10.12, 17:27:31 | Сообщение № 23


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

Quote (Cappuccino)
выбираешь эти скачанные кисти и они встают в список кистей

Что-то у меня не появились grustj , вроде все сделала пошагово как ты написала.
 
Cappuccino Дата: Понедельник, 15.10.12, 17:38:03 | Сообщение № 24


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

Solnechko,
они обычно в самый конец общего имеющегося списка кистей встают.
Если нет, засунь их насильно в папку disc C -- Program files -- Adobe -- Photoshop CS -- Presets --- Brushes, и оттуда уже их пооткрывай, нажав Load Brushes в ФШ где кисть сверху.
 
Solnechko Дата: Понедельник, 15.10.12, 17:43:50 | Сообщение № 25


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

Quote (Cappuccino)
Если нет, засунь их насильно в папку disc C -- Program files -- Adobe -- Photoshop CS -- Presets --- Brushes, и оттуда уже их пооткрывай, нажав Load Brushes в ФШ где кисть сверху.

Так получилось, спасибооо 4mok
 
PARTYzanochka Дата: Понедельник, 15.10.12, 17:58:27 | Сообщение № 26


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

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

Кисти находятся тут:


Про все остальные вопросы вроде как отвечены... если, что не ясно, повторите вопрос =)))

А теперь на счет сдачи работ. Это не напоминание и это не новое какое то правило. Это вообще то норма, что готовые работы сдавать в домашку, а не в урок для первой проверки.
Можете показывать пробную работу, чтобы вы поняли - верно ли вы сделали или нет. А потом уже сделать другую работу для сдачи в домашку. Если что-то где то не выходит, то разумеется надо выставить сюда и будем разбирать ошибки.

Solnechko, верно всё.
 
Solnechko Дата: Понедельник, 15.10.12, 19:03:54 | Сообщение № 27


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

А что бы меня цвета предметов на картинке, не обязательно же ее делать черно-белой?

Сообщение отредактировано Solnechko - Понедельник, 15.10.12, 19:35:47
 
PARTYzanochka Дата: Понедельник, 15.10.12, 20:55:11 | Сообщение № 28


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

Quote (Solnechko)
А что бы меня цвета предметов на картинке, не обязательно же ее делать черно-белой?

Да, не обязательно. Можно оставить и цветную картинку. Просто в самом начале пропускаешь пункт о том, что фотографию переделываем в черно-белую.
 
svetra Дата: Понедельник, 15.10.12, 23:26:43 | Сообщение № 29


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

Quote (PARTYzanochka)
В Phtoshop CS6 нажмите на Craeto Video Timeline!

Не могу найти где на это нажать?
 
PARTYzanochka Дата: Вторник, 16.10.12, 09:35:10 | Сообщение № 30


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

Quote (svetra)
Не могу найти где на это нажать?

Ты когда включаешь анимацию (Timeline) в 6ом фотошопе, то выскакивает окошко с анимацией (Timeline) и там посередине сразу же такая кнопочка есть =)
 
svetra Дата: Вторник, 16.10.12, 12:13:49 | Сообщение № 31


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

Quote (PARTYzanochka)
Ты когда включаешь анимацию (Timeline) в 6ом фотошопе, то выскакивает окошко с анимацией (Timeline) и там посередине сразу же такая кнопочка есть =)

Или у меня её нет или я её в упор не вижу isterika
Попробовала выключить timeline и включить заново картинка одинаковая:
 
PARTYzanochka Дата: Вторник, 16.10.12, 12:17:02 | Сообщение № 32


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

svetra, ее у тебя нету (почему? видимо потому, что ты уже включала анимацию... и у тебя поставлен тот способ работы с анимацией, который надо) =))) Продолжай с 15 пункта podmig
 
vikcy Дата: Вторник, 16.10.12, 14:50:03 | Сообщение № 33


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

Сделала я фото со сменой цвета глаз и на анимации застряла. grustj

Сообщение отредактировано vikcy - Вторник, 16.10.12, 14:52:04
 
PARTYzanochka Дата: Вторник, 16.10.12, 14:53:29 | Сообщение № 34


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

vikcy, что именно не понятно?
У тебя вроде бы CS2... Нажимаешь на Image Raedy... далее на Window - Animation... и продолжаешь с 15 пункта.
 
vikcy Дата: Вторник, 16.10.12, 15:07:39 | Сообщение № 35


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

PARTYzanochka, я тут понемного разбираюсь. Кое-что нашла.
Сначала делаю 4 слоя, рисую на них звездочки и потом на Image ready и Windows Animation. Вот окно внизу у меня не такое. Где у тебя написано способ анимации переключить. Да у меня CS2.
 
PARTYzanochka Дата: Вторник, 16.10.12, 15:12:35 | Сообщение № 36


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

vikcy, покажи, пожалуйста, скрин. Только правильно его выстави (убери галочку уменьшить до и сюда выстави третью ссылку)!
 
vikcy Дата: Вторник, 16.10.12, 15:15:06 | Сообщение № 37


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

Оль, я не умею скрин делать ни разу не делала. Надо в предыдущих уроках найти, как его делать. ik
Не могу найти где включить анимацию слоев.
 
PARTYzanochka Дата: Вторник, 16.10.12, 15:32:07 | Сообщение № 38


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

vikcy, попробую объяснить на "пальцах" как делать скриншот.
Нажимаешь на PrtScr.

либо так выглядит:


Открываешь в фотошопе новый файл - File - new... ок.
Вставляешь скриншот - ctrl+v
И сохраняешь - File - Save As... выбери формат jpg (jpeg)

Идешь в радикал. Убираешь галочку у "уменьшить до". Загружаешь туда скрин и выставляешь сюда третью ссылку.
 
vikcy Дата: Вторник, 16.10.12, 15:55:48 | Сообщение № 39


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

Quote (PARTYzanochka)
Вставляешь скриншот - ctrl+v

ничего не появляется на новом файле ik
 
Neemija Дата: Вторник, 16.10.12, 15:57:10 | Сообщение № 40


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

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