Всем доброго времени суток.
Сегодня разберемся с выделением объектов разными способами и немного затронем инструменты и слои.
Саму фигуру и глаза можно скачать с яндекс.диска
Есть некая фигура
Задача у нас сделать это:
Первое, что нужно запомнить, НИКОГДА не редактировать оригинал, ВСЕГДА работать со слоями!
Итак, приступим.
1. Открываем PS и кликаем файл/открыть. Находим наше скаченное изображение "исходник.png" Обратите внимание, что наше изображение в панели слоёв обозначена, как "фон".
2. Нам необходимо разделить эти две фигуры друг от друга. Что для этого нужно сделать? Первое - это выделить треугольник и перенести его на новый слой, чтобы он был независим от всего изображения. Для этого необходимо понять, каким инструментом лучше воспользоваться. Инструмент "прямоугольная область" и "овальная область" нам не подходят по определению - у нас треугольник. "быстрое выделение" и "волшебная палочка" тоже - фигуры одинаковы по цвету.
Идеально здесь получится применить инструмент "перо".
Начинаем. Выбираем инструмент. В настройках инструмента проверяем чтоб был выбран режим "Контур". Ставим первую опорную точку на левый угол, далее на верхний и последним отмечаем правый угол, затем обязательно нужно щелкнуть по первой опорной точке, чтобы замкнуть фигуру.
Проверим точность установки точек. Зажав ALT покрутим колесо мыши вверх - таким образом изображение увеличится. Скорее всего опорная точка будет установлена не совсем на месте. Выбираем инструмент "выделение узла" и корректируем установку опорной точки. Далее проходимся по остальным точкам. Возвращаем масштаб в исходное положение и переходим обратно на инструмет "перо". После этого в настройках инструмента жмем кнопку "выделение". Всё треугольник выделен. Осталось нажать CTRL+J (Выделенный треугольник будет скопирован на новый слой, причем пространство вокруг него будет прозрачным. Чтобы убедиться в этом можно "тыкнуть в глаз" около фонового слоя (выключив его). Кстати, для удобства можно название полученного "слой 1" переименовать в "треугольник". Здесь у нас получится всего около 5 слоёв, а если их будет штук 50? как в них не запутаться?
3. Выделяем квадрат. Включаем слой "фон" и,соответственно, выключаем слой "треугольник". Опять же, давайте подумаем, каким инструментом это сделать будет проще. "Перо". Можно, но сложно. "Быстрое выделение" и "волшебная палочка" тоже не прокатывают - так же как и при выделении треугольника не сработает. а вот "прямоугольная область подойдет - видно противоположные углы. Увеличиваем масштаб (ALT+ колесо мыши) и спокойно выделяем объект, проведя выделение от правого верхнего до левого нижнего угла.
Далее жмем CTRL+J и получаем новый слой, который тут же обзываем "Квадрат"
4. Перекрашиваем квадрат в желтый цвет. Есть несколько способов сделать это.
а) В нашем случае самый быстрый и продуктивный (т.к. цвет однотонный и имеем четко очерченные края) способ - обычная заливка. Выбираем инструмент (обратите внимание, чтобы был выбран слой "квадрат"), далее выбираем основной цвет. Это, опять же, можно сделать двумя способами; первый - щелкнуть по основному цвету и в выпавшей палитре выбираем нужный цвет. Второй - обратите внимание на палитру справа. Это та же самая палитра, что и в первом случае, только быстрее.
Обратите внимание: заливка сработала только на квадрат, т.к. он вынесен отдельным слоем, причем под слой треугольник. Если слои поменять местами, то получим такую картинку:
Второй способ одновременно и сложнее, и интереснее. Ознакомиться с ним будет, как минимум, полезно.
Итак нужно выделить отсоединенный квадрат. Для этого нажимаем CTRL + A (выделить всё) нажимаем стрелку "вниз" (все закрашенные пиксели выбранного слоя переместятся на один пиксель вниз) и затем стрелку "наверх" (изображение займёт своё первоначальное положение). При этом выделенным останутся только закрашенные пиксели, т.е. только наш квадрат.
Так же выделения всех закрашенных пикселей выбранного слоя можно добиться зажав CTRL и щелкнув на пиктограмме нужного слоя:
далее выбираем кисть с нужным цветом и спокойно закрашиваем. Причем краситься будет ТОЛЬКО выделенная область.
А вот и третий способ перекраски нужного слоя: Выбираем нужный слой. Далее переходим во вкладку изображение/коррекция/цветовой тон-насыщенность. Ставим галочку на "тонирование" и меняем ползунки, пока не получим нужного цвета.
5. Поворачиваем квадрат на 45 градусов. Здесь всё просто. Удостоверяемся, что выделен слой "квадрат" и идем по пути Редактирование/трансформация/поворот. в значении "поворот" ставим 45 и нажимаем Enter. Всё. Готово. Квадрат повернулся на нужный нам угол. Правда он как-то низковато, не находите? Выбираем инструмент "перемещение" и двигаем его как понравится.
6. Добавляем глаза.
Открываем файл "глаза" (файл/открыть) и получаем второй холст с глазами. Сейчас будем работать с ним. Первым делом наши глаза нужно выделить. Определяем инструмент, которым это можно сделать удобнее.
Здесь лучше всего подойдет вариант "быстрое выделение"
Но есть еще один способ, на мой взгляд более правильный, пусть и долгий:
Идем в Выделение/цветовой диапазон и по изображению (ничего не сворачивая) щелкаем по чёрному цвету наших глаз. "Разброс" вделения, на всякий случай, поставим 25-30, хотя в нашем случае используется всего два цвета. и нажимаем ОК. Итог - у нас выделен только чёрный цвет.
Далее переходим в режим "быстрой маски" нажав Q и кистью закрашиваем черным цветом белки глаз. Получаем такую картинку:
Напомню (писал об этом в прошлой статье) если у вас при нажатии Q получилось что-то типа этого
значит не поменяна галочка с "маскированные области" на "выделенные области". Два раза щелкаем на инструмент "быстрая маска" и меняем. Так удобнее.
Всё. Нажимаем опять Q для выхода из режима "быстрой маски" и видим, что глаза выделены полностью.
Далее нажимаем CTRL + С (т.е. просто копируем выделенное изображение) затем переходим на холст с квадратом и теругольником и нажимаем CTRL + V (то-есть вставляем)
Так-как у на с на холсте с фигурами был выделен слой с квадратом. то слой с глазами создался над ним, но под треугольником. Давайте перетащим слой на самый верх.
Теперь нужно повернуть наши глазки и поместить их на треугольник. Действуем так: переходим по Редактирование/трансформирование/масштабирование
и редактируем размер глаз до нужного размера. Далее поворачиваем и размещаем глаза на нужное место так же, как квадрат. После чего помещаем слой с глазами между квадратом и треугольником.
7. Осталась тень. Кстати, обратите внимание, что у нас не хватает белого фона сзади. Давайте создадим его! Идем по пути слои/новый/слой, жмем ОК и заливаем его белым цветом, после чего перетащим его в самый низ
Далее выделим прямоугольник на этом белом слое скопируем белую полосу на новый слой сочетанием CTRL+J и перетащим его на самы верх для удобства. Причем белый слой отключтм, нажав на глаз
Необходимо выделить данный белый прямоугольник любым удобным способом. Проще всего это сделать CTRL+ клик на пиктограмме слоя.
Применим к выделенному прямоугольнику заливку "Градиент", причем в настройках изменим прозрачность правой точки до 0. Цвет от черного к черному.
Далее повернем данный слой на те же 45 градусов и перенесем на желтый квадрат. После чего слой необходимо спустить под треугольник.
Да уж. Придется корректировать наклон будущей тени. Опять же используем Редактирование/трансформирование/наклон и в ручную корректируем угол наклона слоя с градиентом. Далее подгоняем слой к треугольнику. Можно даже немного залезть под него ) Получаем примерно следующую картинку:
Далее самое интересное - Включим отображение белого слоя, нажав глаз. Далее сменим режим наложения слоя с "обычный" на "затемнение" и с помощью ластика сотрем лишнее.
Если результат тени не понравился (например тень слишком выражена на краю) можно с помощью мягкого ластика подтереть край и получим вот что:
8. Вроде хорошо получилось ? ) осталось совсем малость - сохранить. Проблема в том, что если у нас в изображении содержится несколько слоёв, то PS даст возможность сохраняться только в формате фотошопа PSD, а нам нужен PNG или, на худой конец JPEG. Такаем правой кнопкой мыши по выделенному слою и жмем "выполнить сведение"
Всё получили готовый результат, который можно сохранить и похвастаться друзьям!
Ну и, как говорят, подписывайтесь, ставьте лайки и оставляйте комментарии ) До встречи. Дальше будет только интереснее!
Если возникли какие-нибудь вопросы - задавайте, постараюсь ответить!
.
