Простой юзербар для форума

Этот урок я создал для новичков в фотошопе, так что попытаюсь объяснить все как можно подробнее.

Для начала выберем картинку, мне понравилась такая:


Создаем новый файл:


С такими параметрами:

Открываем файл с картинкой выделяем его (Ctrl+A) и копируем (Ctrl+C) переходим в окно юзербара и вставляем картинку (Ctrl+V) далее выделяем слой с картинкой и жмём Ctrl+T (Трансформация) и изменяем размер изображения до подходящего (зажимаем shift чтобы сохранялись пропорции изображения):

Вот что получилось:

Рисуем блик — создаем новый слой:

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

Заливаем «Слой 2» (должен быть выбран в правой панели) белым цветом:

Выкручиваем заливку слоя в ноль:

Заходим в Стили -> Обводка:

Устанавливаем положение обводки внутри, цвет белый (или другой), И режим наложения «Перекрытие»:

Самая сложная часть. В окне «Стиль слоя» отмечаем «Наложение градиента», выставляем настройки как на скриншоте и кликаем по самому градиенту:

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

Устанавливаем здесь прозрачность 20%:

 

А здесь 100%:

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

Всё. Сохраняем юзербар в формате png и проект фотошопа в psd:

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax

Анти-спам: выполните задание