Glow эффект

По такому же принципу и текст оформляется и шейпы и все что угодно.
Урок немного сумбурным получился. Надеюсь, я ничего не упустил. Кстати зайчиков я тоже нахватался ))

Комикс

Грузим фото в Photoshop, меняем размеры Image > image Size > Width: 1000, Height — как получится. (Для других размеров фотографии значения в фильтрах могут отличаться)

Немного высветляем фото — Image > Adjustments > Shadows/Hightlights.

Подкручиваем контраст — Image > Adjustments > Brightness/Contrast

Дублируем слой (Ctrl+J). Идем в Filter > Blur > Surface Blur, немного размываем фото, жмем ОК.

Дублируем получившийся слой, переводим его в ч/б — Image > Adjustments > Desaturate (или проще — Ctrl+Shift+U)

В панели слоем переходим во вкладку Channels, удерживая кнопку Ctrl жмем на канал RGB

Возвращаемся на вкладку слоев (Layers), создаем новый слой иконка в панели слоев. Инвертируем выделение Select > Inverse (Ctrl+Shift+I). Заливаем выделение черным цветом (Alt+Backspace). Снимаем выделение Select > Deselect (Ctrl+D).
Отключаем два верхний слоя.
Делаем активным размытый слой.

Идем в Filter > Artistic > Cutout

Дублируем слой, режим смешивания (Blending Mode) — Soft Light.

Включаем ч/б размытый слой, идем в Filter > Artistic > Poster Edges

Режим смешивания (Blending Mode) — Multiply

Уровнями высветляем слой, жмем Ctrl+L или Image > Adjustments > Levels. Белый ползунок двигаем влево, но без фанатизма.

Вы все еще здесь? )) Понимаю что движений много, ну а что делать.. нда.. Осталось совсем немного.

Включаем последний слой, самый верхний. Держим клавишу Ctrl жмем по слою. Внизу панели слоев ищем иконку Add layer mask. Выделяем слой с маской, инвертируем Ctrl+I, режим смешивания ставим Overlay.

Применяем к слою фильтр Color Halftone — Filter > Pixelate > Color Halftone, чем меньше фотография тем меньше радиус. Для нас больше подходит радиус 4-5

Шарпим — Filter > Sharpen > Sharpen, если не достаточно — поврорите фильтр (Ctrl+F)

Booom!!! 🙂

 

•  Запускаем Photoshop, открываем текстуру
  
• Дублируем слой с текстурой, режим смешивания ставим Color Burn (Blending Mode = Color Burn)
  
• Прозрачность (верхнего слоя) ставим 60-65%

 

 

 

• Жмем на слое с текстом правую кнопку, выбираем Blending Options
• Удерживая кнопку Alt двигаем самые нижние ползунки (Blend if)

 

Получаем довольно реалистичное изображение на текстуре.

Простое отражение

Запускаем Photoshop, создаем новый документ (Ctrl+N) произвольных размеров, пишем текст.
Дублируем слой с текстом (тащим на иконку

в панели слоев).
Переворачиваем слой — Edit > Transform > Flip Vertical
Кнопкой ↓ на клавиатуре двигаем перевернутый слой вниз.
На этом же слое добавляем маску слоя значoк

в панели слоев.

Выбираем инструмент

Gradient Tool (G).
Тянем градиент снизу вверх (активным должен быть слой с маской).

Создаем новый слой. Выбираем инструмент Rectangular Marquee Tool

(M).
Выделяем область, выше стыка на 1-2см. Снова выбираем инструмент Gradient Tool (G), тащим на этот раз сверху вниз, цвет заливки — #bcbcbc, или любой схожий.
Снимаем выделение Ctrl+D. Перетаскиваем слой с градиентом под слой с текстом и тенью.

 

Приблизительное время выполнения: 5 минут

Шаг 1

Найдите изображение стены, на которой мы будем делать наше лого (это изображение я нашел в интернете в Google Images). Любое изображение стены с подходящей структурой подойдет (то есть, стена должна быть не гладкой!).

Шаг 2

Расположите ваш логотип в новом слое. Логотип должен быть просто пиксельным изображением (никаких шрифтов, дорожек и фигур), потому что в следующем шаге мы будем применять “перенос перспективы”, что потребует того, чтобы слой состоял из пикселей.

Шаг 3

