Driping Gold Background Design Photoshop Tutorial
Хотите сохранить этот урок на потом или поделиться им с другом? Закрепите это изображение!Узнайте, как создавать абстрактные фоны для типографики, веб-дизайна и базовой текстуры графического дизайна, с помощью обучающих видеороликов по дизайну PrettyWebz. В этом видео вы узнаете, как сделать этот простой дизайн фона классической золотой текстурой.
Этот дизайн с капающим золотым фоном подходит для многих разные стили. Капающее золото — классический стиль для обоев телефона, экрана заставки и экраны блокировки. Вы также можете использовать этот стиль для веб-дизайна, социальных медиаграфика и печатная графика.
Чему вы научитесь в этом уроке
В этом уроке мы рассмотрим три вещи:
1. Я покажу вам, где найти наилучшие размеры для создания фона, экранных заставок и блокировки. экраны для различных цифровых устройств на случай, если вы захотите сделать себе или на продажу золотой фон для телефонов и обои с каплями золота.
2. Затем я покажу вам, как создать абстрактный золотой фон.
3. Наконец, я покажу вам, как сделать этот дизайн эффектным. с корректирующими слоями, нацеленными на контраст, тени, блики и все вещи, которые делают золото и металлики такими роскошными и великолепными!
ИЗУЧЕНИЕ ИНСТРУМЕНТОВ ДИЗАЙНА ОДИН ШАГ ЗА РАЗ
Изучите и освойте самые разочаровывающие аспекты непреодолимой силы. таких программ, как Photoshop и Illustrator, в веселой и занимательной форме с помощью Учебники по дизайну PrettyWebz.
Учебные проекты, подобные тем, которые мы публикуем здесь, в блоге,
призван помочь вам понять использование самых мощных аспектов программного обеспечения для проектирования
один шаг за раз. В процессе вы создадите свои дизайнерские активы, чтобы
Вы можете создать потрясающий маркетинговый дизайн для своего бизнеса. Итак, не забывайте
чтобы зарегистрироваться ниже в нижнем колонтитуле, чтобы стать частью семьи Prettywebz и
никогда не пропустите еще один учебник.
ДРУГИЕ ОБУЧЕНИЯ В ЭТА СЕРИЯ
В видеоролике прошлой недели я показал вам, как создать дымчатый абстрактный фон и наложение фотографий с помощью фильтра пламени. Это отличный фотоэффект для акцентирования движения и потрясающий фон для типографики и фотографий.
В уроке на следующей неделе я покажу вам, как сделать бенгальский огонь. наложения для улучшения вашей фотографии. Сделайте ваши фотографии более эффектными и эмоциональными с красивыми накладками, которые улучшат настроение, которого вы хотите достичь.
РЕСУРСЫ, ИСПОЛЬЗУЕМЫЕ В ЭТОМ РУКОВОДСТВЕ:
Вам не нужны никакие внешние ресурсы, чтобы сделать этот капающий золотой фон, это все Photoshop!
Другие посты, которые могут вам понравиться
- Абстрактный фон и наложения фотографий
- Учебное пособие по сахарному черепу
- Прозрачные наложения
Также присоединяйтесь ко мне на YouTube, чтобы проверить
списки воспроизведения, которые я настроил для Photoshop, PowerPoint и других программ, которые вы можете
использовать для разработки вашей онлайн-графики.
Начало стенограммы
Сегодня я Я покажу вам, как сделать этот капающий золотой металлический фон. Сначала я проведет вас через то, где вы можете найти все точные размеры, которые вы необходимо создавать обои и экраны блокировки для устройств Android и Apple.
От здесь мы собираемся перейти прямо к учебнику, а затем, наконец, я собираюсь чтобы показать вам все корректирующие слои, которые мы используем для создания чего-то, что выглядит так, как вы смотрите на экране справа [Глубина и контраст для подробнее].
Это отличный абстрактный фон, который подойдет почти ко всему. Типографика, фотографии, веб-сайты для всего, что вам нужно. так что давайте продолжим и начнем.
Обои и экраны блокировки Proper Dimension’s
Понятно
это очень похоже на фоны iPhone и подобные вещи, поэтому я хотел
дать вам небольшой совет, как вы могли бы сохранить их в правильном
размеры для фона телефона и тому подобное.
я иду
подойти к файл , затем новый . Иногда эта область прямо здесь [на самом верху
диалоговое окно нового документа] немного упускается из виду. Так что мы можем прийти
здесь на
Заходите сюда [нажмите «увидеть больше»], и вы увидите все эти разные размеры. У вас есть дисплеи для Android, iPad, Retina… Так что, если вы заинтересованы в чем-то подобном [использовать в качестве] фона для телефона или обоев и тому подобного, обязательно ознакомьтесь с этим.
Примеры фоновых узоров с капающим золотом
Прежде чем мы начнем, я хочу показать вам несколько разных узоров, которые я сделал для этого золотого фона с каплями. Я делал этот проект несколько раз, прежде чем решил снять по нему видео. [Я решил, что] на самом деле нет никакого способа сохранить единый вид.
Я хотел чтобы показать вам, что я сделал и где я начал и над чем я работал, поэтому я отключу все эти [другие слои в документе] и просто покажу вам то, с чего я начал здесь в начале. Это некоторые из более ранних и затем я начал собирать кое-что из этого здесь.
На самом деле, я покажу вам технику, а затем вы сможете приступить к работе и довести до совершенства желаемый вид. Каждый раз, когда вы будете это делать, все будет по-другому. Это [дизайн] будет выглядеть по-другому, он всегда гарантированно будет нестандартным.
Создание золотого фона
Я просто хотел показать вам это быстро, прежде чем мы начнем. Сейчас я работаю здесь в документ размером 1000 на 1500 пикселей. Я собираюсь пойти дальше и просто добавить новый слой к тому, что у нас здесь происходит.
Здесь я работал с некоторыми корректирующими слоями. Я сделал это [демонстрация стека настроек], здесь он выглядит более мрачно и мрачно.
Я собираюсь использовать что-то вроде того, что у меня есть здесь, для металликов глубокого цвета.
Так или иначе, давайте приступим. Я собираюсь добавить здесь новый слой и отключить их. На самом деле, я собираюсь поместить этот [новый слой] прямо под этими двумя [группами] настроек корректирующего слоя. Я покажу вам настройки, которые у меня здесь есть, чуть позже. Я просто хочу сначала рассказать, как создать что-то подобное, а затем покажу вам все различные настройки, которые я использовал.
Базовый дизайн с золотым фоном
Итак,
первое, что вы хотите сделать, это убедиться, что у вас есть передний план
цвета фона по умолчанию черный и белый.
Если вы этого не сделаете, вы можете просто нажать
на этом маленьком значке, и это сделает это за вас.
От
там мы подойдем к фильтру затем рендерим и облака . Отсюда мы перейдем к фильтру , затем к галерее фильтров .
Внутри галереи фильтров мы собираемся перейти к папке
Настройки хрома для этого будут, детализация равна нулю и гладкость мы собираемся довести до десять . Нажмите «ОК». У вас должно получиться что-то похожее на это [демонстрация на экране].
Создание эффекта жидкости
Когда вы дойдете до этого момента, вы можете вернуться к фильтру и затем сжижению. Внутри панели пластики я немного уменьшу масштаб, чтобы увидеть все изображение. Вы используете документ такого же размера, что и я, 1000 на 150.
Это настройки, которые я использую для своей кисти. у меня есть 9Размер кисти 0059 при плотности 609 в 0 давление 100 и I отключили края булавки для этого. Я просто зайду сюда [размягчить холст] и немного все разгладлю. Я продолжу и перемотаю это вперед, но вы все равно сможете увидеть процесс, через который я прохожу.
Теперь для этого я работаю с этим инструментом прямо здесь инструментом деформации вперед , но у меня есть некоторые области, которые здесь немного перестарались. Я хочу войти с этим раздуйте инструмент и просто поработайте над этим. Хорошо, как только я получу их более или менее, у меня все еще будет много областей, над которыми я переработался, но это нормально, я просто собираюсь продолжить обучение. Это даст вам представление о том, что я сделал.
Как только я закончу все это, я могу просто вернуться и еще немного сгладить его [продолжая работать над сглаживанием дизайна на холсте Liquify] Я думаю, что оставлю все как есть.
Это дизайн для этого [демонстрация готового базового золотого фона].
Детальная работа с Adjustment Layers
Brightness and Contrast
Когда я включу все те фильтры, которые я создал для этого, вы увидите, как капает золото. Я собираюсь провести вас через процесс создания всех этих фильтров. Самый первый, который мы собираемся добавить, это слой яркости и контрастности . Я оставлю свою яркость равной нулю и увеличу контрастность до 84 . Так что это будет довольно высококонтрастный 83, это нормально. Идите вперед и оставьте это [настройки] там. Это [Яркость и контрастность] просто для того, чтобы разобраться в деталях, а также в светлых и темных участках.
Curves Adjustments
Вернитесь к слоям, и я собираюсь добавить еще один корректирующий слой. На этот раз мы будем работать с кривыми. Здесь то, что я хочу сделать, это просто немного поднять яркие [белые] и уменьшить темные [черные].
Вы собираетесь
иметь здесь что-то вроде «s» кривой.
Опять мы просто пытаемся играть на
светлая и темная часть хромированной области здесь. Мы хотим, чтобы это выглядело как блестящий металл,
жидкий металл. Так что мы просто работаем над светом и тенью.
Настройки вибрации
Итак, мы Вернитесь к нашим слоям, и я собираюсь добавить еще один корректирующий слой. Этот время мы будем работать с вибрацией. Что касается вибрации, я собираюсь пойти дальше и уйти только насыщенность. На самом деле, вы знаете, что поднимет насыщенность примерно до 23 , это нормально. Что ж поднимите нашу вибрацию , доведите ее до 48.
Итак, мы получить что-то, что больше похоже на Chrome и меньше на шелковистую текстуру или некоторым нравится это. Хотя вы можете немного изменить их и создать приятная шелковистая текстура. Нам нужен жидкий металл или золото.
Настройка оттенка и насыщенности
Итак, ладно
мы собираемся добавить еще один корректирующий слой. Это слой цветового тона и насыщенности.
Это будет последняя корректировка, которую мы собираемся сделать. Пытались
чтобы сделать золото, поэтому мы собираемся снизить этот [оттенок].
Кроме того, очень важно убедиться, что colorize установлен на , чтобы мы действительно могли видеть цвет, потому что это хромированная блестящая текстура. Мы собираемся довести этот [оттенок] примерно до 34. Я думаю, что немного подниму насыщенность. Мы привезем наши насыщенность до 58 , и мы также добавим наш яркость всего лишь прикосновением. Примерно до девять или десять , это для светлого желтого золота.
Конечно, если вы хотите более темный золотой фон, вы можете отрегулировать здесь насыщенность и яркость.
Продукты премиум-класса, которые могут вам понравиться
Создайте золотую статую из фотографии в Photoshop
Подпишитесь на YouTube:
В этом видео вы узнаете простой пошаговый процесс создания золотая статуэтка из фото в фотошопе!
Процесс прост: все, что вам нужно, это фотография с большим контрастом и команда «Применить изображение» в Photoshop.
Затем вы можете использовать фильтр Camera Raw, чтобы сгладить изображение и получить еще лучшие результаты!
Содержание
- Учебное изображение
- Удаление фона с помощью быстрых действий
- Уточнение слоя-маски
- Сглаживание деталей с помощью фильтра Camera Raw
- Используйте команду «Применить изображение», чтобы создать эффект Chrome
- Добавить сплошной фоновой цвет
- Раскрашивайте регулировку насыщения HUE
- Fine-Tune с камерой RAW
Учебное изображение
- PRUNNE нажав Ctrl J (Windows) или Command J (macOS) , чтобы сохранить его копию, поскольку этот процесс будет разрушительным, то есть мы не сможем вернуться к оригиналу, как только начнем применять эффекты, фильтры и корректировки.
Переименуйте дубликат слоя в «Chrome».
Отключить исходный фоновый слой , чтобы вы могли сосредоточиться на работе со слоем Chrome .
Затем выберите Окно > Свойства , чтобы убедиться, что панель свойств находится в рабочей области.
В разделе Быстрые действия нажмите кнопку Удалить фон , чтобы разрешить Adobe Sensei , Искусственный интеллект (ИИ), проанализируйте изображение, чтобы определить главный объект. Затем он выбирает его, применяет маску слоя и мгновенно удаляет фон.
Уточните маску слоя
Полученная маска слоя не всегда идеальна. Увеличивая область рук объекта, вы все еще можете видеть остальные части фона. Однако вы можете легко удалить это, используя инструмент Brush и установив black(#000000) в качестве цвета переднего плана .
Выберите Миниатюра маски слоя и начните рисовать на промежутках между пальцами модели, чтобы скрыть эти области с помощью существующей маски слоя.
Сглаживание деталей с помощью фильтра Camera Raw
Выберите миниатюру слоя и выберите «Изображение» > «Коррекция» > «Обесцветить» .
Обесцвечивая изображение, он удаляет цвет с изображения и оставляет его в оттенках серого.При увеличении можно увидеть множество мелких деталей, таких как волосы на теле и сетчатый узор на рубашке, которые могут испортить хромированный вид, к которому вы стремитесь.
Выберите Фильтр > Фильтр Camera Raw.
На вкладке Basic уменьшите текстуру, переместив ползунок вниз, чтобы сгладить текстуры изображения.
Щелкните значок Toggle , чтобы увидеть исходные настройки и то, как выглядит изображение после применения настроек.
Затем перейдите на вкладку Detail и увеличьте ползунок Luminance до максимума, чтобы придать ему гладкий вид масляной живописи.
Параметр Luminance Detail управляет шумовым порогом и полезен для шумных фотографий. Уменьшите значение, сдвинув его влево, чтобы еще больше сгладить его и удалить детали.
Уменьшите параметр Luminance Contrast до минимума, чтобы получить более плавные результаты.
Используйте команду «Применить изображение», чтобы создать эффект Chrome.
Выберите «Изображение» > «Применить изображение».
В окне Применить изображение установите для слоя значение 9.0059 Merged , а также установить Channel как RGB.
Установите режим Blending как Difference , чтобы превратить ваш объект в черный силуэт.
Затем установите флажок для Инвертировать , чтобы создать эффект хромирования на объекте.
Нажмите OK , чтобы применить изменения.
Теперь, чтобы еще больше усилить эффект, повторите процесс еще раз.
Выберите Изображение > Применить изображение.
В окне Применить изображение Photoshop запоминает последнюю настройку, поэтому все, что вам нужно сделать сейчас, это нажать OK , чтобы применить изменения.
Если есть область изображения, которая нуждается в дальнейшем улучшении, используйте инструмент Lasso , чтобы выбрать следующую область, и вы можете повторить процесс, но на этот раз он будет применяться только к выделенной области.
Затем нажмите OK , чтобы применить изменения.
Добавить сплошной цвет фона
Чтобы изображение было лучше видно, создайте сплошной слой-заливку.
Перейдите в нижнюю часть панели Layers и щелкните значок New Adjustment Layer и выберите Solid Color .
В окне Color Picker выберите темно-серый цвет и нажмите OK , чтобы закрыть окно.
Раскрасьте корректировку насыщенности оттенка
Выберите слой Chrome .
Нажмите на Новый корректирующий слой и выберите Оттенок/Насыщенность.
На панели свойств щелкните значок Clip Layer Mask , чтобы прикрепить корректирующий слой к слою Chrome под ним.
При этом любые корректировки, примененные к слою, повлияют только на слой Chrome и ни на что другое.Установите флажок для Colorize , чтобы применить цвет к слою Hue/Saturation .
С помощью ползунка Hue можно переместить указатель в желто-оранжевую область, чтобы установить цвет, подобный золоту.
Увеличьте ползунок Saturation , чтобы усилить эффект насыщенного золота.
Тонкая настройка с помощью Camera Raw
Чтобы еще больше сгладить изображение, выберите слой Chrome и выберите Фильтр > Фильтр Camera Raw.
Увеличьте изображение, чтобы рассмотреть эффекты поближе.
На вкладке Basic уменьшите ползунок Texture .
На вкладке Detail увеличьте Luminance для увеличения шумоподавления и удаления оставшихся деталей волос на теле, волос на лице и сетчатого узора рубашки.
