|
Данный форум является архивом сайта www.eestimamki.ee
|
Урок №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 |
Дата: Вторник, 16.10.12, 16:06:49 | Сообщение № 41 |
Группа: Удаленные
|
|
|
|
|
|
| ema |
Дата: Вторник, 16.10.12, 17:05:31 | Сообщение № 42 |
Группа: Удаленные
|
-
Сообщение отредактировано ema - Вторник, 16.10.12, 18:41:56 |
|
|
|
|
| svetra |
Дата: Вторник, 16.10.12, 17:06:03 | Сообщение № 43 |
Группа: Удаленные
|
Quote (PARTYzanochka) Продолжай с 15 пункта
УРА! все получилось))), правда Makе Frames From Layers я тоже не нашла, просто продублировала рамки.
|
|
|
|
|
| vikcy |
Дата: Вторник, 16.10.12, 18:40:20 | Сообщение № 44 |
Группа: Удаленные
|
Девочки подскажите куда нажать чтобы получилось, как в пункте 15 Make fremes from layers?
|
|
|
|
|
| Cappuccino |
Дата: Вторник, 16.10.12, 18:57:36 | Сообщение № 45 |
Группа: Удаленные
|
vikcy, svetra,
Make frames from layers - в режиме ImageReady в появившемся окошечке Animation (в фотошопe CS2) или в окошке Timeline (в фотошопе CS6) нажать на стрелочку в верхнем правом углу и появится меню, где можно выбрать эту опцию.
Сообщение отредактировано Cappuccino - Вторник, 16.10.12, 18:59:46 |
|
|
|
|
| vikcy |
Дата: Вторник, 16.10.12, 19:00:22 | Сообщение № 46 |
Группа: Удаленные
|
Quote (Cappuccino) в окошечке Animation
а ну вот значит жду Олю, что она скажет по моему скрину. У меня само окошечко Animation не такое, как должно быть.
Спасибо. 
|
|
|
|
|
| Cappuccino |
Дата: Вторник, 16.10.12, 19:03:07 | Сообщение № 47 |
Группа: Удаленные
|
Quote (Neemija) А как поменять цвет у звездочек? А то у меня они все время черные получаются...
Я выбирала его, тыкая на нужный мне цвет в палитре Swatches справа.
Quote (vikcy) жду Олю, что она скажет по моему скрину. У меня само окошечко Animation не такое, как должно быть.
Судя по твоему скрину, у меня такое же окошко анимации было... Просто затем я нажала стрелочку справа верху (под крестиком) и выбрала мейк фреймс, и тогда уже появились окошки по кол-ву слоев.
Что же, подождем Партизаночку 
Сообщение отредактировано Cappuccino - Вторник, 16.10.12, 19:07:39 |
|
|
|
|
| vikcy |
Дата: Вторник, 16.10.12, 19:14:04 | Сообщение № 48 |
Группа: Удаленные
|
Quote (Cappuccino) Судя по твоему скрину, у меня такое же окошко анимации было... Просто затем я нажала стрелочку справа верху (под крестиком) и выбрала мейк фреймс, и тогда уже появились окошки по кол-ву слоев.
точно, у меня также. Чтобы я без тебя делала.
У меня появились эти фрамес, только первая, как и есть оригинал, вторая просто фон и фото вырезано, а остальные просто шахматка, так и должно быть? 
|
|
|
|
|
| Cappuccino |
Дата: Вторник, 16.10.12, 19:19:29 | Сообщение № 49 |
Группа: Удаленные
|
Quote (vikcy) так и должно быть
Да, в каждой рамочке-фрейме расположен каждый слой по одному.
Quote (vikcy) остальные просто шахматка
это видимо твои звездочки и есть, просто их не видно на прозрачной шахматке
Сообщение отредактировано Cappuccino - Вторник, 16.10.12, 19:24:35 |
|
|
|
|
| vikcy |
Дата: Вторник, 16.10.12, 19:27:42 | Сообщение № 50 |
Группа: Удаленные
|
Cappuccino, спасибо еще раз с твоей помощью получилось. Дошла до play только звездочки у меня черного цвета и их мигания практически не видно. Но это у меня пробная работа. Потом буду делать для домашки новые. А цвет где можно было менять у звездочек?
|
|
|
|
|
| Cappuccino |
Дата: Вторник, 16.10.12, 19:35:33 | Сообщение № 51 |
Группа: Удаленные
|
Quote (vikcy) А цвет где можно было менять у звездочек?
как раз выше я ответила Неемии:
Я выбирала его, тыкая на нужный мне цвет в палитре Swatches справа
|
|
|
|
|
| PARTYzanochka |
Дата: Вторник, 16.10.12, 20:07:32 | Сообщение № 52 |
Группа: Удаленные
|
Quote (Cappuccino) Просто затем я нажала стрелочку справа верху (под крестиком) и выбрала мейк фреймс, и тогда уже появились окошки по кол-ву слоев.
Что же, подождем Партизаночку
Всё верно, под крестиком стрелочка и там выбирать команду =))
Quote (vikcy) У меня появились эти фрамес, только первая, как и есть оригинал, вторая просто фон и фото вырезано, а остальные просто шахматка, так и должно быть?
Да, так и должно было быть.
Не обратила внимание на свой скрин, что там по другому, пойду исправлю некоторые скрины =))
|
|
|
|
|
| Veroncha |
Дата: Вторник, 16.10.12, 21:50:39 | Сообщение № 53 |
Группа: Удаленные
|
Доступно только для пользователей
|
|
|
|
|
| Enn |
Дата: Вторник, 16.10.12, 21:53:09 | Сообщение № 54 |
Группа: Удаленные
|
Quote (PARTYzanochka) File - Save For Web (& Devicec...)
девочик а в каком фотматете сохраняем готовые работы? (& Devicec...)-это что такое?
|
|
|
|
|
| Cappuccino |
Дата: Вторник, 16.10.12, 22:06:11 | Сообщение № 55 |
Группа: Удаленные
|
Enn,
Просто картинки с изменением цвета и фона я сохранила в jpg.
А анимацию сохраняем в .gif
Кстати, в Фотошопе CS2 в режиме ImageReady нет Save for web для gif, а gif сохраняется File -- Save Optimized As 
Quote (Enn) девочик а в каком фотматете
Ты тоже под винишко фотошопишься? Сорри, просто забавно вышло 
Сообщение отредактировано Cappuccino - Вторник, 16.10.12, 22:09:48 |
|
|
|
|
| svetra |
Дата: Вторник, 16.10.12, 22:19:06 | Сообщение № 56 |
Группа: Удаленные
|
Quote (Cappuccino) Timeline (в фотошопе CS6) нажать на стрелочку в верхнем правом углу и появится меню, где можно выбрать эту опцию.
Спасибо теперь нашла))
Кстати, к звездочкам можно еще и стили применять.
|
|
|
|
|
| Enn |
Дата: Вторник, 16.10.12, 22:42:19 | Сообщение № 57 |
Группа: Удаленные
|
Cappuccino, я с планшета 
Просто проверяю себя в чем я там в компе насохраняла
И кстате фотошоп надо делать под градусом это точно. вон в воскресенье с первого раза все сделала. Теперь ждем пятницы на остольные две
Сообщение отредактировано Enn - Вторник, 16.10.12, 22:47:07 |
|
|
|
|
| PARTYzanochka |
Дата: Среда, 17.10.12, 07:54:40 | Сообщение № 58 |
Группа: Удаленные
|
Quote (Cappuccino) Кстати, в Фотошопе CS2 в режиме ImageReady нет Save for web для gif, а gif сохраняется File -- Save Optimized As
Чтобы я без тебя делала =)))
Но в принципе раскладка на клавиатуре одинаковая, можно и ею воспользоваться тоже =) Но это кому как удобнее =))
Quote (svetra) Кстати, к звездочкам можно еще и стили применять.
Это по пожеланию!
|
|
|
|
|
| intimissimi |
Дата: Среда, 17.10.12, 14:15:35 | Сообщение № 59 |
Группа: Удаленные
|
девочки кому не трудно напомните как менят размер в картинке???? спасибочки
|
|
|
|
|
| PARTYzanochka |
Дата: Среда, 17.10.12, 14:21:21 | Сообщение № 60 |
Группа: Удаленные
|
intimissimi, размер самой картинки? Image - Size.
|
|
|
|
|
|
|
