Разное → Делаем загнутый заголовок в Photoshop

23.11.2009

Пошаговый урок, в результате которого получим вот такой блок с загнутым заголовком:

Мой первый опыт написания уроков по фотошопу. Сразу предупреждаю что я НЕ дизайнер и НЕ мастер фотошопа :)

Первым делом что я сделал, когда понадобилось добавить эффект закругления, это посмотрел как оно выглядит в реальном мире а не на экране монитора:

Ну что ж, можно начинать, исходное изображение:

С помощью инструмента "Прямолинейное лассо" обрезаем левый угол заголовка:

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

Вторую точку ставим чуть ниже начала заголовка, при этом не отпуская левую кнопку тянем вниз чтобы получить закругление:

Третью точку ставим в левый нижний угол заголовка:

Четвёртую точку ставим там же где и первую, таким образом закрывая контур:

Объединяем заголовок и только что созданный загнутый уголок.

Создаём эллипс нужного размера:

Располагаем эллипс возле заголовка:

Меняем порядок слоёв - эллипс убираем под заголовок.

С помощью ластика обрезаем верхний левый край заголовка:

Добавляем тень эллипсу с помощью наложения градиента:

Добавляем свечение заголовку с помощью наложения градиента:

Результат:

Скачать результат в виде psd файла.

Комментарии

Здоровски! С почином! Ждем продолжений!

Гость
23.12.2012, 20:19

спасибо большое! от себя добавил еще тень всей полоске, показалось, что так выглядит как-то целостнее.

Добавить комментарий