Сегодня мы будем создавать табличку с рваными краями.
Бывают случаи, когда нужно выделить текст, чтобы он лучше читался, но использовать обычную прямоугольную рамку не хочется.
Тогда можно сделать нестандартную рамку с рваными краями.
Открываем в фотошоп (Ctrl+O) изображение «Фото».
Переходим в меню Окно-Каналы. В панели каналов нажимаем на иконку, отмеченную ниже, чтобы создать новый Альфа канал.
Активируем инструмент Прямоугольная область и создаем выделение, как на рисунке ниже. Переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем белый оттенок. Снимаем выделение (Ctrl+D).
Все еще находясь в панели каналов и при активном Альфа канале, который мы создавали в первых шагах, переходим в меню Фильтр-Галерея фильтров. В папке «Штрихи» выбираем фильтр Аэрограф и вводим настройки, как показано ниже.
В панели каналов нажимаем на иконку, отмеченную ниже, чтобы загрузить выделение. Отключаем видимость Альфа канала и включаем видимость остальных каналов, нажав на «глазики» около слоев. Переходим в меню Окно-Слои.
В панели слоев создаем новый пустой слой и называем его «Рамка». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
Заливаем выделение, которое должно быть до этого момента активно, любым цветом. Например, белым. Для этого переходим в уже знакомое нам меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем белый оттенок. Снимаем выделение (Ctrl+D).
В панели слоев дважды щелкаем по слою «Рамка», чтобы открыть стили слоя.
Во вкладке Наложение градиента кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим новые значения. Если при открытии Редактора градиентов активен градиент с более, чем двумя Контрольными точками, удалите лишние, кликнув по точке и нажав на клавишу Delete. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне.
Создаем градиент с такими параметрами:
Левая Контрольная точка (позиция 0%) – оттенок # cdf8aa;
Правая Контрольная точка (позиция 100%) – оттенок # 97c34c.
Для верхних Контрольных точек устанавливаем 100% прозрачность.
Вы можете использовать другие оттенки в зависимости от цветовой гаммы основного рисунка.
Полные настройки для вкладки Наложение градиента на последнем скриншоте.
Во вкладке Тень используем оттенок # 374700 и вводим настройки, как на рисунке ниже.
Результат после применения стилей слоя.
Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.
Активируем инструмент Текст. Растягиваем рамку создания текста на ширину слоя с рамкой и пишем «Вот и лето пришло!». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет текста на # 466a0f и вводим настройки, как на рисунке. При помощи инструмента Перемещение располагаем текст, как показано ниже.
Табличка со рваными краями готова!
Отличного настроения и творческих успехов!
Скачать исходник и шрифт, можно по ссылке:
