Как сделать блестки в фотошопе

Создаём блестящую, переливающуюся поверхность в Фотошопе

Глиттеры – это анимационные текстуры для создания переливающихся текстов и изображений в формате 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”.

Теперь будем разбираться с глиттером. Загружаем глиттер в Фотошоп как описано выше. Скачать набор можно в материале Набор глиттеров для Фотошоп, в наборе находится 118 различных глиттеров.

Открываем палитру слоёв, активируем первый слой.

Кликаем по вкладке Редактирование–>Определить узор.В открывшемся окне придумываем имя узору, напр. G1.
То же проделываем со слоями 2 и 3 ,дав им имена G2 и G3.

Возвращаемся к изображению с труселями.
Переходим на палитру слоёв, активируем первый слой с выделенными труселями “Т1” и кликаем на кнопку “Стиль слоя”.

Выбираем строку “Наложение узора”. Выбираем первый узор, режим наложение “Жёсткое смешение”.

Слою Т2 и Т3 придаём узоры G2 и G3 соответственно с таким же режимом наложения.
Выключаем видимость слоёв Т2 и Т3,оставляем видимость слоёв Фон и Т1.
Открываем палитру анимации.
Первый кадр сгенерировался автоматически.
Создаём второй фрейм на палитре анимации, убираем видимость у слоя Т1 и включаем Т2.
Создаём третий фрейм анимации, убираем видимость у слоя Т2 и включаем Т3.
Ставим цикл анимации на “Непрерывно” (кнопка в левом нижнем углу палитры анимации).
Запускаем.

Блёстки для Фотошопа

Автор: Олег Лодянов (kinoLOG). Дата публикации: 27 февраля 2017 . Категория: Фотошоп уроки эффекты.

Блёстки для Фотошопа

На нашем сайте Photoshopsunduchok уже был урок по созданию глиттеров (блёсток) в программе Фотошоп (см. “Создаём глиттеры для фотошопа”).

Но в этом уроке мы с Вами рассмотрим, как использовать готовые глиттеры, коих можно скачать в великом множестве на просторах интернета, и с их помощью создать красивые блёстки для Фотошопа.

Давайте вспомним что такое глиттеры.

Глиттеры – это анимационные блестящие картинки с различными узорами. Делают их небольшого размера и, обычно, с тремя слоями, но бывает и больше слоёв.

Узором глиттера заливают и фон, и маленькие области.

В интернете можно найти большое количество красивых глиттеров, сохранить себе на компьютер и пользоваться при создании коллажей и открыток.

Наберите в поисковике “глитеры для фотошопа” и сохраните понравившиеся глиттера себе в папку. Мы возьмём для работы такой:

И вот наш финальный результат:

В предверии Дня всех влюблённых, Вы сможете использовать полученные навыки для того, чтобы сделать красивую открытку близкому человеку.

Начнём с того, что создадим новый документ (Ctrl + N) размерами 1600х900 пикс.

Загрузим в Фотошоп наше Сердце ( можете взять в приложении в конце урока или найти подобное на просторах интернета).

Для удобства работы и просмотра добавим фон – выделим слой «Слой 1» (или “Фон”) и зальём его линейным градиентом (инструмент «Градиент (G)» с параметрами : цвет левого маркера #280000, правого – #510707, линейный, непрерывный или похожим, на Ваш вкус.

Выделим наше сердечко, щёлкнув по иконке слоя «Сердце» с нажатой клавишей Ctrl. Выделение пока снимать не будем, оно нам понадобится.

Скопируем трижды слой «Сердце» – три раза нажимаем комбинацию клавиш Ctrl + J.

Заготовку для нашей работы мы приготовили, теперь займёмся подготовкой глиттеров.

Скачаем понравившийся файл, желательно на чёрном фоне, как на скриншоте в самом начале. Откроем его в программе Photoshop командой «Открыть как….». Файл состоит из трёх слоёв.

Выделяем «Слой 1» и переходим в «Меню > Редактирование > Определить узор».

Даём имя этому узору «glitter-1».

Но не забываем, что нам нужны будут все три узора с этого глиттера. Поэтому также поступаем с оставшимися двумя слоями, даём им имя «glitter-2, -3».

Закрываем этот документ с глиттерами, он нам больше не нужен.

Переходим обратно к документу «Сердце». Два нижних слоя (“Сердце” и “Фон”) можно объединить в один – выделяем эти два слоя, кликнув по ним с зажатой клавишей Ctrl, затем нажимаем комбинацию клавиш «Ctrl+ E». Либо, выделив слои, клик Правой кнопкой мыши и выбираем «Объединить слои». Объединённый слой назовём «Фон»

Выключаем видимость двух верхних слоёв (нажимаем ЛКМ на значок Глаза) и выбираем слой «Слой-2», нажимаем на значок «fx» внизу Панели слоёв или щёлкаем дважды по строке слоя – открывается окно «Стили слоя», где выбираем «Наложение узора». Из коллекции узоров выбираем загруженный нами «glitter 1» (они будут в конце списка). Режим выставляем «Экран» или «Замена светлым».

Масштаб подбираем, глядя на рисунок – как Вам захочется – побольше или поменьше блёстков. Я установил масштаб 200 %.

Повторяем эти же действия с остальными двумя слоями, с тем отличием, что для слоя «Слой 2 копия» в качестве узора выбираем «glitter 2», а для слоя «Слой 3 копия» соответственно «glitter 3».

Заходим в «Меню > Окно > Шкала времени» (в старых версиях фотошопа > Анимация). У нас внизу рабочего поля откроется Панель «Шкала времени». Нажимаем на кнопку в центре Шкалы «Создать анимацию кадра» и, нажав на верхний правый значок на Шкале времени, выбираем «Создать кадры из слоёв»

Выделяем все кадры (с зажатой клавишей Shift щёлкаем по первому кадру и , не отпуская Shift, по четвёртому) и в палитре слоёв сначала выключаем , а затем включаем видимость самого нижнего слоя «Фон» (значок Глаза на слое). Во все наши кадры добавится фон.

Слоёв с блёстками у нас три, а кадров – четыре. Поэтому первый кадр удаляем – с нажатой клавишей Ctrl перетаскиваем его на значок Корзины.

Ещё раз выделяем все кадры и устанавливаем время для всех кадров 0,1 или 0,2 сек., нажав на соответствующую галочку со временем на иконке кадра. В нижней части Шкалы выбираем режим просмотра «Постоянно» и нажимаем на значок Пуск.

Если Вас всё устраивает, то сохраняем наш результат.

Переходим в «Меню > Файл > Экспортировать > Сохранить для WEB».

Выбираем формат .GIF

Устанавливаем необходимый Вам размер – в зависимости от того, где Вы собираетесь использовать ГИФку. Если на WEB-ресурсе, то большинство сайтов и сервисов ограничивают размеры картинок не более 600 пикс. по ширине и не более 70-80 кБ. Размер файла увидете в левом нижнем углу под изображением и проверяем результат, нажав на кнопку Пуск

Вот наш финальный результат.

На этом наш урок закончен. Мы с Вами рассмотрели, как, используя готовые глиттеры, создать красивые блёстки для Фотошопа.

Удачи Вам в творчестве.

Автор – Олег Лодянов (kinoLOG)

Скачать урок в формате PDF и исходник к нему:

Чтобы получить интересные уроки на свой адрес,

Создаём в Фотошоп текст похожий на гель с блёстками

Фильтры Adobe Photoshop могут быть использованы для создания множества удивительных текстур. Этот урок покажет вам, как создать блестящую текстуру, а затем мы воспользуемся ей и, при помощи пары стилей слоя, создадим удивительный эффект для текста, похожий на клей с блестками.

1. Создание Блестящей Текстуры

Шаг 1

Начните с создания нового документа размером 500 на 500 пикселей и установите параметр Resolution (Разрешение) на 200. Установите основной цвет на #939393, цвет фона – #ffffff, затем заполните фон документа основным цветом.

Шаг 2

Нажмите Filter > Filter Gallery > Artistic > Film Grain (Фильтр > Галерея фильтров > Имитация > Зернистость фотопленки). Измените параметр Grin (Зерно) на 20, Highlightarea (Область светов) на 20 и Intensity (Интенсивность) на 10.

Шаг 3

Это добавит шум фону.

Шаг 4

Нажмите Filter > Filter Gallery > Sketch > Halftone Pattern (Фильтр > Галерея фильтров > Эскиз > Полутоновой узор). Измените Size (Размер) на 1, Контраст (Contrast) на 10 и Pattern Type (Тип узора) на Dot (Точка).

Шаг 5

Это создаст первый слой блестящей текстуры.

Шаг 6

Продублируйте фоновый слой и измените режим наложения копии на Linear Burn (Линейный затемнитель).

Шаг 7

Нажмите Edit > Transform > Rotate 90° CW (Редактирование > Трансформирование > Повернуть на 90° по ч.с.). Это поможет добавить разнообразия текстуре.

2. Выберите цвет Текстуры и Определите Узор

Шаг 1

Нажмите на иконку Create new fill or adjustment layer (создание нового слоя-заливки или корректирующего слоя) внизу панели слоев и выберите Solid Color (Цвет).

Шаг 2

На этом этапе вы можете выбрать цвет блестящей текстуры. Мы использовали цвет # b70000.

Шаг 3

Измените режим наложения слоя с цветом на Overlay (Перекрытие). Вы можете изменить цвет в любой момент, дважды кликнув по миниатюре корректирующего слоя и выбрав новый.

Шаг 4

Нажмите на иконку создания нового слоя-заливки или корректирующего слоя внизу панели слоев и выберите Levels (Уровни).

Шаг 5

Измените значение параметра Shadows (Тени) на 90, Highlights (Свет) на 240. Это добавит контраста нашей текстуре.

Шаг 6

Вы можете использовать разные значения в зависимости от того, какой цвет и насыщенность вам необходимы. Когда вы закончите, выберите фоновый слой, затем нажмите Edit > Define Patter n (Редактирование > Определить узор) и назовите его Glitter Texture (Блестящая текстура).

3. Создайте Фон Основного Документа

Шаг 1

Создайте новый документ размером 850 на 800 пикселей, Resolution (Разрешение) установите на 200.

Шаг 2

Дважды щелкните по продублированному фоновому слою, чтобы применить стиль Pattern Overlay (наложение узора):

• Blend Mode (Режим наложения) – Multiply (Умножение)
• Pattern (Узор) – Самодельная бумага

Шаг 3

Это добавит легкую текстуру к фону.

4. Создайте Текст и Добавьте Капли

Шаг 1

Создайте текст, используя шрифт Bessie . Размер шрифта – 75 pt, цвет – #dd121a, и параметр Tracking (Трекинг) установлен на 10. Если вы хотите разделить текст на несколько строк, измените параметр Leading (Интерлиньяж) на 70 pt.

Шаг 2

Продублируйте слой с текстом, и сделайте его невидимым, кликнув по иконке с глазом рядом с миниатюрой слоя. Выберите копию, а затем нажмите Layer > Rasterize > Type (Слои > Растрировать > Текст).

Шаг 3

Шаг 4

Как только вы закончите, продублируйте слой и измените значение параметра Fill (Заливка) на 0.

5. Стилизуйте Первый Слой-Копию

Шаг 1

Дважды кликните по первому слою-копии, чтобы применить следующий стиль слоя InnerGlow (Внутреннее свечение):

• Blend mode (Режим наложения): Vivid Light (Яркий свет)
• Color (Цвет) # 811414
• Source (Источник): Center (Из центра)
• Size (Размер): 13

Шаг 2

PatternOverlay (Наложение узора):

• Pattern (Узор): воспользуйтесь блестящей текстурой, которую вы создали
• Scale (Масштаб): 50%

Шаг 3

Это создаст текстуру блеска на тексте.

6. Стилизуйте Второй Слой-Копию

Дважды кликните по второму слою-копии, чтобы применить следующий стиль слоя Beveland Emboss (Тиснение):

Шаг 1

• Depth (Глубина): 500
• Size (Размер): 13
• Снимите флажок с пункта UseGlobalLight (Глобальное освещение)
• Angle (Угол): 82
• Altitude (Высота): 60
• Поставьте флажок в графе Anti-aliased (Сглаживание)
• Highlight mode (Режим подсветки) : Linear light (Линейный свет)
• Shadow Mode (Режим тени) – Opacity (Непрозрачность) 0%

Шаг 2

Стиль слоя Inner Glow (Внутреннее свечение):

Шаг 3

Это создаст первый «клеевой» слой.

7. Создайте и Проработайте Край

Шаг 1

Зажмите Ctrl/Cmd и кликните по любой из миниатюр стилизованных слоев, чтобы создать выделение.

Шаг 2

Нажмите Select > Modify > Expand (Выделение > Модификация > Расширить), и введите число 3.

Шаг 3

Создайте новый слой поверх всех остальных и назовите его Rim (Край). Затем залейте выделенную область основным цветом ( # dd121a).

Шаг 4

Дважды кликните по слою Rim (Край) и примените следующий стиль слоя Bevel andEmboss (Тиснение):

• Depth (Глубина): 500
• Size (Размер): 13
• Снимите флажок с пункта UseGlobalLight (Глобальное освещение)
• Angle (Угол): 180
• Altitude (Высота): 74
• Поставьте флажок в графе Anti-aliased (Сглаживание)
• Highlight mode (Режим подсветки) : Hard Light (Жесткий Свет)
• Shadow Mode (Режим тени) – Opacity (Непрозрачность) 0%

Шаг 5

• Contour (Контур): Half Round (Полукруглый)
• Поставьте флажок в графе Anti-aliased (Сглаживание)

Шаг 6

Стиль слоя Inner Shadow (Внутренняя тень):

Шаг 7

Измените процент заливки уровня Rim (Край) на 0%. Это добавит еще один слой «клеевой» стилизации, а также легкий внешний край.

Поздравляю! Работа сделана.

В этом уроке мы использовали несколько фильтров и корректирующих слоев для создания простой и красивой текстуры блесток, которую мы определили, как узор.

Затем, был создан и позднее растрирован текст, добавлено несколько точек, дабы сделать картинку более интересной. Мы применили несколько стилей слоя, чтобы добавить текстуру блесток и создать первый «клеевой» слой.

Далее, текст был выделен, выделенная область была расширена и заполнена, чтобы создать край клея. В качестве последних штрихов мы применили еще несколько стилей слоя.

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

Источники:

http://rugraphics.ru/photoshop/risuem-glitterami

http://www.photoshopsunduchok.ru/effecty/3649-bljostki-dlya-fotoshopa

http://zen.yandex.ru/media/id/5ba9ebc78f43c900aac86cde/5cd798024d1bbc00afe3475f