Как сделать точки в фотошопе
Эффект точек в фотошопе
Эффект точек в фотошопе
В этом простом уроке по работе с фотошопом мы научимся делать красивый эффект точек в фотошопе. Этот урок мне нравится тем, что в нём можно выставлять произвольные паарметры фильтров и получать оригнальный и красивые эффекты.
Выберем инструмент » Овальная область » ( М ) и создадим произвольное выделение.
Установим произвольный радиус размытия, я поставил около 40 пикселей. Попробуйте и другие радиусы, и Вы можете получить интересные эффекты.
Поставим довольно значительный радиус. Опять же здесь можно выставлять разные параметры и получать совершенно разные результаты.
На данном этапе получился вот такой результат.
В окне фильтра я поставил радиус 15 пикселов, а другие параметры оставил по умолчанию. Попробуйте их изменить, и Вы получите уже совершенно другие результаты.
Вот такой симпатичный эффект мы получили на данном этапе. Осталось его раскрасить.
Переходим в палитру » Слои » и создаём новый слой, для чего щёлкаем по второй справа иконке.
В появившемся окне выберем ранее созданный канал » Альфа 1 «.
Получим вот таткой красивый эффект точек в фотошопе.
А вот что может получиться, если вместо заливки цветом применить подходящий градиент.
Хотите не пропустить интересные уроки, полезные видеокурсы, другие классные приёмы работы в фотошопе и узнавать все новости в мире фотошопа ПЕРВЫМ?
Введите свои данные в форму ниже.
Скачать урок (424 Кб) в формате PDF можно здесь.
Если у Вас есть желание опубликовать на страницах сайта Ваш результат выполнения урока, то вышлите мне на адрес Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в вашем браузере должен быть включен Javascript. Вашу работу и название урока, который Вы использовали при создании своей работы и он обязательно будет опубликован на странице сайта с описанием урока.
ЭФФЕКТ РАССЕЯННЫХ ТОЧЕК В ADOBE PHOTOSHOP
Этот приём является достаточно простым в плане реализации как для опытных пользователей Adobe Photoshop, так и для любознательных и трудолюбивых новичков 😉 и позволяет создавать элегантные дизайнерские элементы. В работе используются только стандартные фильтры Adobe Photoshop.
Итак, запускаем Adobe Photoshop. Создаём файл 350×350 пикс. (Содержимое фона: Прозрачный).
В нашем примере используем для работы инструмент Текст. Ограничимся одной буковкой «S» 🙂 (кегль: 375 пикс. шрифт: Algerian). Растрируем текст – Палитра «Слои», правой кнопкой мыши на слое с текстом: Растрировать текст (рис.1). Выделяем область (букву): Выделение, Цветовой диапазон…. Переходим к Палитре «Каналы» и создаём новый канал, по умолчанию Альфа 1 (рис. 2). При желании канал можно переименовать 😉
Заполняем выделение белым цветом – меню: Редактирование; Выполнить заливку… Это будет основа для нашего примера. Снимаем выделение – меню: Выделение; Отменить выделение. Размываем слой – меню: Фильтр; Размытие; Размытие по Гауссу… Радиус: 5,5 пикс. (рис. 3). Обратите внимание на то, что чем большее значение радиуса размытия Вы будете использовать, тем более рассеянными будут Ваши точки.
Идём дальше 🙂 меню: Фильтр; Оформление; Цветные полутона… В данном примере использованы установки по умолчанию но, Вы можете позволить себе смелый эксперимент 😉 побаловаться с настройками, чтобы получить другие результаты (например, изменить радиус). Итак, мы получили рассеянные точки – канал с рассеянными точками Альфа 1 (рис. 4) Если некоторые маленькие точки вокруг изображения Вас смущают :-), то Вы можете их удалить.
Переключаемся на канал RGB. Возвращаемся на Палитру «Слои». Приступаем к разукрашиванию 🙂 Создаём новый слой и заливаем его резедово-зелёным: #587246. Загружаем выделение – меню Выделение; Загрузить выделенную область… Выбираем Канал: Альфа 1. Заливаем зелёным чаем 😉 цвет: #d0f0c0 – меню: Редактирование; Выполнить заливку… Снимаем выделение и Вуаля! (рис. 5) Как Вам результат?
Завершаем работу: включаем свои творческие способности на полную мощность – стили слоя, прозрачность слоя… – балуемся в своё удовольствие 😉 (рис. 6)
В этом примере я поменяла слои местами (на верхнем слое оказалась буковка «S«). С этим слоем пофантазировала, используя различные оттенки зелёного цвета 🙂 Непрозрачность слоя 70%. Стиль слоя:
Тень – стандартные настройки, цвет: миртовый #21421e;
Внутренняя тень – стандартные настройки, цвет: зелёный мох #2f4538;
Наложение цвета – цвет: зелёный чай #d0f0c0;
Тиснение – Внешний скос, Глубина: 100%, Контур глянца: Глубокая выемка.
Эффект рассеянных точек в Adobe Photoshop
Буковка «S«, залитая зелёным чаем :-), похожая на экзотическую ящерку с рисунком из рассеянных точек на спинке, приглашает читателей заглянуть на зелёную страничку «Путешествие по зелёному цвету».
Делаем рамку из точек, чёрточек, пунктирных линий в Photoshop
В этом материале, как понятно из заголовка, мы рассмотрим способы рисования пунктирных, штриховых и точечных рамок.
Давайте определимся сразу: все рамки мы будем рисовать на новом слое!
Забегая вперёд, скажу, что описанный ниже способ относится к версиям Photoshop CS5 и ниже. В Photoshop CS6 существует свой способ создания пунктирных и точечных рамок, обводок и линий.
Создание рамок из точек
Напоминаю, что кисть или карандаш должны быть уже настроены. После выбора инструмента кликаем ОК, и на контуре появятся точки. Точки, сделанные кистью, получаются несколько смазанными, поэтому после нанесения точек не помешает применить фильтр контурной резкости (Sharpen Edges), настройки подобрать индивидуально.
Вот пример рисунка, полученного с помощью вышеописанных телодвижений:
Ну, с рамками из точек вроде бы разобрались.
Создание рамок из пунктирных линий
Прямоугольные рамки, т.е. состоящие из вертикальных и горизонтальных линий, не вызывают никаких проблем.
Их рисовать можно с помощью прямоугольной кисти из дефолтного набора Фотошопа. Откройте панель управления кистями и загрузите их, как показано на рисунке:
Далее задаём кисти настройки примерно такие, как задавали выше круглой кисти. Затем немного вытягиваем форму отпечатка, на рисунке это показано:
Такой кистью можно провести горизонтальную линию. Но вертикальную уже не получится, вернее, получится, но некрасиво:
Для создания вертикальной прерывистой линии нужно повернуть отпечаток кисти на 90 или 270 градусов:
Теперь можно смело дорисовать и вертикальную прерывистую линию:
Но если мне нужен пунктир по кругу или по любой кривой, то этот способ уже не подходит. Если спросить у мирового разума, то он, разум, посоветует не заниматься ерундой с пунктиром в Photoshop, а воспользоваться Adobe Illustrator, создать в нём слой с нужной линией, и перенести в Фотошоп. Я Illustrator не использую, и мне нужно создать круговой пунктир именно в Фотошопе. Оказалось, способ есть, и довольно простой. Мне потребовалось десять минут на его изобретение.
Выбираем круглую кисть, задаём диаметр отпечатка 9 пикселей, интервал 170%. Создаём контур, выполняем обводку контура, как в случае с точками.
Далее кликаем правой клавишей мыши по контуру, выбираем пункт «Образовать выделенную область» (Make Selection) с радиусом растушёвки 0. Вот увеличенный фрагмент рисунка:
Теперь надо инвертировать выделенную область нажатием комбинации клавиш Ctrl+Shift+I. Убираем лишнее, нажав клавишу Delete.
У меня получился симпатичный такой пунктирный круг:
Кое-где остались, конечно, небольшие артефакты, но исправить их можно за несколько кликов резинкой.
Таким образом пунктир можно рисовать на любом контуре, например обвести фигуру человека на фотографии.
Преврати фотографию в образец цветных точек с фотошопом — рассматриваем суть
В этом уроке я покажу вам, как с помощью Photoshop превратить фотографию в узор из цветных точек! Как мы увидим, для создания эффекта цветных точек достаточно одного из фильтров Photoshop, маски слоя и простого точечного рисунка, который мы создадим с нуля. Как только начальный эффект будет сделан, мы еще больше улучшим форму, насыщенность и яркость цветовых точек. Может потребоваться немного проб и ошибок, чтобы сопоставить размер точек с вашим конкретным изображением, поэтому, чтобы сохранить эффект гибким и редактируемым, мы воспользуемся смарт-объектами и смарт-фильтрами Photoshop. Я буду использовать Photoshop CC, но это руководство полностью совместимо с Photoshop CS6.
Вот эффект «цветного точечного рисунка», который мы будем создавать:
Как превратить фотографию в шаблон с цветными точками
Шаг 1: Откройте ваше изображение
Откройте изображение, которое вы хотите превратить в цветные точки. Я буду использовать эту фотографию, которую я скачал с Adobe Stock:
Шаг 2. Преобразование фонового слоя в смарт-объект
Начните с преобразования фонового слоя в смарт-объект. Таким образом, фильтр, который мы будем использовать для создания цветного точечного рисунка, будет применен как редактируемый смарт-фильтр. Нажмите на значок меню в верхнем правом углу панели «Слои»:
Выберите Преобразовать в смарт-объект из меню:
Photoshop преобразует фоновый слой в смарт-объект и называет его «Слой 0»:
Дважды щелкните имя «Слой 0», чтобы выделить его, а затем переименуйте в «Фото». Нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять новое имя:
Шаг 3: Добавьте сплошной цвет заливки
Чтобы добавить цвет фона к эффекту цветных точек, мы будем использовать слой заливки «Сплошной цвет». Нажмите на значок « Новый заливочный или корректирующий слой» в нижней части панели «Слои»:
Выберите Сплошной цвет из списка:
В палитре цветов выберите черный и нажмите «ОК». Ваш документ будет временно заполнен черным цветом:
Шаг 4: Перетащите слой заливки под изображение
Теперь, когда слой заливки находится ниже слоя «Фото», ваше изображение снова будет видно в документе:
Шаг 5: примени фильтр мозаики
Перед тем, как создать точечный узор для эффекта, нам сначала нужно превратить наше изображение в цветные квадраты, и мы можем сделать это, используя фильтр Mosaic от Photoshop. Нажмите на слой «Фото», чтобы выбрать его:
Это открывает диалоговое окно Мозаика. Опция Размер ячейки внизу контролирует размер квадратов. Следите за своим изображением при перетаскивании ползунка, чтобы настроить значение. Чем больше значение, тем больше квадраты. Квадраты со временем станут нашими цветными точками, поэтому выберите значение, основанное на размере точек, которые вы хотите получить для своего эффекта. В моем случае я установлю значение 60, но опять-таки оно будет зависеть от вашего изображения. Какое бы значение вы ни выбрали, запомните его или запишите, потому что оно понадобится вам при создании точечного шаблона. Нажмите OK, когда вы закончите:
Вот эффект с применением фильтра «Мозаика», благодаря которому изображение выглядит очень пикселированным:
Поскольку мы применили фильтр «Мозаика» к смарт-объекту, он отображается как смарт-фильтр непосредственно под изображением на панели «Слои». Чтобы попробовать другое значение размера ячейки, дважды щелкните имя фильтра, чтобы снова открыть его диалоговое окно, внесите изменения и нажмите кнопку ОК.
Шаг 6: Создайте новый документ
Давайте создадим наш точечный узор. Для этого нам понадобится новый документ Photoshop. Перейдите в меню File и выберите New :
Новый квадратный документ открывается на экране. Документ довольно маленький, поэтому временно переключитесь на инструмент «Масштаб », нажав и удерживая клавиши Ctrl + пробел (Win) / Command + пробел (Mac) на клавиатуре, а затем несколько раз щелкните внутри документа, чтобы увеличить его:
Шаг 7: выберите инструмент Elliptical Marquee Tool
Выберите Elliptical Marquee Tool на панели инструментов. По умолчанию инструмент Elliptical Marquee Tool скрывается за инструментом Rectangular Marquee. Щелкните правой кнопкой мыши (Победа) / удерживая нажатой клавишу « Control» (Mac) на инструменте «Прямоугольная область», а затем выберите инструмент «Эллиптическая область» в раскрывающемся меню:
Шаг 8: Нарисуйте круговой выбор
Чтобы нарисовать точку, щелкните в верхнем левом углу документа и, удерживая нажатой кнопку мыши, перетащите по диагонали вниз в правый нижний угол. Чтобы сделать контур выделения идеальным кругом, нажмите и удерживайте клавишу Shift на клавиатуре при перетаскивании. Когда вы дойдете до правого нижнего угла, отпустите кнопку мыши, а затемотпустите клавишу Shift. Теперь у вас должен быть круговой выбор размером с сам документ:
Шаг 9: Заполните выделение черным
Нам нужно заполнить выделение черным. Поднимитесь в меню Edit и выберите Fill :
В диалоговом окне «Заливка» установите для параметра « Содержание» значение « Черный» и нажмите кнопку «ОК».
Фотошоп заполняет круг черным. Чтобы удалить контур выделения из круга, перейдите в меню « Выбор» и выберите « Отменить выделение» или нажмите клавиши Ctrl + D (Победа) / Command + D (Mac) на клавиатуре:
Шаг 10: инвертировать цвета
Это инвертирует цвета, делая круг белым и область, окружающую его черным:
Шаг 11: Определите точку как образец
Чтобы превратить точку в узор, перейдите в меню « Правка» и выберите « Определить узор» :
Дайте новому шаблону имя. Поскольку мой документ имеет размер 60×60 пикселей, я назову его «Круг 60×60 пикселей». В конечном итоге вы можете создать больше круговых рисунков, каждый из которых имеет разные размеры, поэтому рекомендуется добавить размер в название. Нажмите OK, чтобы закрыть диалоговое окно Pattern Name:
Шаг 12: Закройте документ
Шаг 13: Добавьте маску слоя
Вернувшись в основной документ изображения, убедитесь, что на панели «Слои» выбран слой «Фото», а затем щелкните значок « Маска слоя» внизу:
Слой маски миниатюрами на слое «Фото» появляется. Обратите внимание, что миниатюра имеет белую рамку выделения вокруг нее, сообщая нам, что в настоящее время выбрана маска, а не сам слой:
Шаг 14: Заполните маску точечным рисунком
Выберите точечный рисунок, который вы только что создали, нажав на его эскиз. Это должен быть последний эскиз в списке. Нажмите OK, чтобы закрыть диалоговое окно Fill:
Photoshop заполняет маску слоя точечным рисунком, создавая наш первоначальный эффект цветных точек:
Я увеличу изображение немного ближе к изображению, чтобы мы могли лучше видеть, что происходит. Каждая точка в эффекте заполнена одним цветом благодаря фильтру «Мозаика», который мы применили ранее, в то время как черная область, окружающая каждую точку, находится в слое заливки «Сплошной цвет», расположенном под изображением:
Пробовать точки разного размера (опционально)
Вернитесь к шагу 6, чтобы создать новый документ того же размера, что и новое значение размера ячейки, а затем повторите шаги 7–12, чтобы создать новый точечный шаблон с новым размером. Пропустите Шаг 13, потому что вы уже добавили маску слоя. Перейдите вправо к шагу 14, чтобы заполнить маску новым рисунком.
Шаг 15: Добавьте обводку вокруг точек
Первоначальный эффект цветных точек завершен, но есть еще несколько вещей, которые мы можем сделать, чтобы улучшить его. Во-первых, чтобы выделить формы точек, мы добавим обводку вокруг них. Когда маска слоя по-прежнему выбрана, щелкните значок « Стили слоев» (значок « fx» ) внизу панели «Слои»:
Выберите Stroke из списка:
Каждая точка теперь имеет тонкий черный штрих вокруг нее, делая круглые формы более очевидными:
Чтобы сравнить эффект с обводкой и без нее, чтобы увидеть, какая версия вам больше нравится, щелкните значок видимости (глазное яблоко) слева от эффекта обводки на панели «Слои», чтобы включить или отключить обводку.
Шаг 16: добавь корректирующий слой Vibrance
Чтобы выделить цвета в точках, мы будем использовать корректирующий слой Vibrance. Щелкните значок « Новый заливочный слой» или «Корректирующий слой» в нижней части панели «Слои»:
Выберите Vibrance из списка:
Цвета теперь выглядят богаче и ярче:
Шаг 17: Осветлите изображение с помощью корректирующего слоя Levels
Наконец, одна потенциальная проблема с эффектом цветных точек состоит в том, что он имеет тенденцию затемнять все изображение, но мы можем легко сделать его более ярким, используя корректирующий слой Levels и режим смешивания слоев. Нажмите еще раз на значок « Новый заливочный слой» или «Корректирующий слой» в нижней части панели «Слои» и на этот раз выберите « Уровни» :
И с этим мы закончили! Здесь, после прояснения изображения, появляется последний эффект «фото в цветные точки»: