сегодня меня попросили объяснить как сделать юзербар.
Внимание. Это мой первый туториал для фотошопа, так что с терминологией пока туговато, профессионалы будут вопить, что я сделал все ошибки, которые только было возможно, и даже больше. но как видите, юзербары мои — это не самые худшие юзербары. так что вот.
Но для начала объясню что такое юзербар.
Далее цитирую Википедию.
----------------------<cut>----------------------
Скрытый текст
Еще примеры от меня:
[cut]
Скрытый текст
Конец цитаты.
Ну начнем. В фотошопе создаем новый документ. задоем нужное разрешение изображения.(см. скрин):
далее накладываем градиент:
для этого:
ну наложили градиент(с цветами: #ff8400 и #bc5001), но на мой, да и на любой другой, взгляд на фон юзербара не катит. Где полосочки, линии, рюшечки и так далее? Непорядок. Узор на фон можно сделать двумя способами. Первый тут а второй сейчас опишу.
создаем документ 3х3 пиксела (можно 5х5) наверно лучше с прозрачным фоном. Точно не знаю, но уж точно не хуже.
делаем максимальное приближение (до 1600%) можно как на скриншоте, а можно ctrl + "+" уж простите за тавтологию
я рисую самый привычный узор. косые линии. рисуем каранашом толщиной 1пиксель .Черным цветом(#000000 для тех кто в танке). (на скрине красным выделен инструмент "карандаш").
жмем "правка", "определить узор"
жмем "Окей" и этот девяти- или двадцатипяти-пикселовый файл можем закрывать не сохраняя.
Теперь в нашем документе создаем новый слой.
жмем shift+F5 или как на скрине:
всё как на скрине. а в "заказном узоре выбираем последний, он — и есть наш.
Вот. теперь это больше похоже на юзербар. я вот так подумал, а слой мы зря создавали. Ну и дадно. Совершим сведение слоев комбинацией клавиш ctrl+e.
Обводка по краям юзербара толщиной 1пиксель. Это можно сделать каким-то фильтром, но вот делать мне больше нечего. Карандашом тыкаю в один угол изображения(верхний левый). В самый крайний пиксел. Зажимаю шифт и кликаю в правый верхний, затем не отпуская в правый нижний, и наконец, куда вы подумали? до, именно в левый нижний угол изображения. Обводка готова.
Теперь текст. Шрифт можно скачать тут. Но я ленивый и нарисовал от руки.
осталось всего ничего. Засунуть картинку и наложить эффект glow.
картинку и сами вставите. а объем будем добавлять так:
создаем новый слой (выше всех остальных) делаем круглое выделение по всей площади изображения. Да так надо.
теперь смещаем выделение наверх или вниз, всё зависит отвашего желания.
долее берем инструмент "заливка" со следующими параметрами:
получаем такое:
Собственно на этом можно и остановиться.
Скрытый текст
Если не будет отзывов док будет удален, как неактуальный.
