Как сделать переливающийся фон в фотошопе
Глиттеры - это анимационные текстуры для создания переливающихся текстов и изображений в формате GIF.
Загружается глиттер в Фотошоп как обычный GIF или видеофайл.
В Adobe Photoshop CS2 и ниже видео и GIF-анимацию загружать в Image Ready,где она автоматически разбивается на слои и кадры.
Если установлен Photoshop CS3 и выше, то надо сперва инсталлировать на компьютер Quick Time Player (бесплатная программа, валяется в интернетах повсеместно), после чего открыть Photoshop, вкладка Файл --> Импортировать --> Кадры видео в слои (Files --> Import --> Video frames to layers), откроется окно, и выбрать нужную папку.
Одно "но", Фотошоп в таких случаях просто так не видит Gif-анимашку.
Для того чтобы увидел необходимо после открытия нужной вам папки поставить в графе название файла звёздочку (*) и нажать кнопку "Загрузить" или клавишу Enter и у вас станут видны в папке все гифки.
Ну ладно, это всё лирика, приступим к рисованию. Возьмём фото:
И попробуем эти красные труселя разнообразить.
В труселедизайне я использовал этот глиттер:
Берём инструмент Перо (Pen , клавиша Р) и выделяем контур труселей.
Замыкаем (при подведении курсора к началу линии контура у курсора появляется кружочек). Рисуем второй конур в верхнем участке труселей, там, где они висят на верёвочке. Кликаем правой клавишей мыши по контуру. Особая точность выделения для днной радачи не нужна. В открывшемся контекстном меню выбираем "Образовать выделенную область". Открывается еще одно окно, выбираем радиус растушёвки 1 пкс.
Жмём Ctrl+J три раза. Получилось три клона выделенного участка фотки, а именно - труселей.
Открываем палитру слоёв и переименовываем фоновую фотку в "Фон" , а три новых слоя в "Т1", "Т2" и "Т3".
Открываем палитру слоёв, активируем первый слой.
Кликаем по вкладке Редактирование-->Определить узор.В открывшемся окне придумываем имя узору, напр. G1.
То же проделываем со слоями 2 и 3 ,дав им имена G2 и G3.
Возвращаемся к изображению с труселями.
Переходим на палитру слоёв, активируем первый слой с выделенными труселями "Т1" и кликаем на кнопку "Стиль слоя".
Выбираем строку "Наложение узора". Выбираем первый узор, режим наложение "Жёсткое смешение".
Слою Т2 и Т3 придаём узоры G2 и G3 соответственно с таким же режимом наложения.
Выключаем видимость слоёв Т2 и Т3,оставляем видимость слоёв Фон и Т1.
Открываем палитру анимации.
Первый кадр сгенерировался автоматически.
Создаём второй фрейм на палитре анимации, убираем видимость у слоя Т1 и включаем Т2.
Создаём третий фрейм анимации, убираем видимость у слоя Т2 и включаем Т3.
Ставим цикл анимации на "Непрерывно" (кнопка в левом нижнем углу палитры анимации).
Запускаем.
Привет, с вами Креативный Кот. Я веду свой творческий профиль в инстаграме , создаю необычные образы, делаю косплей, рассказываю о косметике, пишу о вещах, которые меня вдохновляют.
Пожалуй, стоит вам признаться: я не могу контролировать свою злость, когда кто-то недооценивает фотошоп. А в последнее время к этой программе слишком часто стали относиться снисходительно: ой, нафотошопила, так любой сможет, а ты попробуй без фотошопа себя выложи.
Люди используют возможности фотошопа на минимум: увеличивают себе губы, уменьшают талию, добавляют насыщенность, накладывают готовые пресеты. А чаще всего это вообще делается не в фотошопе, а в бесплатных приложениях на телефоне. Что ещё хуже.
Для многих становится настоящим открытием то, что в фотошопе можно рисовать. Чем и занимаются профессиональные диджитал-художники. А вот ретушёры могут применять эту фишку в своих целях.
На самом деле возможности фотошопа практически безграничны, если уметь им пользоваться. Я изучаю графические программы давно, и всё равно уверена, что знаю их максимум на 20 процентов. Если постигнуть фотошоп на все сто, то можно из любой фотографии сделать настоящее волшебство. Даже если исходник не так хорош, как хотелось бы.
Сегодня хочу показать вам трёхчасовую обработку фотографии на примере своей новой работы. Что можно сделать с фотографией, если исходник не устраивает? Если под рукой не было ни света, ни отражателя? Если погодные условия не позволяли сделать сразу хорошо? А можно сделать очень даже красиво. Буду делиться своими лайфхаками, так что много полезностей обещаю :)
Свет и тень
Получается, что фотографироваться можно было только спиной к солнцу. И тут есть два варианта:
- сделать кожу нормальной, а фон очень светлым;
- сделать фон нормальным, а кожу потемнее.
Первый вариант не подходит, потому что с большой вероятностью вы получите пересветы, которые уже никак не убрать в фотошопе. Пересвет — это на сто процентов брак. В пересвете могут быть лишь какие-то мелкие блики, как у меня на пальце или на макушке.
Всем привет! Сегодня я хочу рассказать вам о том, как пользоваться инструментами для создания градиентов в Фотошопе.
Градиенты и цветовые переходы часто используются в современном графическом дизайне – этот тренд ворвался в визуальную среду еще в 2018 и все еще не теряет своей актуальности. Дизайнеры используют градиенты для оформления фонов, иконок, типографики и многого другого, а еще с его помощью можно имитировать 3D!
Что самое главное для новичков в Photoshop – сделать градиент очень просто. Давайте разберем процесс на примерах.
Как создать свой градиент в Фотошопе
- Откройте инструмент «Градиент». Он находится на панели инструментов в левой части экрана Adobe Photoshop. Если он не отображается сразу – просто кликните правой кнопкой мыши по «Заливке» и выберите его в выпадающем меню.
- В верхней части экрана появится изображение градиента. Кликните по нему.
- Открылось окно редактора градиентов. Щелкните по контрольной точке, а затем на окошко «Цвет».
- Теперь задайте цвет. Я хочу сделать переход от сиреневого к темно-фиолетовому. Выбираю для этой точки наиболее светлый оттенок и нажимаю ОК.
- Таким же образом настройте второй цвет. Если вы хотите добавить больше оттенков в градиент, создайте новую контрольную точку. Чтобы это сделать, щелкните на область прямо под линией градиента.
- Сохраните свой новый градиент, нажав на кнопку «Новый». Теперь он всегда будет лежать в списке градиентов в этом окне.
Как сделать фон градиентом
- Чтобы залить фон градиентом, выберите инструмент «Градиент».
- Затем кликните мышью в той части экрана, откуда будет начинаться заливка.
- Проведите мышью по экрану.
Например, чтобы сделать переход цвета, как показано ниже, щелкните и проведите мышью сверху вниз.
А чтобы сделать такой переход, я кликнула и провела мышкой по диагонали справа налево. Попробуйте! Это работает во все стороны.
Как залить объект градиентом
Если делать заливку объектов градиентом в Фотошопе, можно добиться классного эффекта 3D, который в этом году самый трендовый. Я хочу показать вам, как сделать вот такую картинку:
Какой получается объем! На этом примере вы поймете все основные принципы использования градиента на объектах в Photoshop. Смотрите пошаговую инструкцию:
Первый этап пройден. Это главное, что вам нужно знать о заливке объектов градиентом. Но если вы хотите повторить мою картинку, смотрите дальше.
Давайте добавим немного «натуральности», чтобы шарик выглядел объемнее.
Теперь я хочу скопировать и изменить размер объекта. Для копирования щелкните по объекту с инструментом «Перемещение» (V на клавиатуре) и с зажатой клавишей Ctrl сдвиньте его в сторону. Объект оказался на новом слое.
Чтобы он масштабировался с эффектами, нажмите правой кнопкой мыши по слою, а затем на «Преобразовать в смарт-объект».
Таким образом я несколько раз копирую и размещаю шарик в разных местах. Далее с помощью инструмента «Перо кривизны» (P) я нарисую еще один объект.
Нужно сделать заливку этого объекта с такими же настройками, как у шаров. Для этого я нажимаю правой кнопкой мыши по слою с первым шаром (который не смарт-объект) и копирую стиль слоя. Эта функция позволяет скопировать все настройки, которые мы делаем в окне стилей слоя.
Теперь нужно щелкнуть правой кнопкой мыши по слою с новой фигурой и вклеить стиль слоя.
Смотрите, теперь новый объект, нарисованный пером, выглядит так же. Эта функция работает для всех новых объектов, которые вы создадите.
То же самое я делаю для еще одной фигуры. Но здесь я подумала, что неплохо было бы добавить внутреннее свечение, чтобы создавалась иллюзия, как свет «обволакивает» ее. Дважды кликаю по слою с новой фигурой, чтобы вызвать окно стилей, и добавляю свечение.
Можете скопировать еще несколько шаров и добавить фильтр «Размытие по Гауссу», чтобы казалось, что они плавают где-то вдалеке. То же самое и для объекта на переднем плане – так будет выглядеть правдивее. Вот вам и имитация 3D в Фотошопе.
Как наложить градиент на текст
Наложить градиент на текст очень просто: мы будем пользоваться тем же окном стилей слоя. Давайте напишем какой-нибудь текст. Я просто возьму слово «Gradient», написанное жирным шрифтом черного цвета. Итак:
Как наложить градиент на фото в Adobe Photoshop
Если наложить градиент на фотографию, можно добиться впечатляющего визуального эффекта. В этом году один из трендов в дизайне – монохром и двухцветность. Научитесь в несколько кликов создавать стильные изображения!
Где взять идеи для градиентов: лучшие сервисы
Создать красивый градиент самостоятельно не всегда легко. А бывает, что просто нет времени для раздумий. Для этого и придумали сервисы, где можно подсмотреть идеи градиентов. Я подобрала для вас 3 лучших.
Coolors
На этом сайте можно просматривать как готовые наборы градиентов, так и создавать собственные. У цветов имеются номера, так что их с легкостью можно перенести в любой редактор.
Перейти на ресурс можно по ссылке.
Uigradients
Здесь вы можете посмотреть самые невероятные варианты сочетаний. Хорош сервис тем, что градиенты можно посмотреть в полноэкранном формате. И еще есть маленькая фишка: каждый градиент имеет уникальное название, поэтому выглядит это очень атмосферно. Как вам градиент под именем Moonlit Asteroid?
Изучите остальные варианты здесь.
CoolHue
Небольшая, но очень милая коллекция готовых градиентов. Любой из них можно загрузить в виде PNG-изображения.
Заключение
Создать градиент в Фотошопе не такое уж трудное дело, правда? Оставаясь в тренде, градиенты намертво закрепились в дизайне на ближайшие годы, поэтому знать, как их использовать, будет полезно для начинающего специалиста.
Надеюсь, что вы научились создавать и применять градиенты для ваших проектов, изучив этот материал. Удачи!
Всем привет! Сегодня я хочу рассказать вам о том, как делать цветокоррекцию в Фотошопе. Все инструменты, которые я покажу, будет несложно освоить даже начинающему. А еще в качестве бонуса я расскажу, как отредактировать фото так, чтобы оно выглядело словно кадр из фильма.
Что такое цветокоррекция?
Цветокоррекция применяется и для творческих экспериментов. С помощью изменения оттенков можно придать фотографии определенную атмосферу – все зависит только от вашей концепции.
Итак, давайте посмотрим, какие инструменты нам предлагает великий и ужасный Adobe Photoshop.
Цветокоррекция с кривыми (Curves)
Свет и тень
С помощью инструмента «Кривые» в Фотошопе можно изменить тона и цвета изображения. Чтобы начать работу, нажмите на значок создания нового корректирующего слоя, а затем щелкните на «Кривые».
В левой нижней части кривых находятся тени. Посередине – средние тона. А правая верхняя часть демонстрирует светлые участки. Теперь попробуйте сделать фото более контрастным: просто щелкайте по линии и перетаскивайте точку.
Используем пипетки
Чтобы немного автоматизировать работу, попробуйте использовать пипетки.
- Выберите верхнюю пипетку. Она отвечает за точку черного – то есть за тень. Щелкните по самому темному участку фотографии. На фотографии с котом этот участок находится под лапами.
- Теперь выберите нижнюю и щелкните по самому светлому участку. Здесь это небо.
Наверное, вы заметили, что рядом с нашей кривой появились новые линии. Так отображаются каналы – RGB (красный, зеленый и синий). О них читайте в следующем пункте.
Каналы
Щелкните по стрелочке возле строки RGB. Вы увидите все три канала по отдельности.
Например, выбрав красный канал и поднимая кривую вверх, можно задать картинке красный оттенок.
А вот если опустить в правую нижнюю часть – все окрасится в голубой.
Таким образом, уменьшая влияние какого-либо из каналов, вы можете изменять оттенок фотографии.
Автоматическая цветокоррекция
На самом деле, если у вас нет цели точно откорректировать цвета по своей задумке, можно просто нажать на волшебную кнопку «Авто». Фотошоп самостоятельно сделает настройку теней и светлых участков. Очень удобно!
Помимо кнопки «Авто», можно воспользоваться готовыми настройками. Вот так можно в один клик поднять контрастность фотографии.
Используем уровни (Levels)
Здесь мы видим гистограмму уровней. Этот инструмент позволяет менять уровни интенсивности света, средних тонов и теней.
Проще говоря, слева находятся тени, а справа – свет. Двигая точки, можно настроить интенсивность того и другого, выбрать правильное соотношение. Если переместить ползунок правее, тени становятся глубже.
Как и в «Кривых», здесь можно менять соотношение каналов. Для примера я выбрала синий канал и немного сдвинула его в сторону желтого.
Цветовой баланс (Color Balance)
Работая в Фотошопе с этим инструментом, вы можете легко изменять баланс оттенков фотографии.
Таким образом можно корректировать цвет фотографии в нескольких тонах одновременно. Попробуйте подвигать ползунки, и вы обязательно найдете свой оттенок. Мне больше понравились такие настройки:
Цветовой тон и насыщенность (Hue/Saturation)
С помощью этого инструмента можно изменять как все цвета, так и выбранный оттенок. Например, если вам придет в голову окрасить море в красный, нужно просто выбрать диапазон голубого или синего цвета и сместить цветовой тон к красному. Сейчас покажу подробно.
Помимо цветокоррекции выборочных оттенков, можно менять цвета всего изображения. Чтобы сделать море зеленовато-лазурным, я выбрала «Все» оттенки и сдвинула ползунок ближе к зеленому.
Коррекция цвета с помощью фильтров
Конечно же, в Фотошопе есть множество фотофильтров. И все можно настраивать самостоятельно!
Откройте фотографию для цветокоррекции. В верхнем меню пройдите по пути «Изображение» – «Коррекция» – «Фотофильтр».
Здесь можно подобрать готовые цветные фильтры или просто щелкнуть по окошку «Цвет» и выбрать собственный.
Выбирайте абсолютно любой цвет из палитры.
Чтобы добиться наиболее сильного фильтра, выкручивайте «Плотность» на все сто. А для добавления легкого оттенка достаточно примерно 30-40% плотности.
Сочность и насыщенность (Vibrance)
«Нужно больше сочности!» – кричите вы, увидев блеклую картинку. Не проблема – в Фотошопе предусмотрена возможность добавления насыщенности фотографии за пару секунд. Нужно всего лишь.
- Добавьте слой «Сочность».
- Что получается, если выкрутить тумблер «Сочности» на 100%:
- С этим инструментом тоже можно поиграть и добиться разнообразных эффектов. Попробуйте покрутить ползунки сочности и насыщенности, чтобы найти идеальный баланс.
Постарайтесь не переусердствовать – слишком большая насыщенность может испортить впечатление. Если, конечно, у вас не было изначальной идеи вывернуть все цвета по максимуму :)
Цветокоррекция с картой градиента (Gradient Map)
Цветокоррекцию можно выполнить инструментом «Карта градиента». Подробный материал о градиентах в Фотошопе я как раз делала недавно. Итак, как же сделать цветокоррекцию с их помощью?
Вовсе не обязательно ставить «Мягкий свет». Вы можете смело экспериментировать с режимами наложения. Например, такой результат вышел при использовании режима «Цветовой тон».
Бонус: цветокоррекция как в кино
Наверное, многим хотя бы раз в жизни хотелось сделать цветокоррекцию фото так, чтобы оно выглядело как кадр из любимого фильма. Есть множество способов воплотить это, а я покажу вам самый простой. Что нужно сделать:
- Подготовьте кадр из фильма и откройте его в Фотошопе. Я выбрала знаменитую сцену из «Матрицы».
- В другом окне я открыла фотографию, которую буду превращать в кадр. Не забудьте растрировать слой (щелкните правой кнопкой мыши по слою и выберите нужный пункт).
- Перейдите по вкладкам меню «Изображение» – «Коррекция» – «Подобрать цвет» (Match color).
- В пункте «Источник» выберите ваш кадр. Он обязательно должен быть открыт в другом окне.
- Покрутите параметры изображения, чтобы сделать наиболее похожий эффект.
- Уточните оттенки, используя настройки кривых или уровней, как я показывала выше. Я чуть-чуть добавила контраста, чтобы темные участки были еще темнее. Добиваться совершенства можно целую вечность, а меня этот результат вполне устроил. Таким же способом можно брать за основу не только кадры из кино, а любые фото, которые вам нравятся.
Только посмотрите, кот в кино вместе с Нео!
Заключение
Да, инструментов для цветокоррекции в Фотошопе очень и очень много. Несмотря на то, что я лишь бегло рассказала о большинстве из них, вы уже можете менять цвета любых фотографий. Если у вас возникли какие-то вопросы, не стесняйтесь задавать их в комментариях. Удачи!
Читайте также: