Штриховка и шрифт для юзербара

Создаем новый юзербар. Заливаем «Слой 1» белым цветом, выставляем заливку в 0 и идем в «Стили слоя  -> Наложение узора» и выставляем такие настройки:

Теперь необходимо создать штриховку. Для этого создаем новый документ с настройками аналогичными как у юзербара, но размером 6 на 6 пикселей. Затем берем инструмент «Карандаш» (он находится в одной группе с кистью). Настройки должны быть такие:

Увеличиваем документ с помощью клавиш CTRL++ (контрол и клавиша плюс) до упора. И карандашом проводим черную линию по диагонали, кликая по каждому пикселю отдельно:

Теперь записываем этот документ как узор. Для этого идем в «Редактирование -> Определить узор» и сохраняем узор. Все, теперь для каждого юзербара можно будет применять данный узор.

Чтобы применить узор на нашем новом юзербаре создаем новый слой, заливаем его белым цветом и выкручиваем заливку в 0. Затем переходим в «Стили слоя -> Наложени узора» и там должен быть наш новы узор:

Выбираем его и меняем прозрачность до приемлемой. Результат:

Теперь добавим надпись. В юзербарах стандартом де-факто является шрифт Visitor. По ссылке вы можете скачать русифицированный. Чтобы установить нажимаете правой кнопкой -> «Установить». В фотошопе он должен появиться сразу (без перезапуска).

Теперь выбираем инструмент «Горизонтальный текст»:

Выбираем шрифт Visitor, размер 11pt и сглаживание «Не показывать»:

Кликаем в любом месте юзербара и набираем текст:

Теперь необходимо выровнять надпись. Для этого выбираем инструмент «Перемещение»:

Зажав CTRL выделяем слой текста и фон:

Выравниваем по вертикали:

И по горизонтали:

Результат:

Экспериментируем со стилями текстового слоя и добавляем эффект стекла.

Следующий урок будет про анимацию.

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

Ваш 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

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