Делаем текст из светящихся полос в Фотошоп. Полоса для фотошопа


Дизайн в Photoshop: Создание матовой полоски с подписью к фотографии

Дизайн в Photoshop: Создание матовой полоски с подписью к фотографии

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

Как всегда, для начала откройте Вашу фотографию.

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

Заполните область выделения белым цветом Ctrl+BackSpace и снимите область выделения Ctrl+D.

Затем щелкните два раза левой клавишей мыши по слою с полосой и примените следующие стили слоя Blending Options.

Получится что-то подобное:

Большинство людей на этом и останавливаются. Просто изменяя параметр Fill (Заливка) слоя с полосой, они регулируют осветление данного участка. Но этого мало. Ведь в названии урока присутствует слово «матовая», а эта полоса никак на матовую не похожа. Вот тут и приходит на помощь маленький трюк, который вы сейчас  узнаете. Удерживая клавишу Ctrl, щелкните по слою с полосой, чтобы создать область выделения. Потом перейдите на слой с фотографией и нажмите Ctrl+J, чтобы создать новый слой с частью изображения (та часть, которая была в области выделения). Если скрыть фоновый слой и слой с полосой, то получившийся будет выглядеть так:

Итак, вернемся к уроку. Опять, удерживая Ctrl, щелкните теперь по слою с вырезанной полосой фотографии и примените фильтр Filter > Blur > Guassian Blur с параметром Radius: 4,2 px.

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

Теперь осталось добавить Вашу подпись к фотографии и разместить ее у себя на сайте.

Окончательный результат

P. S.

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

Похожие записи

Опубликовать пост в социальных сетях

quicktuts.ru

Делаем текст из светящихся полос в Фотошоп

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

Финальный результат:

Шаг 1. Создайте новый документ с расширением 1x20px и прозрачным фоном, это будет документ, на котором мы создадим наш образец узора. ИдемEdit>Preferences>Guides, Grid & Slices(Редактировать>установки> направляющие, сетка и фрагменты), и устанавливаем параметры сетки через 1px. Выберите инструмент прямоугольник и измените цвет переднего плана на белый. Теперь сделайте белый прямоугольник размером 1x2px в середине документа как показано на рисунке ниже. Идем - Edit>DefinePattern (Редактировать>определить узор), и сохраняем его. Теперь можно закрыть этот документ.

Шаг 2. Создайте новый документ с расширением 1000x1000px и белым фоном. Выбираем инструмент градиент и открываем редактора градиента. Используйте градиент, идущий от темного цвета (я использовал темно-фиолетовый цвет #2e001c) до черного. Используйте радиальный градиент и тяните его от центра к краю.

Шаг 3. Используйте текстовый инструмент, чтобы напечатать что-нибудь в середине документа белым цветом. Теперь идем Window>Character (Окно>символ), я использовал настройки: шрифт - Times New Roman, размер 300pt с параметрами трекинга 100. Это должно выглядеть так же, как показано на рисунке ниже. Теперь создайте новый слой, щелкните 2 раза на его названии и переименуйте его в слой Lines, затем, нажмите  Alt+Backspace, чтобы заполнить его цветом переднего плана, цвет не имеет значения.

Нажмите Ctrl+click на миниатюре текстового слоя, чтобы загрузить выделенную область, затем нажимаем на кнопку добавить маску слоя. Теперь скройте текстовый слой, выберете слой Lines, и идем Filter>Blur>GaussianBlur (Фильтр> размытие> размытие по Гауссу) используйте интенсивность 10px. Установите заливку этого слоя (fill) на 0 %.

Шаг 4. Выбираем слой Lines и направляемся Layer>LayerStyle>PatternOverlay (Слой>Стиль слоя>Наложение узора). Выбираем узор, созданный нами раннее, и делаем наложение так, как показано на рисунке ниже.

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

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

Шаг 7. Делаем активным слой Learning и идем Layer>LayerStyle> Blending Options (Слой>Стиль слоя>параметры наложения) и добавляем внутреннюю тень и внешнее свечение так, как показано на рисунках ниже.Внутренняя тень:

Внешнее свечение:

Шаг 8. Выбираем слой Lines и слой Learning и нажимаем Ctrl+G, слои объединятся в группу. Далее Layer>DuplicateGroup (Слои>Дубликат группы).

Шаг 9. Выделяем новую группу и идемEdit>Transform>FlipVertical (Редактировать> трансформирование  > Отразить по вертикали). Нажимаем V, чтобы выбрать инструмент движения, и двигаем наше изображение так, что получился эффект отражения.

Шаг 10. При выбранной группе слоя с отражением, Layer>LayerMask>RevealAll (Уровни>Слой маска>Показать все), выбираем инструмент градиент от черного к белому и тянем его от основания изображения к вершине. Должно получиться так:  

Шаг 11. Создайте новый слой, нажмите D, чтобы установить цвета по умолчанию, далее идем - Filter>Render>Clouds (Фильтр> Рендеринг> Облака).

Шаг 12. Нажмите Ctrl+T, чтобы войти в режим свободного трансформирования, опустим изображение облаков вниз, так как это показано на картинке снизу, и нажимаем Enter. Далее идем Edit>Transform>Perspective (Редактировать>Трансформирование> Перспектива) и тянем нижний маркер за границы изображения для придания эффекта удаления. Затем идем Filter>Blur>GaussianBlur (Фильтр> размытие> Размытие по Гауссу) и установите радиус 10px.

Шаг 13. Измените непрозрачность этого слоя до 10 %.

Шаг 14. Создайте новый слой, выберите инструмент "кисть" и установите жесткость на 0%, сделайте несколько ярких цветные пятен как показанно на изображении ниже.

Шаг 15. Далее идемFilter>Blur>GaussianBlur (Фильтр> размытие> Размытие по Гауссу) и установите радиус  100px. И изменим уровень непрозрачности до 50%

Шаг 16. Теперь осталось только изменить режим наложения для слоя на Color (цветность). Я еще вернулся и подправил несколько настроек параметров непрозрачности. Ниже представлен мой конечный результат.

Автор: Ross August. 

photoshop-master.ru

Спецэффект разделения фото на полоски

Шаг 1: Добавляем корректирующий слой сплошной цвет (Solid Color)

Нажмите на значок добавления корректирующего слоя (Adjustment Layer) и добавьте слой "Цвет" (Solid Color):

2

В результате откроется цветовая палитра, где Вы выберите белый цвет:

4

Нажмите OK, чтобы закрыть окно выбора цвета. Теперь Ваш документ заполнится белым цветом.

В панели слоёв мы видим вновь появившийся белый цвет заливки:

3

Шаг 2: создаём дубликат фонового слоя и поднимаем его наверх

Перейдём на фоновый слой и создадим его дубликат, нажав комбинацию Ctrl+J:

4

Сейчас у нас активен дубликат фонового слоя. Поднимите его наверх в панели слоёв, для этого нажмите комбинацию Ctrl+] (правая квадратная скобка), теперь панель выглядит так:

5

Шаг 3: Работа с инструментом "Прямоугольник" (Rectangle Tool)

На инструментальной палитре выбираем инструмент "Прямоугольник" (Rectangle Tool)

rectangle tool

А затем в панели параметров выбираем для него опцию "Фигура" (Shapes):

6

Шаг 4: Создаём первую вертикальную полосу

С помощью инструмента "Прямоугольник" создайте вертикальную полосу, как показано на рисунке. Далее мы собираемся добавлять подобные полосы слева направо по всему изображению. Сейчас я нарисую полосу на левой стороне лица человека (пока не беспокойтесь о цвете полосы):

7

Шаг 5: Немного развернём полосу с помощью "Свободной трансформации" (Free Transform)

Активируем bycnhevtyn "Свободную трансформацию", нажав на Ctrl+T и поворачиваем полоску:

8

Шаг 6: Перемещаем слой-копию лица на верх панели слоёв

Если мы посмотрим на панели слоёв, то заметим, что наш добавленный слой с фигурой (у меня он назван "Прямоугольник 1), находится на самом верху панели:

9

Нам же нужно сделать так, чтобы вверху оказался слой с копией лица. Поэтому опустим слой с полоской вниз, для чего нажмём комбинацию Ctrl + [ (левая квадратная скобка) на клавиатуре. Это действие перенесёт слой с формой вниз:

10

Шаг 7: Создаём обтравочную маску

Кликните по верхнему слою для его выбора, затем зажмите клавишу Alt и подведите курсор мыши между верхним слоем и слоем с полоской, при этом курсор изменится:

11

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

12

Шаг 8: Добавляем несколько простых стилей слоя к слою с полоской

К слою с полоской добавьте стиль слоя "Тень" и "Обводку" с настройками по вкусу, только у обводки нужно заменить чёрный цвет на белый и увеличить размер (Size) до двух пикселей.

Вот что получилось в результате:

13

Шаг 9: Выбираем оба верхних слоя и создаём из них группу

Зажмите клавишу Ctrl и кликните по обеим верхним слоям, при этом они подсветятся синим:

14

Теперь нажмите комбинацию Ctrl+G, и эти слои будут объединены в группу:

15

Итак, мы сейчас имеем две группы слоёв:

16

Шаг 10: Откройте верхнюю группу слоёв и выберите в ней слой с фигурой

17

Активируйте "Свободную трансформацию, переместите фигуру вправо, и несколько наклоните её. У вас должно получиться что-то вроде этого:

18

Попробуйте поставить вторую панель либо чуть выше или чуть ниже, чем оригинальная панель, чтобы добавить больше визуального интереса. Кроме того, можно повернуть панель в противоположном направлении, Здесь я поместил мою вторую панель немного выше первой, и повернул по часовой стрелке. Когда вы закончите, нажмите Enter чтобы принять изменения и выйти из "Трансформации":

19

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

эффект разделения фото на независимые полосы

На этом всё, надеюсь, урок был интересен.

rugraphics.ru


Смотрите также