Выберите “perspective transform” в меню Edit, и затем измените угол, под которым расположено лого для того, чтобы он совпадал с перспективой стены. Применение “perspective transform” на выделении отображает изменяемые границы, с помощью которых можно выровнять лого со стеной.

Шаг 4

Если логотип оказался слишком широким, это также не составит проблемы. Вы можете подогнать размер лого с помощью обычного инструмента для трансформации (CTRL+T). Немного уменьшите его так, чтобы оно помещалось на стене. Если перспектива всё ещё не выглядит реалистичной, повторите предыдущие шаги, потому что перспектива очень важна.

Шаг 5

После этого, измените режим Blend слоя с логитипом на “overlay“:

Результат:

Шаг 6

У логотипа всё ещё острые края и он больше походит на наклейку, нежели на граффити. Чтобы сделать его более реалистичным, мы размоем его края. Чтобы применить размытие только к краям изображения, а не ко всему лого, вам придется скопировать слой и разместить его под оригиналом лого.

Шаг 7

Затем, размойте скопированный слой с помощью “Gaussian Blur“, установив значение на 5,0 пикселей. Gaussian Blur вы найдете в меню Filter.

Шаг 8

Наконец, чтобы увеличить реалистичность, используйте Eraser Tool для того, чтобы стереть лого там, где стена потертая.

Вывод

Если вам больше нравится неточная вариация, как в шаге 5, но с размытыми краями, вы можете выбрать размытый слой и нажать (зажав Ctrl) на пиктограмме оригинала слоя логотипа. Таким образом вы выделите контуры оригинала слоя. Сделав это, нажмите DELETE, чтобы удалить выбранную часть размытого слоя.

Чтобы придать созданному ещё более реалистичный эффект, вы можете расположить ещё одно граффити (более потёртое) на стену, стерев его побольше для того, чтобы оно выглядело более изношенным.

 

Взорвите текст на фоне вздымающихся языков пламени

Шаг 1

Создайте новый рисунок и добавьте текст, белый на черном фоне. Расположите текст посередине и убедитесь, что его окружает граница достаточной ширины.

 

Шаг 2

Добавьте немного гранджевого шума, используя Mezzotint filter. Для этого зайдите в Filter>Pixelate>Mezzotint. Подтвердите, когда программа спросит, желаете ли вы растеризовать слой. Примените фильтр 2-5 раз, в зависимости от того, насколько шероховато вы хотите чтобы выглядел текст.

 

Шаг 3

Теперь давайте добавим немного глубины, используя Filter>Distort>Pinch. Я поставил значение на -50, чтобы вынести текст немного вперед. Искажение будет зависеть от пропорций габаритов вашего изображения (пропорций между шириной и высотой).

 

Шаг 4

Продублируйте этот слой 4 раза. Спрячьте верхние две копии и продолжайте работать с самым нижним слоем. Я назвал слои “задний1″, “задний2″, “текст” и “прозрачный” для того, чтобы не запутаться в следующих шагах.

 

Шаг 5

Примените Motion Blur к нижним 2м слоям. Одному поставьте значение 45, а второму -45,strength же обоим 100. Объедините слои. Должно получиться что-то, напоминающее это:

 

Шаг 6

Теперь примените Gaussian Blur, приблизительно 3, затем идите в Filter>Stylize>Find Edges… Этот эффект поставит акцент на центральной области, а также впоследствии и на взрыве, который мы изобразим в центре.

 

Шаг 7

Теперь мы будем использовать levels adjustment layer (зайдите в Layer>New Adjustment Layer>Levels), чтобы вынести вперед основную фигуру и цвет взрыва. Поместите этот слой над другими.

Мы будем настраивать множество каналов, включая RGB. Сейчас мы сделаем это лишь приблизительно, впоследствии вы можете вернуться и настроить каналы более точно. T

Сначала настройте middle input level в RGB так, чтобы он был под правильным углом.

 

На красном канале, передвиньте левый ползунок немного вправо, правый немного влево, а центральный — немного вправо.

 

На зеленом канале, передвиньте левый ползунок ближе к центру, правый приблизительно на 3/4 и центральный немного влево.

 

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

 

Помните, нужно убедиться в том, что слой с настройками цвета расположен над другими.

Шаг 8

Теперь отобразите слой с текстом. Инвертируйте его и поставьте его режим на Multiply.

На ваше усмотрение вы можете также применить легкий Radial Blur, приблизительно в 10, для тго, чтобы привнести движение в взрыв текста.

Шаг 9

