Как сделать в фотошопе модельную карту
В этом уроке я покажу Вам, как создать 3D-карту в Photoshop, используя различные 2D и 3D модели, такие как автомобили, деревья, дорога, облака. Вы можете проявить фантазию и сделать свой собственный остров 3D в Photoshop. Я использовал для этого урока текстуры травы и воды, но вы можете выбрать другой тип текстуры. Также вы можете изменить форму карты. Использование 3D-экшена (3D Action) сделать весь процесс более легким.
Исходники:
Шаг 1
Прежде всего, мы создадим 2D - основу для карты. Активируйте инструмент Лассо (Lasso Tool), нарисуйте поверхность карты и залейте ее серым цветом. Так же, для создания формы карты, вы можете воспользоваться инструментом Перо (Pen Tool). Или, как третий вариант, вы можете использовать силуэт реальной карты (векторную фигуру). Назовем этот слой "Карта".
Шаг 2
Теперь добавим нашей поверхности текстуру травы. Скопируйте текстуру из исходных материалов и откройте ее в новом PSD файле. Далее перейдите к Редактирование > Определить узор (Edit> Define Pattern).
Вернитесь к рабочему документу с картой. Дважды щелкните левой кнопкой мыши на слое "Карта". Таким образом вы перейдете в меню "Стиль слоя" (Layer style). Выберите вкладку "Тиснение" (Bevel and Emboss) и установите значения как показано на рисунке ниже. После, перейдите к "Наложение узора" (Pattern Overlay) и в меню наборов выберите узор с текстурой травы, который мы создали ранее.
Теперь ваша заготовка выглядит подобным образом:
Создайте новый слой над слоем "Карта". Создайте выделение по контуру вашей заготовки острова (нажмите Ctrl + клик на иконке слоя "Карта"). Установите цвет переднего плана (foreground) на белый, а фонового (background) - на черный. Далее перейдите к Фильтр > Рендеринг > Облака (Filter > Render > Clouds). Измените режим наложения нового слоя на Перекрытие (Overlay), а непрозрачность (opacity) установите - 65%.
Шаг 3
В этом шаге мы добавим на карту озера. Откройте текстуру воды. Сделайте, любым удобным вам способом, одно либо несколько выделений в форме озера. Перенесите "озера" в рабочий документ и масштабируйте их под размер карты. Назовите новый слой "Водная поверхность".
Откройте окно стилей слоя "Водная поверхность" и добавьте Внутренняя тень (Inner Shadow) и Тиснение (Bevel and Emboss).
Вы можете добавить любой другой простой элемент поверхности этой карте (например дорогу). Когда вы закончите с проектированием плоскости, выберите все слои (кроме фонового слоя) и объедините их. Назовите новый слой "Поверхность 1".
Шаг 4
Теперь я буду использовать один из моих 3D-экшенов для Photoshop, что бы создать объемную картинку. Итак, скачайте бесплатный 3D-экшн, загрузите его в Photoshop и примените к слою "Поверхность 1".
Примечание переводчика:
Воспользуйтесь этой полезной статьей, которая расскажет как загрузить экшн в Photoshop . Если у Вас возникли проблемы с использованием экшена, то можете создать объем самостоятельно. Для этого встаньте на слой "Поверхность 1" и перейдите к "Редактирование - Трансформирование - Перспектива".
Трансформируйте поверхность так, что бы она "лежала" на плоскости. Далее дублируйте 7-10 раз слой с измененной поверхностью. Используя инструмент "Перемещение" сместите каждую копию ( кроме верхней) на 2-4 пункта вниз. Когда будете довольны объемом - слейте все копии (кроме верхней). Дальнейшие действия урока не изменятся ( но "Очистить стиль слоя" использовать не нужно).
У вас получится схема слоев как на рисунке выше. Далее, нужно очистить стили слоя обоих последних слоев (перейдите на слой, щелкните правой кнопкой мыши и в подменю выберите "Очистить стиль слоя" (Clear Layer Style)). Назовите первый слой "Трава", а второй - "Поверхность земли".
Перейдите на слой "Поверхность земли" и наложите на него текстуру "Грязь" (можно использовать и другие текстуры - земля, камень, скала, и т.д.) . После наложения текстуры измените ее расположение и размер по собственному желанию. Добавьте эффект Внутренней тени (Inner Shadow), чтобы остров стал более объемным.
Шаг 5
Дублируйте слой "Поверхность земли" и создайте выделение слоя-копии (нажмите Ctrl + клик на слое "Поверхность земли копия"). Используя инструмент Перемещение (Move Tool) перетащите дубликат немного выше. Активируйте инструмент Ластик (Eraser Tool) и сотрите лишнюю часть поверхности, которая выходит за границы травы. У вас получилось два слоя с основанием острова. Добавьте к "Поверхность земли копия" корректирующий слой Яркость \ Контрасность (Brightness/Contrast) с такими настройками:
Добавьте, также, эффект Тень (Drop Shadow) для обоих слоев с земной поверхностью, как показано на рисунке ниже:
Шаг 6
Над слоем "Градиент" создайте еще один слой и назовите его "Океан". На этом слое разместите изображение, из исходных материалов, с аналогичным названием. Масштабируйте изображение океана так, чтобы оно гармонично смотрелось (исходя из размера вашего документа). Когда будете довольны результатом измените режим наложения слоя "Океан" на Перекрытие (Overlay), а непрозрачность (opacity) понизьте до 50%.
Шаг 7
Теперь наша задача соединить фон и остров.
Перейдите на слой "Трава" и добавьте стиль слоя Внутренняя тень (Inner Shadow):
Перейдите на слой "Поверхность земли" и откорректируйте значения стиля Тень (Drop Shadow):
Над слоем "Поверхность земли копия" создайте новый слой и назовите его "Волны". Активируйте инструмент Кисть (Brush Tool). Выберите из списка стандартную круглую мягкую кисть белого цвета, и прорисуйте пену волн у краев острова.
Шаг 8
Добавим детали. Создайте новый слой над всеми остальными. Откройте изображение дерева и разместите на новом слое. Масштабируйте дерево и разместите на карте. Дублируйте несколько раз слой с деревом. Измените размеры копий и их положение - создайте свой парк на острове. Руководствуйтесь изображением ниже:
Каждое дерево (или группа деревьев) должно отбрасывать тень. Используйте мягкую кисть черного цвета и нарисуйте на новом слое тени растений (руководствуясь основным освещением). Измените режим смешивания (blend mode) слоя с тенями на Перекрытие (Overlay), поэкспериментируйте с уровнем непрозрачности (opacity) данного слоя.
Примечание переводчика: слой с тенями должен находится под группой слоев с деревьями.
Создайте новый слой, поверх остальных, и нарисуйте тучи над картой, используя кисти "Облака". Не забудьте добавить тень от облаков (нарисуйте их тем же методом, который вы использовали для добавления теней деревьев).
Шаг 9
Для того, чтобы все части связать воедино я добавил красивый желтый оттенок, использовав корректирующий слой Фотофильтр (Photo Filter).
Шаг 10
Добавьте в вашу работу больше элементов таких как: автомобиль, дорога, самолет, корабль, дом и т.д.. Будьте осторожны при выборе дополнительных объектов - старайтесь не использовать изображения с правильной перспективой (руководствуйтесь нашим углом обозрения на карту).
Вторая идея заключается в использовании 3D-иконок и значков для данной работы. В комплект также входят некоторые интересные флаги, таблички и обозначения карт, возможно вы решите добавить именно их.
Примечание переводчика: Новые элементы добавляйте под корректирующим слоем Фотофильтр.
Вы можете найти другие интересные иконки или даже 3D-модели в интернете.
Мой конечный результат выглядит так:
В этом уроке мы рассмотрим ряд технических приёмов, включая совмещение изображений и создание эффектов освещения.
Сложность урока: Легкий
Йо-хо-хо, и бутылка рому! В этом уроке вы получите массу весёлых впечатлений. Вы узнаете, как создать карту сокровищ пиратов в программе Photoshop.
В этом уроке мы рассмотрим ряд технических приёмов, включая совмещение изображений и создания эффектов освещения.
Материалы для урока:
Итоговый результат
Шаг 1
Создайте новый документ в программе Photoshop (800X800px).
Откройте текстуру дерева, а затем переместите её на наш рабочий документ.
Далее, примените три корректирующих слоя к текстуре дерева, чтобы сделать её немного темнее:
Настройки для корректирующего слоя Экспозиция (Exposure):
Экспозиция (Exposure): -2.41
Сдвиг (Offset): -0.0026
Гамма коррекция (Gamma Correction): 1.00
Настройки для корректирующего слоя Уровни (Levels):
Настройки для корректирующего слоя Цветовой Баланс (Color Balance):
Средние тона (Midtones): +11 / 0 / -12
Поставьте галочку в окошке Сохранить свечение (preserve luminosity)
Создайте новый слой, назовите этот слой ‘виньетка’. Поменяйте режим наложения для данного слоя на Умножение (multiply), непрозрачность слоя 60%.
С помощью мягкой чёрной кисти, прокрасьте по краю и углам текстуры:
Шаг 2
Далее, откройте текстуру Бумаги.
Переместите текстуру Бумаги на наш рабочий документ. К слою с текстурой бумаги, примените Cтили слоя (layer style), опцию Тень (drop shadow) для создания нежной тёмной тени и Внешнее свечение (outer glow) для создания нежного тёмного эффекта, чтобы создать впечатление, что лист бумаги лежит прямо на поверхности стола:
Примечание переводчика: на стоковых ресурсах вы можете скачать любую текстуру бумаги на своё усмотрение. Примеры текстур: Текстура 1, Текстура 2, Текстура 3.
Шаг 3
Загрузите кисти Карты:
Создайте новый слой поверх слоя с текстурой Бумаги, назовите этот слой ‘Карта’. Находясь на данном слое, выберите одну из скаченных ранее кистей, далее, нарисуйте карту чёрного цвета. Не забудьте преобразовать данный слой в обтравочную маску к слою с текстурой бумаги, чтобы карта приняла форму текстуры бумаги и не заходила за края.
Теперь добавьте слой-маску к слою ‘Карта’. С помощью мягкой чёрной кисти, обработайте края изображения карты, как бы создавая эффект расплывчатости очертаний карты на бумаге.
Примечание переводчика: обрабатывайте кистью, находясь на слой-маске слоя.
Далее, уменьшите непрозрачность слоя с картой до 62%, а также поменяйте режим наложения для данного слоя на Умножение (multiply).
Шаг 4
На данный момент набор векторных изображений ‘Брызги крови’ недоступен. Но вы можете использовать другие
Примечание переводчика: на стоковых ресурсах вы также можете скачать либо кисти ‘Брызги крови’, либо соответствующие векторные изображения на своё усмотрение. Примеры в архиве
Прокрасьте векторное изображение в красный цвет, а затем переместите на наш рабочий документ. Преобразуйте данное изображение в обтравочную маску, чтобы прикрепить к текстуре бумаги.
Примечание переводчика: если вы будете использовать кисти, то не забудьте создать новый слой в качестве обтравочной маски к слою с текстурой бумаги.
Уменьшите непрозрачность слоя до 85%, а также поменяйте режим наложения на Умножение (multiply).
Чтобы исключить резкость изображения кровяной метки, примените фильтр Размытие в движении (motion blur) 4 px.
Шаг 5
Откройте изображение Золотой монеты.
Отделите изображение монеты от заднего фона, переместите выделенное изображение монеты на наш рабочий документ, расположив в нижней правой части карты сокровищ.
Нам необходимо поработать над освещением, чтобы монета вписалась в нашу композицию.
Примените стили слоя Тень (drop shadow) и Внешнее свечение (outer glow). Поиграйте с настройками, пока вы не получите реалистичный вид.
Также к слою с монетой, добавьте корректирующий слой Цветовой тон / Насыщенность (hue/saturation) в качестве обтравочной маски, таким образом, корректирующий слой будет воздействовать только на слой с монеткой. Уменьшите насыщенность монетки до -20, чтобы лучше совместить с окружающей сценой.
Дважды продублируйте слой с золотой монетой, расположив дубликаты слоёв, как показано на скриншоте ниже:
Шаг 6
Пришло время добавить настоящую пиратскую атрибутику!
Используйте технику, которую вы применяли, когда рисовали подтёки крови на карте, на этот раз, выберите маленькую кисть брызги крови, чтобы нарисовать крестик ‘X’ на карте. Нарисуйте крестик на подходящем месте на карте.
Теперь, на секунду сделайте паузу и громко воскликните “Это то самое место. ”
Итак, сейчас мы приступим к созданию пиратской атмосферы, поэтому, пришло время использовать изображение золотого кинжала.
Создайте выделение вокруг изображения кинжала, а затем переместите выделенное изображение кинжала на наш рабочий документ, расположив, как показано на скриншоте ниже:
Вы уже знаете этот приём – добавьте эффект Тени (drop shadow) и Свечения (outer glow), чтобы создать ощущение, что кинжал лежит на карте:
Так как пираты - это команда головорезов, не похожих на нас дизайнеров, то вам нужно добавить пятна крови на лезвие кинжала.
Используйте новый слой для пятен крови на кинжале в качестве обтравочной маски к слою с кинжалом.
Уменьшите непрозрачность слоя до 75% для получения красивого эффекта:
Шаг 7
Откройте изображение ‘Компас’.
Создайте выделение вокруг изображения компаса, а затем переместите выделенное изображение компаса на наш рабочий документ, расположив, как показано на скриншоте ниже:
Добавьте эффект Тени (drop shadow) и Свечения (outer glow), но на этот раз эффект должен быть более насыщенным, чем на других элементах композиции, т.к. компас более крупный предмет, соответственно и будет создавать более интенсивный эффект тени:
Теперь нам нужно придать компасу золотистый цвет для соответствия со всей композицией.
Примените корректирующие слои Цветовой тон / Насыщенность (hue/saturation) и Цветовой Баланс (color balance) к слою с компасом в качестве обтравочных масок:
Примечание переводчика:
Настройки для корректирующего слоя Цветовой тон / Насыщенность (hue/saturation):
Цветовой тон (hue) 0
Насыщенность (hue/saturation) +35
Яркость (Lightness) 0
Настройки для корректирующего слоя Цветовой Баланс (color balance):
Тени (Shadows):
Красный (Red) - 6
Зелёный (Green) 0
Синий (Blue) -5
Поставьте галочку в окошке Сохранить свечение (Preserve Luminosity)
Средние тона (Midtones):
Красный (Red) +16
Зелёный (Green) -4
Синий (Blue) -15
Поставьте галочку в окошке Сохранить свечение (Preserve Luminosity)
Света (Highlights):
Красный (Red) +5
Зелёный (Green) 0
Синий (Blue) -9
Поставьте галочку в окошке Сохранить свечение (Preserve Luminosity)
У нас получился красивый золотой компас, результат на скриншоте ниже.
В действительности я скрыл эффект корректирующих слоёв на золотом кольце компаса (крепление для цепочки), т.к. оригинальный цвет был уже подходящим.
Примечание переводчика: перейдите на слой-маску корректирующих слоёв, и с помощью жёсткой чёрной кисти, скройте эффект корректирующих слоёв на изображении кольца-крепления для цепочки.
Шаг 8
Наш компас выглядит гармонично, однако всё ещё нужно добавить небольшую деталь для создания креативного совмещения!
Часто мелкие детали могут по-настоящему создать шедевр.
Нам нужно создать ощущение, как будто пират смотрит на карту. Учитывая, что некоторые предметы имеют свойство отражения, поэтому, нам нужно, чтобы изображение пирата отображалось на поверхности этих предметов. Это едва уловимый эффект, но он работает замечательно!
Вначале откройте изображение пирата.
Обесцветьте изображение пирата, а затем переместите выделенное изображение пирата на наш рабочий документ. Расположите изображение пирата поверх слоя с компасом + а также поверх корректирующих слоёв, которые мы применили к слою с компасом и не забудьте преобразовать слой с изображением пирата в обтравочную маску, чтобы изображение подошло под размеры компаса:
Далее, уменьшите непрозрачность слоя с пиратом до 20%, а также поменяйте режим наложения для данного слоя на Перекрытие (overlay). Реалистичное едва уловимое отражение добавляет насыщенность на стеклянную поверхность компаса!
Шаг 9
Повторите технику с добавлением отражения пирата, применяя её к кинжалу и золотым монетам.
Даже, если отражение и не заметно, то данное отражение делает поверхность предметов менее идеальным, создавая чувство общей связующей композиции:
Шаг 10
Пришло время поработать над эффектами освещения, что должно помочь нам объединить все элементы композиции.
Создайте новый слой, назовите этот слой ‘осветление / затемнение’. Я собираюсь показать вам один полезный приём по осветлению и затемнению изображений безопасным способом!
Идём Редактирование – Выполнить заливку (edit>fill) и заливаем наш рабочий документ 50% серым (50% gray). Далее, поменяйте режим наложения на Перекрытие (overlay). Данный режим скроет серую заливку 50%, но позволит применить эффект осветления / затемнения.
Используя инструмент осветление / затемнение, мы акцентируем света и тени на нашей композиции, а также объединяем все элементы композиции вместе
На скриншоте ниже слой ‘осветление / затемнение’ при режиме наложения Нормальный (normal):
Результат обработки при режиме наложения Перекрытие (overlay):
Шаг 11
Чтобы дополнительно добавить эффекты освещения к нашей сцене, создайте новый слой, назовите этот слой ‘виньетка’.
С помощью мягкой чёрной кисти, прокрасьте по краям и углам нашей композиции, обращая взгляд наблюдателя в центр сцены.
Вы также можете применить красивый эффект Блики (lens flare), отражающийся от стеклянной поверхности компаса:
Шаг 12
В заключение, мы добавим несколько корректирующих слоёв для проведения заключительной цветовой коррекции (настройки указаны ниже):
Настройки для корректирующего слоя Карта Градиента (Gradient Map):
Тип градиента Чёрно-белый по умолчанию
Режим наложения для данного корректирующего слоя Умножение (Multiply)
Непрозрачность слоя (Opacity): 15%
Настройки для корректирующего слоя Карта Градиента (Gradient Map):
Тип градиента Фиолетово-оранжевый по умолчанию
Режим наложения для данного корректирующего слоя: Цветность (color)
Непрозрачность слоя (Opacity): 8%
Настройки для корректирующего слоя Чёрно-белый (Black+White):
Тип градиента чёрно-белый по умолчанию (настройки по умолчанию)
Режим наложения для данного корректирующего слоя: Линейный свет (linear light)
Непрозрачность слоя (Opacity): 9%
Настройки для корректирующего слоя Фото фильтр (Photo Filter):
Фильтр (Warming Filter 81)
Режим наложения для данного корректирующего слоя: Нормальный (normal)
Непрозрачность слоя (Opacity): 50%
И МЫ ЗАВЕРШИЛИ УРОК.
Вы можете увидеть итоговый результат на скриншоте ниже. Надеюсь, вам понравился данный урок.
В этом уроке мы будем создавать интересный коллаж, в котором карты начнут меняться от легкого дуновения.
Сложность урока: Средний
В этом уроке я покажу вам как была сделана работа занявшая второе место на конкурсе сайта Р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
Я поделился основными этапами и секретами по созданию своей конкурсной работы. Как дополнить работу для ее завершения вам подскажет ваша смекалка и логика :-).
Я получил большое удовольствие при выполнении данного задания, надеюсь, и вам понравился мой урок.
Вы когда-нибудь хотели себя почувствовать картографом? Нет больше невозможного! С помощью этого урока вы сможете быстро создать уникальную редактируемую карту. Начиная с нуля, вы создадите старинную карту, подходящей для охотника за сокровищами! Итак, давайте приступим. Arghhhh!
Шаг 1
Откройте программу Photoshop, а затем создайте новый документ. Нажмите клавишу (D), чтобы выставить цвета переднего и заднего плана по умолчанию, далее, идём Фильтр – Рендеринг – Облака (Filter > Render > Clouds).
Шаг 2
Далее, примените постеризацию к изображению, идём Изображение- Коррекция - Постеризация (Image > Adjustments > Posterize), установите Уровень (level) на 2. Поздравляю! Вы только что создали свой фрагмент суши за 2 простых шага. Также, я переименовал этот слой в "landmass" для аккуратности.
Шаг 3
Далее, с помощью инструмента Волшебная палочка (Magic Wand Tool (W), щёлкните по белой области, чтобы выделить её, а затем удалите её. Не забудьте убрать галочку в окошке смежные пиксели (Contiguous) в настройках инструмента, а также установите Допуск (Tolerance) на 0, чтобы выделить все участки с белым тоном.
Шаг 4
Шаг 5
Шаг 6
Шаг 7
Шаг 8
Шаг 9
Далее, примените искажение к полоскам, чтобы создать эффект лучей света, для этого идём Изображение – Трансформация – Искажение (Image > Transform > Distort). Чтобы исказить полоски, переместите угловые «узелки» в нечто близкое к треугольнику (область трансформации должна по-прежнему иметь 4 точки). Затем поверните полоски, направив их в сторону угла. Не забудьте совместить полоски, для этого, с помощью большого мягкого круглого Ластика (Eraser (E), создайте затенение на кончиках полосок, чтобы создать эффект рассеивания света.
Шаг 10
Теперь, чтобы совместить полоски с нашей сценой, поменяйте режим наложения на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до, примерно 5%.
Шаг 11
Создайте новый слой поверх слоя с лучами света, а затем ещё раз примените фильтр Облака (cloud). На этот раз, вместо чёрно-белого цвета, используйте тёмно-коричневые и свело-коричневые цвета.
Шаг 12
Далее, поменяйте режим наложения для слоя, который вы только что создали на Осветление основы (Color Dodge), а также уменьшите Непрозрачность (Opacity) слоя до 42%, чтобы добавить текстуры и света.
Шаг 13
Теперь мы создадим сетку. Вначале сверните свой рабочий документ с картой, а затем создайте новый документ. В настройках нового документа, установите задний фон Прозрачный (Transparent) в строке Содержимое (Contents). Для данного урока я использовал большие размеры сетки, поэтому, я установил следующие размеры данного документа 100x100 px, но вы можете использовать любые размеры на своё усмотрение. Теперь с помощью инструмента Карандаш (Pencil Tool (N), толщина линии 1px, нарисуйте линию горизонтальную линию внизу и вертикальную линю справа. Далее, выделите весь холст (Ctrl+A), чтобы превратить линии в узор, для этого идём Редактирование – Определить узор (Edit > Define Pattern).
Шаг 14
Теперь, когда вы создали узор сетки, нарисуйте эффект сетки на новом слое. Для этого, выберите инструмент Заливка (Paint Bucket Tool (K), в настройках данного инструмента установите заливку Узором (Pattern), а не цветом переднего плана. Далее, в появившемся окне, выберите узор, который вы только что создали. После этого, чтобы сетка выглядела более утончённо, уменьшите Непрозрачность (opacity) слоя с сеткой до 10%.
Шаг 15
Далее, мы можем затемнить углы карты, чтобы добавить чувство старины. Для этого, создайте новый слой и с помощью большой круглой чёрной кисти, равномерно прокрасьте углы. Не забудьте, что прокрашивать необходимо только углы, противоположные к направлению лучам света. Далее, уменьшите Непрозрачность (opacity) нового слоя до, примерно 80%, чтобы сделать эффект более нежным. Вы можете остановиться здесь и получить карту в этом виде. Или вы можете выполнить следующий шаг, чтобы усилить эффект.
Шаг 16
Данный шаг является выборочным. Объедините все слои (Ctrl+Shift+E), а затем примените фильтр Зерно (Grain Filter), для этого идём Фильтр – Текстура- Зерно (Filter > Texture > Grain). Установите тип зерна на Пятна (Speckle). Вы можете установить значение Интенсивности (intensity) и Контрастности (contract) зерна на своё усмотрение. В данном случае, я использовал значение 35 для интенсивности и 68 для контрастности. Поздравляю! Вы только что создали свою первую карту с нуля.
Шаг 17
Результаты урока могут варьироваться, а вы можете настроить его в соответствии с вашими потребностями или предпочтениями. Надеюсь, что этот урок был полезным для вас. Желаю удачи и приятно провести время за выполнением этого урока.
В данном видео Вы узнаете как можно создать mockup из готового 3d объекта в программе Photoshop, а также как редактировать текстуру данного файла.
Графический и Веб-дизайн
648 постов 11.8K подписчиков
Правила сообщества
Публиковать свои посты / обзоры, и я до сих пор удивлен почему этого никто еще не делает. Практически любой более-менее вменяемый пост можно запилить, и я уверен, что его лампово примут.
Вставить свои 5 копеек. Если будет своя альтернативная точка зрения или совет по какой-то теме, то это приветствуется.
2. Размещать ссылки рекламного характера;
3. Перегибать палку;
Если оступился:
в случае нарушений, доступ в группу будет закрыт, а пользователь занесен в бан-лист;
Кратко содержание- видео на 7 минут, первые 15 сек рассказывается про предыдущее видео, на 60 секунде звучат слова "Всё, нам больше ничего не надо". Хотя по сути все действия в течении минуты можно вместить в 10 сек- открыть изображение-> новая сетка слоя-> набор сетки-> газированная вода
Ещё момент- если хочешь выйти на более-менее приемлемый уровень то работать нужно в англоязычной версии, но если ты делаешь для одноклассников и родственников то сойдёт
Метавселенная моего района
С тех пор как я переехала на самый верхний этаж, мне открылись прекрасные виды на район. За время карантина у меня скопилось много фоток красивого неба, радуги, бури и снега.
Но иногда я беру фотки и фантазирую. Пока в моей вселенной 4 эпизода. Жители района пишут, что я наверно принимаю какие-то вещества 😁, но зачем они мне?
Фишкой всегда вставляю мелкие детали - людей.
Вчера сделала легенду, как из окна выпали семена рассады и потом выросли овощи небывалого размера.
В общем как-то так 😁 . Фото мои, коллажи тоже, район Бутово парк 2
Помогу бесплатно
Здравствуйте, я начинающий веб-дизайнер.
В свободное время помогу с веб-дизайном, заодно набью руку. Также работаю с мобильными приложениями. Портфолио ещё не оформила, но небольшой опыт есть. Кроме того, могу сделать визитки, баннеры, оформление стаканов для кофе и т.д. Пишите ТЗ в тг @NanaSpellman. Владею на пороговом среднем уровне Иллюстратором, Фотошопом, Корелом (правда, сейчас его надо переустановить), Фигмой, Тильдой, могу сверстать книгу или брошюрку в Индизайн.
Ещё английский С1 и китайский ~HSK4, обращайтесь, если нужна несложная помощь.
Где-то в параллельной вселенной
Я тут подумал, что может происходить в параллельной вселенной абсурда)
Что если клиенты в других профессиях общались бы такими же фразами, как в дизайне.
Making of the "Last chance»
Меня зовут Борислав, я концепт художник и в данный момент обучаюсь на курсах Element Edition у Марка Колобаева.
В этом небольшом “making of” хочу описать процесс создания своей последней работы - “Last chance”.
Для тех, кому удобнее будет посмотреть видео:
Бриф: команда космонавтов потерпела крушение на неизвестной планете, и они нашли там “нечто”.
Первым же делом я пошел на Pinterest в поисках идеи, на основе которой можно создать интересный сюжет, т. к. считаю, что история – это самое важное в рисунке.
После перебора разных вариантов, быстрых набросков карандашом и сбора референсов, я остановился на следующем сюжете: космонавты нашли ракету/шаттл, на котором могли покинуть неизвестную планету и вернуться домой. Такая идея создает некий драматизм, поэтому я решил остановиться на ней.
Когда определился с идеей и фокусным объектом, сразу же приступил к более глубокому ресерчу темы, а затем и к дизайну.Мне хотелось создать что-то вроде многоразовой ракеты, при этом брать за основу просто готовые от SpaceX я смысла не видел, потому что их образ был бы тяжело читаемым для обычного зрителя, который не разбирается в ракетной технике. Поэтому я решил отталкиваться от ранних концептов шаттла и советского “Бурана” – среди них полно очень запоминающихся идей, а также они намного более читаемые.
В процессе работы я предпочитаю дать некоторое время наброскам и идеям “полежать”, чтобы позже вернуться к ним с чуть более свежим взглядом. Так что, я отложил скетчи в сторону, а сам приступил к поиску композиции и света.
Здесь я остановился на последнем варианте, т. к. он показался мне логичнее – ракета с большей вероятностью сохранилась бы в ангаре, а также было несколько композиционных преимуществ - ритмы, “выход” из работы и большое количество перспективных сокращений, что дополнительно углубит работу.
Позже я понял, что некоторые вещи в выбранном мной варианте не работают – слишком узкое и тесное пространство, которое не дает создать больше интереса вокруг фокусного объекта, иначе все просто сливается в кашу. Поэтому я оставляю больше места перед камерой и вокруг ракеты, чтобы добавить различные башни, мосты и прочее, что будет в еще большей степени привлекать внимание.
На этом моменте сцену я собирал уже в 3D, а не только из фотографий. Один из супербыстрых и грубых оверов:
Когда есть первый грубый дизайн и более или менее готова композиция, я определяюсь с цветом, светом и тоном. Некоторые наброски, которые я сделал в процессе:
Выбрал первый вариант, т. к. мне понравилась палитра и атмосфера леса/джунглей и чего-то подобного. Референсы использовал по большей части из кино, чтобы не ошибиться с тоном в дальнейшем:
После всех пройденных шагов, я делаю финальный скетч, в котором стараюсь определить все проблемы, которые могут возникнуть в работе. Так он выглядел:
Здесь быстро стало понятно, что есть очень большие проблемы с масштабом, деталями на дальнем плане (ритмы работают, но сильно отвлекают), светом и персонажами (слишком некомфортно читаются). Я делаю выводы, быстро редактирую сцену и дизайн.
На этом этапе я возвращаюсь к дизайну, чтобы внести финальные исправления. Нужно было полностью переделать шаттл, скорректировать пропорции и набашить больше деталей для интереса. Вот, что получилось в итоге:
Теперь остается только самое простое – реализация. Я сделал два финала – дополнительно попытался представить, как это место могло выглядеть до того, как было заброшено.
В этих концептах над многими вещами можно было бы поработать получше, в особенности над дизайном, но это опыт и нужно двигаться дальше.
Большое спасибо за прочтение, буду рад ответить на любые вопросы, а также любой критике и советам!
Читайте также: