Тег ‘stroke’

Пунктирная рамка в Photoshop

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

Пунктирная рамка 1 Пунктирная рамка 2

  • Открываем Photoshop, создаем новый файл — File > New (Ctrl+N) размером 4×4 px
  • Удерживая клавишу Ctrl жмем + до увеличения масштаба 1600%
  • Выбираем инструмент Pencil Tool (B) ставим две точки, размерами 2px
  • Далее сохраняем рисунок как шаблон заливки. Идем в Edit > Define Pattern, обзываем шаблон, например dotted border
  • Пунктирная рамка 3

  • Далее испытываем нашу новую заливку.
  • Создаем новый документ (Ctrl+N), с произвольными размерами.
  • Выбираем инструмент Rectangular Marquee Tool (M) выделяем необходимую область для заливки фигуры.
  • Собственно заливаем выделение, с помощью инструмента Paint Bucket Tool (G)
  • Снимаем выделение Select > Deselect (Ctrl+D)
  • Пунктирная рамка 4

  • Идем в Blending Options (правая кнопка по слою с фигурой > Blending Options)
  • Переходим в раздел Stroke, меняем толщину обводки на 1px
  • Fill Type ставим Pattern
  • Выбираем нашу заливку (dotted border)
  • Получаем результат, радуемся )
  • Отбрасываем тень

    Пытаемся отбросить объемную тень от фотокарточкиНадо постараться обрезать фотку так, что бы она была похожа на настоящую фотографию. Режем с помощью Crop Tool, как обычно.

    Делаем активным слой с фотографией (клик по слою в панели слоев) жмем клавиши Ctrl + T (трансформация), либо через меню Edit > Transform.
    Немного поворачиваем фото, на ваше усмотрение, жмем Enter.

    Правая кнопка на слое с фото в панели слоев — Blending Options, ставим чек на Stroke, 4-5 px цвет белый, что бы углы не были круглыми, попробуйте поставить Position: Inside, жмем OK.

    Выделяем слой. Держим клавишу Ctrl кликаем по слою с фотографией, создаем новый слой (Ctrl+Shift+N > OK) и перетаскиваем его ниже слоя с фоткой.

    Не снимая выделения, заливаем новый слой черным цветом.
    Снимаем выделение Ctrl+D.
    Идем в Filter > Blur > Gaussian Blur, ставим Radius 3-4px, жмем OK.

    Теперь задача подвернуть все лишнее.
    Жмем Ctrl + T (трансформация) — правая кнопка на выделенном — Warp, либо через меню Edit > Transform > Warp

    Если мы собираемся оставлять уголки, то убираем центральные части под фотографию. Читать полностью »

    Бейдж в стиле WEB2.0

    Довольно много движений, если нет желания возится — можете воспользоваться готовыми стилямиВыбираем готовую форму
    Создаем документ, произвольных размеров, например 800х600px
    В панели инструментов выбираем Rectangle Tool
    Сбрасываем цвета на черный и белый клавишей D
    Рисуем квадрат, дублируем квадрат.
    Жмем Ctrl+T для свободной трансформации объекта, разварачиваем его
    В общем, путем дублирования квадрата и его трансформации у вас должно получиться 3 слоя с черными квадратами и фигура, вроде моей.
    После чего объединяем все слои, удерживая кнопку Shift жмем первый и последний слои с квадратами (Background не трогаем)

    Бейдж в стиле WEB2.0-1

    Далее меняем цвета Foreground #ff8400 и Background #ff4900
    Удерживая кнопку Ctrl кликаем по объединенному слою с фигурой, тем самым, выделяя его.
    Выбираем инструмент Gradient Tool (G)Удерживая клавишу Shift ведем градиентом с правого края в центр фигуры.
    Жмем Ctrl+D для снятия выделения

    Бейдж в стиле WEB2.0-2

    Жмем на слое с фигурой правую кнопку, выбираем Blending Options

  • Ставим галку на Drop Shadow, параметры как на картинке
    Бейдж в стиле WEB2.0-3

    Bevel and Emboss, параметры как на картинке

    Бейдж в стиле WEB2.0-4

    Satin, параметры как на картинке

    Бейдж в стиле WEB2.0-5

    Stroke, параметры как на картинке

    Бейдж в стиле WEB2.0-6

    Создаем новый слой (Ctrl+Shift+N), самый верхний
    Режим смешивания ставим Lighten
    Прозрачность слоя (Opacity) — 20%
    Выбираем инструмент Elliptical Marquee Tool (M)Скидываем цвета на черный и белый (D), если они не скинуты )
    Выделяем круг, в левом верхнем углу фигуры, и заливаем его белым цветом, в новом слое. Читать полностью »

  • Бронзовый текст

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

    Бронзовый текст-1

    Жмем правую кнопку на слое в панели слоев, выбираем Blending Options
    Выбираем пункт Drop Shadow

    Бронзовый текст-2

    Gradient Overlay цвет слева на право #8B742D > #FEEEB0

    Бронзовый текст-3

    Bevel and Emboss, цвета:
    Highlight mode: #D4B969
    Shadow mode: #FFD972

    Бронзовый текст-4

    Stroke, цвет обводки: #b8ae7f

    Бронзовый текст-5
    Получаем
    Бронзовый текст-6

    Градиентный текст

    Симпатичный эффект градиентной заливки текста.

  • Запускаем Photoshop, создаем новый документ, произвольных размеров, с белой заливкой
  • Пишем необходимый текст
  • Мои цвета текста: #e0e0e0 и #1bc0d8, соответственно.
  • Кликаем правой кнопкой мыши по слою с текстом, выбираем Blending Options
  • Выбираем строку Drop Shadow, параметры как на картинке
  • Выбираем строку Inner Shadow, параметры как на картинке
  • Выбираем строку Gradient Overlay, параметры как на картинке
  • Выбираем строку Stroke, параметры как на картинке
  • Жмем OK
  • У вас должно получиться нечто подобное)