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


  • Страница 1 из 14
  • 1
  • 2
  • 3
  • 13
  • 14
  • »
Модератор форума: Mohito, Nitka, Cappuccino, Marisha  
Форум для мамочек Эстонии » Photoshop » I курс фотошопа (архив) » Урок №3 (1. курс) (Меняем цвет глаз, осваиваем анимацию)
Урок №3 (1. курс)
OurDream Дата: Четверг, 14.10.10, 20:46:26 | Сообщение № 1


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

Урок подготовила Taania :)

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

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

в Photoshop CS4 значки немного отличаются от значков в Photoshop CS2
Так это выглядит в CS2

а так в CS4

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

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

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

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

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

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

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

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

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

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

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

Теперь поучимся делать анимацию. Делаете к примеру в Имидж реди гиф анимацию - звездочки.

11. Изначально у нас 2 слоя - слой с маской и слой без маски.

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

13. Идем в ИмеджРеди. в CS2 кнопка перехода выглядит так:

14. Включаем окно анимации (Window – Animation)

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

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

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

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

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

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

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

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

19. Все, осталось только сохранить. Обязательно сохраняйте именно так, как указано в скрине!!!!

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

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

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

Работы жду до 24.10.2010 (включительно)

 
OurDream Дата: Четверг, 14.10.10, 20:53:12 | Сообщение № 2


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

вот такие были у меня идеи в прошлом году :-)

1. фото сделано чёрно-белым, изменён цвет глаз, Filter - Gaussian Blur, "оттёртый" Львёнок..

2. фото сделано чёрно-белым, светофору "возвращены" цвета, Filter - Texture - Craquelure, анимация (фигуры + текст).

3. на однотонный фон вырезаны листики, Filter - Noise - Add Noise;
зелёные 6-листники сделаны чёрно-белыми, изменены цвета сердцевинок, "наклеяны" на лилии;
анимация (фигуры + текст)

 
OurDream Дата: Суббота, 16.10.10, 17:07:52 | Сообщение № 3


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

постаралась собрать все вопросы-проблемы, которые возникали в прошлом году в этом уроке :-) Прочитайте, пожалуйста, многие нюансы станут яснее.

1. Выставляйте, пожалуйста, свои работы с анимацией 640 px по больше стороне. Готовую работу выставляем не в превью. Исходники выставляем превью - где-то 150-200 пикселей
2. Баланс цветов (Ctrl + B): Image - Adjustmenst - Color Balance
3. Убрать выделение (Ctrl + D): Select - Deselect
4. Почему анимация видна только тогда, когда увеличиваешь картинку? (работа должна быть в формате gif, не jpg; работу с анимацией надо сначала уменьшить в фотошопе, потом загружать на радикал, при этом не забыть убрать галочку в „оптимизировать формат»).
5. Не получается выделить глаза. Возможно, что в параметрах кисти, у вас стоит Mode - COLOR BURN. Попробуй поменять на Normal.
6. Обязательно сохраняйте работу и в формате PSD, чтоб можно было сделать изменения, если потребуется!!! иначе вам приходится делать лишнюю работу :-)))
я..., например, сохраняа два PSD файла... один до того, как делаю слоям Rasterize и Merge down... и один в самом конце :-))) очень удобно!! Если сохраняете в формате JPG, то, конечно, дальше работать с этой фотографией не сможешь. Ты уже словно "склеиваешь" все слои, их уже невозможно назад "расклеить".
7. Следует сначала довести до ума все изображения и картинки, а потом уже – анимация.
8. Image Ready - В окошке layers на каждый шаг анимации выделяете те слои, которые будут видны.
9. Анимация получается, но мигают звездочки как по цепочке, друг за другом. Если хотите, чтоб они одновременно все «работали», то тогда в анимации, у каждого кадра сами ставьте глазики перед теми слоями, которые вы хотите, чтоб мигали в данный момент.
10. Image Ready открывается в абсолютно новом окне - в отдельной программе. У вас, например, открыт интернет (одно окно), затем Фотошоп (2-е) и 3-м откроется Image Ready. Ничего закрывать не надо - ни фотошоп, ни Image Ready, работаете параллельно.
Когда ваша работа перенесется в Image Ready, из обычного фотошопа изображение пропадет.
11. Оттереть размытие - Пункт 9 - правой кнопкой мыхи APPLY LAYER MASK
это тогда, когда нажимаете Layer mask. Чтоб добиться «оттирания», надо Mode поменять на Clear. Если кистью ничего не стирается, ещё можно попробовать цвет в палитре поменять назад на чёрный.
12. Как сделать так, что на одной картинке над поменять цвет, например, двум предметам. двум предметам, чтобы один был одного, другой другого. Надо просто два раза проделать работу. Если за один раз сделаешь 2 выделения, цвет будет одинаковый
13. Если надо нарисовать, к примеру, сердечко. в custom shape tool выбираете нужный «предмет» и сразу устанавливайте красный цвет в Set foreground color.. тогда, когда выберешь сердце и "нарисуешь" его, то будет уже красного цвета. То есть, лучше всего нужный цвет выбрать сразу - до того, как начать рисовать!!!
14. Сделать скриншот - http://eestimamki.ee/forum/73-3726-1
15. Различная прозрачность кисточки. Например, если ластик совсем не прозрачен - 100%, то он стирает одним "штрихом".. если 50% прозрачности, то стирает уже не так резко и не так заметно.. при прозрачности, например, 20%, тебе придется по одному и тому же месту провести несколько раз, чтоб стирание стало заметней.
16. Кисти - http://umka.kharkov.ua/html/map.html http://eestimamki.ee/forum/73-3778-1
17. Как фон перенести под фотографию - У вас открыт документ с фотографией. В нем делаете новый слой, переносите вниз (слой пустой).Теперь открываете документ с фоном. Можно использовать инструмент выделения. Выделяете весь фон - т.е. просто этим квадратиком от угла до угла. Затем на клавиатуре Ctrl + C (это копирует). Затем идёте в документ с фотографией на нижний пустой фон (делаете его в слоях активным) и на клавиатуре Ctrl + V (это выдает то, что было скопировано).
18. Там где выбираете форму кисти - обычные круглые кисти с четкими краями - это твердые кисти, а круглые кисти с размытыми краями - это мягкие кисти.

 
Mohito Дата: Суббота, 16.10.10, 20:25:03 | Сообщение № 4


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

