Вторник, 07 Апр 2020, 14:41
| RSS
гость
14:41
Группа: Гости

Наша кнопка:


Получить код:

Друзья сайта
http://oboi-foto.ucoz.ru/ - Обои девушек
Оцените наш новый дизайн
Всего ответов: 662
Статистика
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Leo, Zima  
Форум » Все к Photoshop » Уроки по Photoshop » Урок по созданию простого юзербара
Урок по созданию простого юзербара
ZimaДата: Понедельник, 16 Фев 2009, 13:51 | Сообщение # 1
Майор
Группа: Модераторы
Сообщений: 22
Выполняю просьбу и заодно покажу вам как изготовить простой юзербар.
Примеры таких «полосок» есть в конце урока, изготавливая их, я не придерживалась каких то правил, просто один раз сделала себе основу и под неё закладываю изображение и меняю текст с разными настройками.
1. Как вы сами догадываетесь, урок мы начинаем с создания нового документа. Общепринято юзебары делать или совсем тоненькими (350х20 px), средними (350х40 px), и бигбарами (350х45 px). Мы с вами будем делать средний, он, на мой взляд наиболее гармонично смотрится в подписи.

2. Мы видим основу нашего будущего юзербара

3. Следующей задачей у нас стоит выбор красивого фона. Это можеет быть любая картинка подходящая к теме юзербара, она может и не быть большого формата, какие желательны для коллажей и прочих работ, но и не маленькая, чтоб не пришлось растягивать её, ведь нам ни к чему некрасивый юзербар, правда?
Я выбрала вот такой фон для своего юзербара, безмятежный пейзаж с далеко изображенной линией горизонта, то что нужно.

4. Перетаскиваем его инструментом Move Tool (V) на наш юзербар

5. Теперь нам необходимо красиво разместить наш фон, подвигать его, примерить с разных позиций. Для этого мы идем в меню Edit -> Free Transform или нажимаем Ctrl+T. Зажимаем Shift (чтобы не потерять пропорции) и тянем за уголок, меняем изображение насколько это нужно. Инструментом Move Tool (V) можем просто подвигать картинку.


Как только мы остаемся довольны результатом, оставляем слой как есть.
6. Придадим объем нашему изображению.
Создаем новый слой

7. Инструментом Paint Bucked Tool (G)заливаем наш юзербар белым цветом. Не пугайтесь, что он перекрыл ваше изображение, так и должно быть.


 
ZimaДата: Понедельник, 16 Фев 2009, 13:52 | Сообщение # 2
Майор
Группа: Модераторы
Сообщений: 22
8. Правой копкой мышки по слою вызываем меню и выбираем в нем Blending Options

9. Выставляем параметры как на картинках

Здесь можно отрегулировать сам "глянец", сделать блик ярче или бледнее, а также подредактировать форму самого блика

10. Добавляем текст, применяем к нему стиль и готово. Самый простой юзербар готов wink

Это примеры того что можно сделать:

Если вы обратили внимание, то внутренние тени (1 и 3 картинка в 9 п.) сделаны в универсальном сером цвете. Этот цвет можно менять в зависимости от цвета вашего фона. Если выбрать пипеткой основной цвет фона картинки и сделать его на тон темнее, то картинка будет выглядеть намного лучше и эффектней.
Если цвет не очень заметен, поставьте параметр Blend Mod: Normal и бегунком Opacity отрегулируйте яркость/прозрачность.

Вариантов для украшения юб может быть масса - это кисти, клипарт, маски, стили. Пробуйте комбинировать! smile

Урок по анимированному юб еще впереди wink


 
Форум » Все к Photoshop » Уроки по Photoshop » Урок по созданию простого юзербара
  • Страница 1 из 1
  • 1
Поиск:
Статистика посещений
Посетители за сутки: