Рубрика: Photoshop Уроки | Урок прочитали: 272
 (голосов: 0)

Магия карт в Фотошоп

В этом уроке я покажу вам как была сделана работа занявшая второе место на конкурсе сайта Рxleyes. Мы будем создавать интересный коллаж в котором карты начнут меняться от легкого дуновения мастера.

Начнем! И еще, не играйте в покер с такими парнями ;).

Шаг 1

Откройте изображение карт, воспользовавшись данным источником "Карты".

Примечание переводчика: если у вас возникли проблемы при загрузке исходного ресурса, вы можете создать собственное изображение, либо найти похожее, либо использовать коллаж который сделал переводчик.

Затем откройте программу Photoshop и перейдите к Файл>  Открыть (File> Оpen). Выберете из списка папку где было сохранено изображение с картами.

Шаг 2

Прежде всего нам нужно дублировать фоновое изображение. Это очень просто сделать перетащив изображение "Фон" на иконку "Создать новый слой" ("New layer") в нижней части панели слоев, рядом с иконкой "Удалить слой".

Шаг 3

Теперь необходимо отделить символы от бумажной части. Убедитесь что вы находитесь на слое-копии (активный слой отмечен синей строчкой в панели). Затем перейдите к Выделение> Цветовой диапазон (Select> Color Range). Сделайте щелчок пипеткой по одному из красных символов на карте и вы увидите бегающую строчку контура выделения.

Шаг 4

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

Шаг 5

Нажмите "Ок" и вы получите выделение красных символов. Для того что бы скопировать их на отдельный слой перейдите к Слой>  Новый>  Скопировать на новый слой (Layer> Layer via copy).

Шаг 6

Теперь перейдем к извлечению черных символов. Это займет немного больше времени. Сперва активируйте инструмент Прямоугольная область (Marque) и создайте выделение по всей площади игральных карт не выходя за границы белого поля.

Шаг 7

Повторите шаг с дублированием выделенного элемента на новый слой (Слой>  Новый>  Скопировать на новый слой (Layer> Layer via copy)).

Шаг 8

Перейдите к Выделение> Цветовой диапазон (Select> Color Range) и сделайте щелчок пипеткой по любому из черных фрагментов карты.

Шаг 9

У вас должен получиться похожий результат:

Шаг 10

Повторите операцию с дублированием, для того чтобы перенести черные надписи на новый слой  (Слой>  Новый>  Скопировать на новый слой (Layer> Layer via copy)).

Шаг 11

Создайте новый слой над копией слоя с картами. Установите цвет переднего плана (foreground color) на белый. Активируйте инструмент Заливка (Paint Bucket Tool), нажав на соответствующую иконку в правой части рабочего поля. Затем, стоя на новом пустом слое, сделайте щелчок мышкой на любом участке поля, что бы залить слой белым цветом.

Как результат вы получите белое поле с красными и черными символами карт. Если у вас остались ненужные темные линии или строчки, перейдите на слой с черными (красными) символами, активируйте инструмент Ластик (Eraser Tool) и сотрите лишнее.

Шаг 12

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

Шаг 13

На красных символах остались артефакты и шумы от карточной бумаги. Их можно легко убрать. Для этого перейдите на слой с красными знаками. Зажмите клавишу CTRL и сделайте щелчок по иконке слоя с красными символами, таким образом вы получите выделение по контуру букв и знаков. Выберите цвет переднего плана алый (красный) и воспользовавшись инструментом Заливка (Paint Bucket Tool) прокрасьте карточные символы.  Таким образом мы получили красивый однородный цвет.

Шаг 14

Отключите видимость слоя с красными символами, перейдите на слой с черными. Возможно у вас остались серые (черные) ореолы вокруг красных знаков. Вы можете легко удалить их воспользовавшись Ластиком (Eraser Tool).

Шаг 15

Теперь мы убрали весь лишний "мусор" и подготовили изображение к дальнейшей работе.

Шаг 16

Отключите видимость всех слоев кроме слоя с копией карт. Встаньте на данный слой и активируйте инструмент Штамп (Clone Stamp Tool), вы найдете его на панели расположенной в левой части рабочего поля.

Шаг 17

Наша задача заключается в том, чтобы скрыть символы на слой-копии. Для этого наведите курсор мыши на белую часть карты затем, удерживая клавишу ALT щелкните левой кнопкой мыши, выбирая область-образец клонирования. После выбора области с которой будет происходить клонирование, аккуратно прокрасьте все буквы и знаки на картах. Возможно вам не удастся замаскировать все цветные области сразу. Продолжайте пользоваться клавишей ALT+ щелчок на белой области, пока не получите пустые карты.

Шаг 18

В отражении карт по-прежнему видны первоначальные символы, мы решим эту проблему очень просто - удалив все отражение. Активируйте инструмент Прямоугольная область (Rectangular Marquee Tool) и создайте выделение по контуру отражения.

Шаг 19

Залейте прямоугольное выделение черным цветом.

Шаг 20

Теперь создадим новое отражение. Для этого переходим к Выделение>  Цветовой диапазон (Select> Color Range). Делаем щелчок пипеткой по белым картам в поле выбора образца.

Шаг 21

Увеличиваем значение Разброс до 200. Нажмите "Ок" чтобы получить выделение белых карт.

Шаг 22

Скопируйте полученное выделение карт на новый слой, перейдите к Слой>  Новый>  Скопировать на новый слой (Layer> Layer via copy), либо просто нажмите комбинацию клавиш CTRL+J.

Шаг 23

Переверните скопированный участок изображения по вертикали -  Редактирование> Трансформирование> Отразить по вертикали (Edit> Transform> Flip vertically).

Шаг 24

Удерживайте нажатой клавишу SHIFT и воспользовавшись инструментом Перемещение (Move Tool (V)), опустите перевернутые карты вниз, что бы получить зеркальное отражение как на рисунке ниже.

Шаг 25

Добавьте к отражению слой-маску (layer mask), нажав на иконку в нижней части панели слоев.

Шаг 26

Встаньте на слой-маску и активируйте инструмент Градиент (Gradient Tool). Иконка для активации данного инструмента находится в левой части рабочего поля на панели инструментов. Цвет переднего плана установите на черный, а фонового - на белый. Удерживая клавишу SHIFT протащите линию градиента от начала карт, приблизительно, до середины отражения (стоя на слой-маске). У вас должен получится результат как на изображении ниже.

Шаг 27

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

Перейдите к слою с черными знаками. Для удобства работы используйте быстрые клавиши зумирования - "CTRL+"  и "CTRL -", которые позволят увеличить (уменьшить) изображение с символами. Приблизьте символ который собираетесь скопировать.

Активируйте инструмент Прямоугольная область (Rectangular Marquee Tool) и создайте выделение вокруг нужного элемента. Нажмите комбинацию клавиш CTRL+J и ваш символ будет скопирован на новый слой. Дайте название этому слою (что бы не запутаться в дальнейшем).

Шаг 28

Когда вы создадите индивидуальную копию всех знаков, создайте новую группу из слоев с символами. Для этого нажмите соответствующий значок "Создать новую папку" (Create a new group) в нижней части панели слоев, а затем перетащите слои с черными и красными знаками в данную папку. Дайте имя папке, например "Символы" (Symbols). Вы можете так же создать отдельные группы для красных и черных копий, если вам будет так удобнее.

Шаг 29

Итак, вы отделили все ваши символы, и они удобно расположены в именованных группах.
Перейдите на слой с главным черным символом (который вы отделили от карты туз пик), а затем к Редактированием> Трансформирование> Деформация (Edit> Transform> Warp).

Шаг 30

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

Шаг 31

Добавим тень от символа. Для этого создайте дубликат слоя с деформированным знаком (CTRL + J) и разместите его немного ниже и правее от оригинала (слой с копией должен располагаться под слоем-оригиналом).

Понизьте непрозрачность слоя-копии. Помните: чем ближе знак к карте, тем тень темнее! А так же не забываете, что в нашем случае, тень не может быть полностью черной. Теперь мы немного смягчим край тени используя Фильтр> Размытие> Размытие по Гауссу (Filter> Blur > Gaussian Blur). Есть одно небольшое правило: чем тень дальше от предмета тем она мягче (размытие). В своем примере я использую значения для размытия от 1 до 3,6 пикселей. Поэкспериментируйте с настройками фильтра для получения наилучшего результата.

Шаг 32

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

Шаг 33

Добавим отражение от измененных символов.
Сгруппируйте в одну папку черные символы и их тени. Создайте дубликат группы, перетащив папку на значок "Создать новый слой" (Make new layer). Затем сделайте щелчок правой кнопкой мыши по группе-копии и выберете в подменю "Объединить группу" (Merge group). Когда вы справитесь с этим, перейдите к Редактирование> Трансформирование> Отразить по вертикали (Edit> Transform> Flip vertically). Активируйте инструмент Перемещение (Move Tool) и зажав клавишу SHIFT перетащите полученное отражение на зеркальную поверхность соответствующей карты.