пойдет как первое?

 
PARTYzanochka Дата: Суббота, 16.10.10, 21:14:38 | Сообщение № 5


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

Фууу.... намучилась я, но я это сделала =)))
Вот одна работа, аль надо "покрасивее" сделать?!

Добавлено (16.10.10, 22:14:38)
---------------------------------------------
Mohito, Кать, ты как всегда первая... хотя разница почти в час с моим сообщением... но я это делала... почти целый час сидела и делала... и не обновляла страницу haha

 
belena Дата: Суббота, 16.10.10, 21:16:59 | Сообщение № 6


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

Меня всегда интересовало что это за зверь *Быстрая Маска* impossible
 
Fidelis Дата: Суббота, 16.10.10, 21:34:59 | Сообщение № 7


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

На ночь глядя испугалась девочки с зелеными глазами) %) )Все спааать))))
 
Mohito Дата: Суббота, 16.10.10, 21:41:59 | Сообщение № 8


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

PARTYzanochka, )))) а что мне еще делать когда все вокруг дрыхнут, а мне интересно что по телеку... ну и тут балуюсь... тяжко было вон резать... вечно гемор себе придумываю...
а еще у меня клавиша z залипает... а это жесть... ну и тач пад... grustj мышь не хочет работать нормально на кровати
 
PARTYzanochka Дата: Суббота, 16.10.10, 22:03:39 | Сообщение № 9


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

Mohito, а у меня тоже телек работает... что показывает - не знаю, в другой комнате сижу... и для кого работает?!
А я на ноут буковской мышке работы делаю... отвыкла уже от нормальной мышки.

И вот еще одна работа - изменение цвет глаза

 
elsol Дата: Суббота, 16.10.10, 22:11:50 | Сообщение № 10


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

а где искать Image Ready в CS5?
 
Mohito Дата: Суббота, 16.10.10, 22:20:08 | Сообщение № 11


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



Сообщение отредактировано Mohito - Суббота, 16.10.10, 22:30:43
 
Mohito Дата: Суббота, 16.10.10, 22:20:55 | Сообщение № 12


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

elsol, там нет его... заходишь windows и ставишь animation
 
elsol Дата: Суббота, 16.10.10, 22:25:10 | Сообщение № 13


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

Mohito, спасибо.
 
PARTYzanochka Дата: Суббота, 16.10.10, 22:36:35 | Сообщение № 14


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

И - изменение что-то другое:
 
Mohito Дата: Суббота, 16.10.10, 22:50:48 | Сообщение № 15


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

Оль, у тебя с кошкой фон поменян?
 
belena Дата: Суббота, 16.10.10, 22:58:28 | Сообщение № 16


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

А как фон менять ? Я выделила картинку жму Дилит и удаляется картинка что я вылелила , а мне нада наоборот чтобы все помимо ее удалилось ((( Или все таки фон меняется каким то другим способом ???
 
PARTYzanochka Дата: Суббота, 16.10.10, 23:12:38 | Сообщение № 17


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

Mohito, дааа =)))

belena, я как в первом уроке рассказывали добавила фон. Вырезаешь картинку и потом тянешь её на фон.

 
Mohito Дата: Суббота, 16.10.10, 23:15:13 | Сообщение № 18


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

надеюсь это форум выдержит...
 
Mohito Дата: Суббота, 16.10.10, 23:28:02 | Сообщение № 19


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

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


Сообщение отредактировано Mohito - Суббота, 16.10.10, 23:53:04
 
belena Дата: Суббота, 16.10.10, 23:35:39 | Сообщение № 20


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

Quote (PARTYzanochka)
belena, я как в первом уроке рассказывали добавила фон. Вырезаешь картинку и потом тянешь её на фон.

я тоже так делаю , но мне почему то кажется что есть и другая возможность. Тоесть картинку я выделила, а удалить надо все вокруг нее как то ) Хотя нафига ? Это мысли вслух. Все равно фон не подложишь . Вот такие размышлизмы.

Ну вот как то так получилось . Глаза поменяла , фон сменила , размыла , но мне кажется что то не то (((


Сообщение отредактировано belena - Суббота, 16.10.10, 23:41:47
 
Форум для мамочек Эстонии » Photoshop » I курс фотошопа (архив) » Урок №3 (1. курс) (Меняем цвет глаз, осваиваем анимацию)
  • Страница 1 из 14
  • 1
  • 2
  • 3
  • 13
  • 14
  • »
Поиск: