1

Тема: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Итак, поехали!

(все вопросы по данной теме тут,
что непонятно или что не работает тоже сюда,
выполненное скриним и тоже сюда)

Level №1  (Читать комменты обязательно! :)

Важно: запоминаем все хоткеи которые я буду говорить!
я использую вот этот экранный режим (переключать режимы "f"), скриншот ниже. При зажатии пробела, курсор переключается  в режим РУКА, и можно таскать нашу картинку в нужное для работы место.
Нажимаю для:
увеличения-  ctrl+space+mouse1,
уменьшения - ctrl+space+mouse1+alt, либо ctrl+(минус)
Оч удобно!

Дано: картинка (прикрепляю к топику ниже)
Задача: Подготовка изображения к продвинутой проработке.

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

Чекпойнт 1

1. Открываем фотошоп, и открываем нашу картинку (надеюсь это не вызовет проблем :)

2. В фотошопе работает система слоев. Это примерно как если взять два слайда фотопленки и наложить друг на друга, вызываем панель слоев кнопкой F7.

3. Там видим единственный слой, это наша картинка, он у нас сейчас в роли фона. Двойной щелчок на него, потом ОК. Фон превратился в слой.

4. Требуется отделить наш предмет от того что видно сзади. Использовать будем инструмент ПЕРО (хоткей "p" (англ. раскладка)) Этот инструмент делает путь, по которому позже мы создадим выделение. Смотрим видео.

http://up.lluga.net/7063  (файл на месном аплоаде)
http://fileshare.in.ua/816612?free (тоже самое в инете)


Пробуем. Понимаем как. Выделяем!
(при включенном ПЕРО, если нажать альт, включается режим отрезки кривизны, поймете из видео)
если случайно неправильно поставили точку, то ctrl+z - шаг назад, alt+ctrl+z - 2 шага назад (и соответственно сколько раз нажмете столько и назад).
Для редактирования пути у нас есть кнопка А, (черный курсорчик двигает весь путь, белый правит отдельные элементы)
переключение между ними shift+A, через шифт кстати переключаются все инструменты одной группы (хоткея)

http://up.lluga.net/7068 (аплоад)
http://fileshare.in.ua/816681?free  (инет)


5. После создания пути, жмем ctrl+enter (либо смотри скриншот ниже), наш путь превращается в выделение!
инвертируем выделение (главное меню Select ---> Inverse) я забиндил на F3, по стандарту ctrl+shift+i, потом жмем del. Ура, остался один наш предмет!

Можете взять предмет отсюда, можете сделать несколько для закрепления навыка.
Если не знаете где взять картинку, открываете яндекс (например) пишете слово, клацаете ссылку "картинки", и там выдает столько что мама не горюй :) Выбираем что нибдуь простенькое, потому что чем глобальней обьект тем больше над ним надо работать, у нас это не первозадача, пока что главное освоить основные навыки и инструмены, потом применить их можно будет в любой извращенной форме :D

Если кто не знает, то сохранять картинки лучше через alt+ctrl+shift+s (сэйв фор веб)


2

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Чекпойнт 2

Сначала я опишу, то что буду делать в видео. А вы как нибудь попробуйте совместить.

1. Итак для начала я немного подвинул картинку в центр файла, используя для этого инструмента хоткей V.

2. Затем понял что както места маловато, и решил его увеличить.
Нажимаем ctrl+alt+c, и ставим сколько необходимо, файл увеличивается, но наша картинка остается такой как была, и это важно!

3. Както картинка выглядит хмуро, надо её развеселить. И для этого конечно есть много вариантов, но я покажу основные два:

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

Второй вариант это использовать так называемые "кривые" нажимаем ctrl+M
примерно такоеже окошко, одну точку я высветлил более светлые тона, другой точкой более темные тона. В принципе пока в дебри не лезем, и ничего сложного в этом нету.
Получаем почти такойже вариант как и с уровнями.
Выбираем какой больше по душе, но лучше попробовать конечно оба!

http://up.lluga.net/7089 (аплоад)
http://fileshare.in.ua/819186?free

4. Создаем новый прозрачный слой atl+ctrl+shift+N, заливаем его нейтрально серым цветом.
Что б было видно нашу картинку нормально, и видим что от обрезки остались какието белые края, что недопустимо! Зажав ctrl кликнем на пиктограмке слоя, и по нашему контуру создасться выделение. Потом измненим выделение сжав его на 1 пиксель. Инвертируем, обрезаем, ну вот, совсем другое дело :)
Примечание: что б скрыть выделение ctrl+H, но оно остается, просто его не видно, вернуть также.
Если у вас с первого раза получилось обрезать так что остались ненужные края фона, их лучше подрезать еще разок темже способом, или подтереть теркой (E) c твердыми краями.

http://up.lluga.net/7090 (аплоад)
http://fileshare.in.ua/819191?free

5. Используем фильтр Редфилд Перфектум, что б убрать лишний шум, и получить более гладкие поверхности, вот смотриться намного приятнее.

http://up.lluga.net/7057  (аплоад)
http://fileshare.in.ua/821036?free (инет)
(файлик кинуть в папку plug-ins в установленном фотошопе)


3

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Чекпойнт 3

Ну ребята это один из самых сложный, и я бы даже сказал на этом этапе надо знать чего хочешь!
Вобщем задачи сделать моторчик новеньким! А не таким дряхлым как он есть.

1. Сначала я решил выровнять перспективу. Что б было ровно горизонтально использую линеечку.
Фотошоп сам определяет на скольно надо повернуть что б получилось ровно :) клевая вещь, люблю это!

2. Дальше как то наш цилиндр кривоват, подправляем трансформацие слоя ctrl+T, disdort. искажаем так что б было ровненько.

Ну вроде наладили. (использовать быструю заливку alt+бекспейс)

3. Дальше нам необлоходим выбрать отдельные детали моторчика, и буквально перерисовать все с нуля.
я использую кисточку, с различной прозрачностью и перо. (смотрите видео)
Я начал с нескольких элементов. Но надо отрисовать всё!!! Так что за работу.
Выкладывайте скриншоты, у кого что вышло, спрашивайте.

Примечание:
В конце показано как с помощью пера можно делать обводку.
Если не взводить галочку, то обводка будет по всей длинне пути одинаковой толщины кисти!
Чтоб скопировать путь, необходимо зажать альт, инструмент должен стоять для выделения пути (A)
А если еще и шифт нажать то включиться режим ОРТО (виртикально-горизонтально) так удобней, что также действует с копированием слоев, рисованием кистью и разной другой байдой :)


В идеале сам двигатель, (там где железо) надо сделать как будто хромированным!
Так что надо будет потрудиться. Посмотреть другие хромированные детали других штук (можно поискать в яндексе)
и покачто придумать хотяб идею :) Незабываем все делать на новых слоях!

http://up.lluga.net/7211
http://up.lluga.net/7212
http://up.lluga.net/7213

Тоже самое попытайтесь сделать и со своими файлами, только картинка должна быть изначально гнилая :) с плохим качеством.
1. Вырезать.
2. Скоректировать свет и цвет.
3. Выделяем отдельные области и зарисовываем.

Несколько дейтсвий
http://up.lluga.net/7271
(картинка)

4

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Чекпойнт 4
(После выполнения #3)

5

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Чекпойнт 5
(После выполнения #4)

6

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

вот прикрепил наконецто
ура получилось:D


Отредактировано igas (15-06-2008 22:17)

7

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Never
Тогда выложи куда нибудь в инете, я завтра качну с работы.
По поводу урока: принцип работы пера понимаю, очень похоже на редактирования сплайнов в 3д. Но вот в шопе с ним никогда не работал. Посему, спасибо за урок :).

8

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

У меня проблеиа возникла, у меня закрашивается красным цветом. Не пойму как отключить =(


Отредактировано Anton (15-06-2008 21:31)

9

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Anton пишет:

У меня проблеиа возникла, у меня закрашивается красным цветом. Не пойму как отключить =(

у тебя в палитре выбрано красный цвет,будь внимателен

10

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Anton пишет:

У меня проблеиа возникла, у меня закрашивается красным цветом. Не пойму как отключить =(

Сделай так


11

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Ewig пишет:

Never
Тогда выложи куда нибудь в инете, я завтра качну с работы.
По поводу урока: принцип работы пера понимаю, очень похоже на редактирования сплайнов в 3д. Но вот в шопе с ним никогда не работал. Посему, спасибо за урок :).

Постараюсь выложить :)

12

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

igas пишет:

вот прикрепил наконецто

А ты края размыл специально, или оно само так вышло ?

Должно было получиться вот гдето так


13

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Домыслил немного. Вроде получилось что-то :).


14

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Ура :)


Отредактировано Anton (16-06-2008 10:15)

15

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Ewig пишет:

Домыслил немного. Вроде получилось что-то :).

Малаца что домыслил! :)

16

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Только одного не пойму - вы края размываете или оно само так должно получаться?

17

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Вот, что вышло у меня...


18

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Оно само такое - это помоему обман зрения, контраст цветов

19

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Never пишет:

А ты края размыл специально, или оно само так вышло ?

само, но попробую переделать:)

20

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Ладно, я спать. Всем ночи, и творческих успехов ;).

21

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

igas пишет:

само, но попробую переделать:)

Вот можно тут глянь еще


22

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

я уже исправил,просто при сохранении в JPEG было выбрано маленькое качество

23

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

igas пишет:

я уже исправил,просто при сохранении в JPEG было выбрано маленькое качество

я обычно 80-90 ставлю, в зависимости что на картинке. Если больше мелких деталей то 90, если что то глобальное то можно и поменьше

24

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

спасибо за совет буду знать:)

25

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

скажи те плиз как прикреплять файлы к сообщениям
Вот моя работа - http://up.lluga.net/7070

Добавлено Пнд 16 Июн 2008 00:25:49 :
помойму норм для того кто второй раз за фотожоп садится

26

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

K9 пишет:

скажи те плиз как прикреплять файлы к сообщениям
Вот моя работа - http://up.lluga.net/7070

Добавлено Пнд 16 Июн 2008 00:25:49 :
помойму норм для того кто второй раз за фотожоп садится

Да, норм вышло. Файлы прикреплять так: там гденаписано загрузка картинок (когда пишешь сообщение "ответить", а не быстрый ответ) там ставишь "показать 1, 2, или 3, и соответственно столько картинок и загружаешь

27

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Ну... чАво-то получилось:
P.S.: "+" "моя" фотография http://up.lluga.net/7075


Отредактировано Masya (16-06-2008 12:33)

28

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Зделал, прицыпить немогу.

29

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Вот и моё.


30

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

:)


31

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Моё.
Masya, у тебя нет этой картинки с кузнечиками, только в лучшем качестве? Если есть, выложи куда-нибудь, пожалуйста.:)

Добавлено Пнд 16 Июн 2008 11:09:37 :
wem, жжёшь!:D


32

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

2Am1go
C лучшим качеством нет. Дело в том, что это не картинка, а фотография, сделана была вчера. Камера сфокусировалась на кузнечике, именно потому фон размыт.
З.Ы.: Фотографировал не я.
З.Ы.Ы.: Разрешение оригинала... точно не помню... камера 5-6 мегапикселей. Если надо выложу оригинал 

33

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Вот и мое. Накосячил в одном месте в конце:(


34

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Так, ну покачто все хорошо.
Подсказка разве что такая, если форма не совсем выходит, разбивайте её на более мелкие кусочки.
Опорные точки лучше ставить в центре представляемой дуги (ну это больше с опытом прийдет я так думаю)

Старайтесь все изначально делать аккуратно.


35

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Baphomet пишет:

Зделал, прицыпить немогу.

я тут писал вышел как прицеплять фотки. или оно не хочет их цеплять?
можешь выложить сюда: www.keep4u.ru и ссылку сюда кинуть

36

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

пойдет или что посложнее сделать?


37

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Кто уже разобрался, делаем тоже со своей картинкой!

Добавлено Пнд 16 Июн 2008 12:18:13 :

kirushQa пишет:

пойдет или что посложнее сделать?

Вобщем хорошо, просто для дальнейшей работы планировалось какой нибудь более обьемный предмет.
вот например возьми эту клевую прищепку :)


38

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Never пишет:

Вобщем хорошо, просто для дальнейшей работы планировалось какой нибудь более обьемный предмет.
вот например возьми эту клевую прищепку :)

другого не было на фотках :)
вот прищепка.


39

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

впринципе нету обьёмных нормальных картинок :(
Такое не подойдёт ?


Отредактировано Anton (16-06-2008 12:18)

40

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

kirushQa пишет:

другого не было на фотках :)
вот прищепка.

малаца! :)

Примечание:
Ну я вообще пишу в яндексе любое слово, потом клацаю картинки, и там валом всего,
а если в гугле на английском написать, так еще больше!

Добавлено Пнд 16 Июн 2008 13:19:44 :

Anton пишет:

впринципе нету обьёмных нормальных картинок :(
Такое не подойдёт ?

Вырезал хорошо, освоил технику :)
Фотка клевая, качество хорошее, даже и улучшать почти нечего :)

41

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Я так понимаю, что то задание которое Кирюхе давали и остальным можно делать. Так что выкладываю свою работу:


42

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Masya пишет:

Я так понимаю, что то задание которое Кирюхе давали и остальным можно делать. Так что выкладываю свою работу:

Я к топику еще картинок прицепил, можете брать свободно!

43

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Завтра выложу прищепку. Жаль, на работе шопа нету :(.

44

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Сэнсэй когда следущее задание будет ? :)

45

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Anton пишет:

Сэнсэй когда следущее задание будет ? :)

Скорей всего седня к вечеру, надо видео сделать.

46

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

БУГОГА:D


47

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Молоточег


Отредактировано Reader (16-06-2008 15:53)

48

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

ВОть


49

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

ВОт мое....

Добавлено Пнд 16 Июн 2008 20:20:55 :

Reader пишет:

Молоточег

Слуш а у тя такого нету случайно? а то давно такой искал, куплю)))

Добавлено Пнд 16 Июн 2008 20:25:48 :

Baphomet пишет:

ВОть

Дофига видно))) Думаю должно быть классно, он специально спрятал чтоб нагнать интерес)))


Отредактировано K9 (16-06-2008 19:21)

50

Re: Level 1 (Чекпойнт #3 (добавлена картинка дейтсвий)

Атлична, малацы ребя! И с чувством юмора тоже все впорядке :D