Отобразите слой “прозрачный”. Инвертируйте его и поставьте его режим на Screen.

Шаг 10

Выделите прозрачный слой и примените Radial Blur на полной мощности. Для этого зайдите в Filter>Blur>Radial Blur и поставьте режим Zoom на 100, высшее качество. Повторите размытие 2-5 раз.
Продублируйте слой, чтобы в дальнейшем сквозь отверстия в тексте виднелся свет.

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

Отличный урок. Водой писать очень просто, оказывается;)

Создайте новый документ

 

 

Напишите каким-нибудь мягким шрифтом (размер моего текста составил 250pt) Ваш текст

 

Правый клик по слою с текстом и Rasterize Type.

 

Добавьте точек или пятен того же цвета, что и цвет вокруг букв

 

Откройте палитру каналов и скопируйте Blue канал. Далее Image>Adjustments>Invert

 

Теперь Filter>Blur>Gaussian Blur 25px. Затем тот же фильтр, но уже 15px

 

Отключите Blue Copy канал, но не удаляйте его

Отправляйтесь в Filter>Render>Lighting Effects

Скопируйте слой и Filter>Sketch>Chrome

Ntgthm можно поиграться со стилями слоя. Выберите стиль Bevel&Emboss

CTRL+клик по иконке текстового слоя, чтобы выделите его содержимое и настройте Image>Adjustments>Curves и Image>Adjustments>Levels

Залейте фон черным — так будет смотрется более выигрышно

 

Выделите все слои, кроме фонового и слейте их (CTRL+E)

Далее отправляйтесь в Filter>Liquify. Инструментом Bloat подредактируйте картинку, чтобы придать ей водянистого эффекта. Когда будете довольны результатом, нажимайте ОК

1 — Создайте Radial Gradient, в этом случае от пурпурного к темно-фиолетовому

2 — Тут я добавил отличную иконку волшебной шляпы из Crystal Clear Collection от Everaldo

3 — Добавьте какой-нибудь текст. Я использовал исходный код сайта для его получения и применил Distort >Wave filter

Создайте две полосы текста

4 — Поверните и расположите текст

5 — Добавьте немного света используя Glow : используйте разные значения для каждой строки текста, секрет в том, чтобы использовать опцию смешивания COLOR DODGE.

измените значения Spread, Size и Range

6 — Сгруппируйте две строки текста и к одному примените mask, чтобы линии исчезали по краям.

7 — К другой группе строк текста примените Gaussian Blur, после чего сотрите некоторые оставшиеся части для того, чтобы проступил неразмытый текст.

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

8 — Создайте новый слой и разместите его под текстом, а с помощью обычной большой кисти размером, например, 100px добавьте посередине белый блик света.

Слой должен быть под текстом, иначе свечение не повлияет на белый блик.

9 — Снова создайте немного дыма, я использовал для этого резинку, хотя мог бы сделать это и с помощью liquify.

10 — Создайте облако: чтобы сделать это, используйте marquee с каймой больше 20 и примените Render>clouds, удерживая командную клавишу (Маc), или ctrl (Windows).

Так же, как и в предыдущем шаге, важно применить опцию COLOR DODGE blending.

11 — Вспышки: Для вспышек создайте кисть, поиграйте с динамикой фигуры, scattering и другими видами динамики. После этого, примените Outer Glow и Inner Glow чтобы придать всему магический эффект.

Результат — В результате мы получаем довольно простое, но очень красивое изображение.

Учимся с нуля рисовать USB Флешку. Не сложный, но красивый урок.

Создайте новый документ размером 800х400 пикселей, задний фон можете сделать как на картинке, но это не принципиально. Дальше идем в View и ставим галочку напротив Snap, это сделает ваш курсор «прилипающим» к сетке, а чтобы увидеть эту сетку, мы идем в View -> Show-> Grid. Теперь ваш холст будет выглядеть примерно так.

Сейчас создаем 2 окружности, используя инструмент Elliptical Tool, убедитесь, что ваши окружности одинаковы, для точности результата, лучше зажимать клавишу Shift, это позволит нарисовать вам ровную окружность.

Прим. переводчика: рисование обеих окружностей нужно начинать непосредственно из угла сетки, иначе у вас может получиться не ровная окружность.

Теперь выбираем инструмент Polygonal Lasso, удерживая клавишу Shift обведите прямоугольник, начинать лучше с угла сетки, середины одной из окружностей, в итоге у вас должно получится выделение так как на рисунке ниже:

Теперь у вас получилось вот такое выделение. Сейчас уже можно отключить параметры «прилипания» и сетку, выключаются они также как и включаются (см. начало урока)

Теперь залейте выделенную область любым цветом, на ваш вкус. Настройки смешивания сделайте так, как показано на картинке:

У меня получилось вот так, у вас тоже должно быть похоже:

Создаем дубликат получившегося слоя. Заходим в Layer Style дубликата. Убираем все галочки которые там есть, и ставим только одну галочку Color Overlay. Цвет ставим Белый (#FFFFF). Bland Mode меняем на Soft Ligth, а прозрачность (Opacity) слоя ставим 15-20%. После этого всего, жмем Ctrl +T или идем сюда Edit > Free Transform. И уменьшаем размер картинки так, как показано снизу (получается как бы отражение).

Сейчас мы должны создать крышку для нашей флешки, таким образом для этого шага мы должны срезать часть основной формы, выделите область, достаточную для крышки.

Теперь идем следующим путем: Edit -> Cut, теперь Edit ->Paste, теперь ваша вставленная крышка будет того цвета который вы выбрали несколькими шагами ранее, сейчас необходимо переместить крышку на то место, откуда мы ее вырезали. После этого у слоя с основной формой в списке слоев нажимаем правой кнопкой и выбираем Copy Layer Style, теперь переходим к слою с крышкой, нажимаем на нем правой кнопкой и выбираем Paste Layer Style

Так же делаем отражение для крышки. Берем слой отражения. Вырезаем, и вставляем, как описано выше.

Рядом с вашей основной формой создайте маленький прямоугольник, это будет основа для разъема нашей флешки, настройки смешивания делаем как на рисунке ниже:

У вас должно получиться примерно так:

Повторите тоже самое только на этот раз прямоугольник сделайте чуть поуже и длинней, это будет непосредственно разъем. Настройки слоя делаем такими:

У вас получится примерно следующее:

Теперь, используя две линии по одному пикселю, сделайте разделитель, и используя два прямоугольника создайте коннекторы, как на рисунке:

Добавим текст и заготовленный логотип, на ваше усмотрение.

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

Итак, выбираем инструмент Rounded Rectangle Tool, цвет — #ff4f4f , рисуем

После чего растируем слой Layer > Rasterize > Shape.
Выбираем инструмент Polygonal Lasso Tool, надгрызаем уголок. Но так.. без фанатизма. В меру.

Тут же переключаем инструмент на Burn Tool (O).
Выбираем мягкую кисть, и Exposure 2-5%. Range — можете переключать, при использовании, кашу маслом не испортишь )

Инструмент Sponge придаст картинке немного грязи. Попробуйте использовать сразу три инструмента (Dodge, Burn, Sponge) в одном месте, сразу все поймете )
При этом не забываем отгрызать периодически уголки и стороны квадрата, но, опять же, без фанатизма. Необходимо сохранять долю реалистичности :).

Выбираем мягкую кисть, размером 2-3px, цвет белый. Удерживая кнопку Ctrl кликаем по слою с фигурой (дальше будет понятно зачем )). Создаем новый слой (Ctrl+Shift+N). Рисуем вертикальные линии, не обязательно идеально ровные.

Не снимая выделения идем в Filter > Blur > Gaussian Blur, радиус — 5,5 — 6px. Дальше идем в Filter > Sharpen > Sharpen. После чего жмем Ctrl+F (повторяем фильтр) раз 5-6.

Дальше Инвертируем слой, (жмем Ctrl+I), и уменьшаем Fill слоя до 30%.

Есть еще один фокус :). Создаем новый слой, выбираем мягкую кисточку, диаметром 15-20px, цвет темнее, основного цвета фигуры (например #8c0000 ), Opacity кисти — 5%. Удерживая кнопку Ctrl кликаем по слою с фигурой, и зарисовываем уголок. Снимаем выделение, и давим один раз кнопку вверх ↑. Получаем темный уголок, с небольшой светлой обводкой )

В общем, потратив минут 30-40, вы получите бесценный опыт, по созданию элементов в стиле грандж.

Помните, что в любом случае можно сделать откат, если необходимо — создавайте каждый мазок в новом слое.

Слой можно удалить, можно уменьшить прозрачность слоя (Opacity), можно стереть мазок. Единственное — не забывайте кликать по слою с Ctrl — этот прием не даст выйди за рамки изображения. Экспериментируйте )