Рубрика ‘Спецэффекты’

Отделяем волосы от фона

Очень простой способ грамотно вырезать волосы из фона.Открываем фото в Photoshop, выбираем инструмент Background Eraser Tool (находится там же, где и Eraser Tool 🙂

В панели настроек, меняем Limits на Discontiguous, Tolerance ставим 30%

Отделяем волосы от фона-1

Краем кисти пытаемся отделить фон.

Минус один, но довольно важный.. Прием работает не со всеми фонами, точнее работает только с однородными.

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

Отделяем волосы от фона-2
Стало
Отделяем волосы от фона

Замерзшее окно

Очень простой урок.
Имитируем замерзшее окно.

Замерзшее окно 1

Грузим фотографию в Photoshop (выбирайте Flickr.com).
Дублируем фотографию (Ctrl+J).
Идем в Filter > Blur > Gaussian Blur, ставим радиус 5 пикселей, жмем OK.

Замерзшее окно 2

Создаем новый слой, заливаем его белым цветом, прозрачность слоя (Opacity) ставим на 50%
Выделяем два верхний слоя (кликаем удерживая клавишу Shift) сливаем их (Ctrl + E).

Замерзшее окно 3

Выбираем инструмент Brush, в списке доступных кистей выбираем Natural Brushes. Переключаемся в режим быстрой маски клавишей Q, либо значок в панели инструментов.

Замерзшее окно 4

Закрашиваем кисточкой области, которые хотим отморозить на стекле. Читать полностью »

Избавляем пламя от фона

Вырезаем пламя в 5 сек.Можете взять фото
Запускаем Фотошоп, открываем картинку.
Переключаемся на Channels в панели слоев, выбираем канал Red, копируем его (тащим на иконку )

Идем в Select > Load Selection, ставим галку на Invert > жмем OK.
Снова переключаемся во вкладку Layers, делаем активным слой в огнем, жмем Delete.

Подставляем проверочную картинку… Дико радуемся ))

Экспорт картинок для веб

Правильный экспорт картинок для веб.


Допустим у вас на сайте используется серый фон, с номером RGB #c1c1c1. Ни в коем случае не экспортируйте картинки с фоновым цветом, ибо это лишний вес картинки, а соотв. лишняя нагрузка на ваш сайт.

Да и вообще это дурной тон — использовать картинки с фоном. Модные дяди в вебе давно делают по-другому.


После того, как вы подготовили картинку, или текст для веб странички — отключите нижний слой background (в панели слоев). Читать полностью »

Курс кройки и шитья

Пришиваем текст к текстуре + делаем кисточкуДля начала быстренько сляпаем кисть для стежки.

Создаем новый документ произвольных размеров.
Ставим букву V, шрифт — Journal SansSerif, либо схожий к картинке
Сохраняем как кисть Edit – Define Brush Preset, как-то называем кисть, например quilting.

Настраиваем созданную кисточку.
В правом верхнем углу вкладка Brushes (если ее нет — идем в Window — отмечаем Brushes)

Если раздел не активен, выберите инструмент Brush!!!

Настраиваем плотность, так, что бы буквы касались друг друга

Последний штрих:
Все параметры на 0 и off, за исключением Control: Direction

Для текстуры я использовал урок по созданию джинсы. Читать полностью »

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

Самый простой прием отражения объектов.Запускаем Photoshop, создаем новый документ (Ctrl+N) произвольных размеров, пишем текст.
Дублируем слой с текстом (тащим на иконку в панели слоев).
Переворачиваем слой — Edit > Transform > Flip Vertical
Кнопкой ↓ на клавиатуре двигаем перевернутый слой вниз.
На этом же слое добавляем маску слоя значoк в панели слоев. Читать полностью »

Рвем фотографии

Один из самых простых приемов создания эффекта порванной фотографии.

  • Запускаем Photoshop, открываем фото, которое не жалко порвать )
  • В панели инструментов выбираем инструмент Pen Toll (P), переключаемся в режим Path
  • Частыми точками чертим правдоподобный путь места разрыва.
  • Чтобы соединить нижнюю и верхнюю точки, ставим замыкающие точки за пределами фотографии.
  • После замыкания точек, во вкладке Path сохраняется Рабочий путь (Work Path)
  • Переключаемся во вкладку Path, удерживая клавишу Ctrl, кликаем по слою.
  • Идем в Edit > Transform > Distort, либо жмем Ctrl + T > правая кнопка мышки > Distort
  • Берем верхнюю левую точку, немного тянем вправо.
  • Жмем Enter, радуемся ))
  • Кусочек гранджа

    Пытаемся 4-5 инструментами добиться гранджевого эффекта.
    Без использования текстур.

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

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

    Grunge-effect

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

    Halftone эффект фотографии

    Красивый эффект при помощи всего одно фильтра

  • Открываем фотографию в Photoshop
  • Дублируем изображение (Ctrl + J)
  • Идем в Filter > Sketch > Halftone Pattern
  • Выставляем параметры (как на картинке): Size = 1, Contrast = 7, Pattern Type = Dot.
  • Жмем ОК
  • Ставим режим смешивания Linear Light
  • Получаем довольно симпатичный эффект
  • используя комманду Hue/Saturation (Ctrl + U) можно добиться довольно интересных эффектов.
    Удачи! 😉
  • Лучи света

    Два движения буквально, урок из серии «Уроки для лиенивых», как говорит моя подруга )).Начнем с бекграунда..
    Подбираем цвета. Мои: #0064c2 и #003f79.

    Выбираем инструмент Gradient Tool вверху переключаемся на Radial, тащим его сверху вниз, получаем фон )

    Создаем новый слой (Ctrl+N), либо иконку в панели слоев .
    Снова выбираем инструмент Gradient Tool, переключаемся Type на Nose, жмем пару раз Randomize

    Жмем ОК. Переключаем градиент на Angle Gradient.
    Тащим ползунок по направлению — слево-направо.

    Переводим слой в чб. Image > Adjustments > Desaturate (Ctrl+Shift+U)
    Blending Mode слоя ставим Overlay, либо Soft Light