Шаг 34

Для того что бы отражение символов выглядело лучше, необходимо воспользоваться слой-маской. Добавьте слой-маску к каждому из отражений карточных символов. Используйте черно-белый  Градиент (Gradient Tool) и залейте им ваши маски (при нажатой клавише SHIFT). Ориентируйтесь на изображение ниже и помните что отражение будет более интенсивным у основания карт.

Шаг 35

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

Хорошего всем настроения!

           

Похожие файлы и публикации:

Магия карт в Фотошоп
В этом уроке, мы узнаем, как создать красивый абстрактный коллаж используя программу  Adobe Photoshop. В уроке мы будем использовать корректирующие слои, приемы маскирования частей изображения, а так же работать с освещением.
Магия карт в Фотошоп
Скоро Пасха и в сегодняшнем уроке, я покажу вам простой способ нарисовать яйцо в Photoshop. Яйцо сделано с нуля, и оно будет создано в качестве векторной формы, что позволяет изменять размер без потери качества.
Магия карт в Фотошоп
В этом уроке вы узнаете как используя программу Photoshop создать текст из кожи. Этот текст идеально подходит к предстоящему празднику Хэллоуин. Так же вы можете использовать его в дизайне плакатов или листовок. Мы будем использовать для работы текстуру кожи и добавим швы и шрамы к нашим страшным буквам.
Магия карт в Фотошоп
В процессе изучения этого урока вы научитесь создавать стильное меню для сайта.
Магия карт в Фотошоп
В этом уроке я покажу вам как используя программу Adobe Photoshop создать текст написанный кетчупом. Так же, в конце урока мы немного размажем текст. Начнем!
Магия карт в Фотошоп
Пейзаж в Photoshop создать не трудно, если вы творчески мыслите и, конечно, если вы достаточно удачливы, чтобы найти хорошие исходники. В этом уроке мы создадим красивый сказочный пейзаж. А также, закрепим использование в коллаже корректирующих слоев и кистей для придания общего настроения изображению. Урок средней сложности и будет под силу каждому!
Магия карт в Фотошоп
В этом уроке я покажу вам как создать красивый цветочный текст из роз. Для работы мы будем использовать стили слоя, текстуры и PNG изображение розы. Как результат у нас получится красивый праздничный текст. Вы сможете дополнить его , украсить или изменить по настроению и необходимости. Единственное ограничение - ваша фантазия! Я надеюсь, этот текст станет хорошим дополнением ко многим из ваших творческих работ или добавит изюминку в поздравительную открытку!
Магия карт в Фотошоп
Откроем панель настроек Кистей (Brush) Окно-> Кисть (Window -> Brush), и изменим настройки Форма отпечатка кисти (Brush Tip Shape), как показано ниже:
Магия карт в Фотошоп
Ниже приведены ссылки для загрузки материалов. Но ссылок на векторные фигуры не будет. Поэтому скачайте их самостоятельно на любом дизайнерском сайте.  Это не сложно, потому что таких векторов куча.
Магия карт в Фотошоп
В этом уроке я покажу вам, как создать в Photoshop текст укрытый листвой.
Магия карт в Фотошоп
В этом уроке вы узнаете как, используя программу Photoshop, можно создать простые и оригинальные абстрактные обои для рабочего стола. В работе мы будем использовать фигуры, текстуры и кисти.
Магия карт в Фотошоп
Хотите узнать как, используя возможности Photoshop CS6, научиться быстро делать split-тонирование ваших фото? Тогда этот урок для вас!
Магия карт в Фотошоп
Шаг 1. Откройте Photoshop и создайте новый документ. Я использовал размер 2560x1440 пикселей. Затем используя Градиент (Gradient Tool (G)) залейте фон радиальным градиентом двух цветов 3d2626 и 060404.
Магия карт в Фотошоп
Шаг 1. Так, сначала мы должны найти изображение для данного урока. Нужно найти фотографию или картинку куба также вы можете взять мою заготовку.
Магия карт в Фотошоп
В этом уроке вы узнаете как создать сюрреалистический подводный ландшафт в Photoshop.
Магия карт в Фотошоп
Финальное изображение