Пятница
17.05.2024, 12.34.52
GRAFPOLIT
| RSS
Главная Графика
Меню

Разделы
Мои статьи [3]
статьи [43]
советы [33]
статьи по фотошоп [93]
уроки-видеоуроки [67]
уроки все [1021]
уроки-основа [216]
уроки-рисование [170]
уроки-техника [573]
уроки-обработка фото [226]
уроки-редактирование [126]
уроки-техника,эффекты [482]
уроки-фотомонтаж,коллаж [189]
урок-текст [131]
уроки-анимация текст [16]
уроки-анимация [117]
уроки фотошоп 3D [89]
уроки-логотип,кнопки [38]
уроки-шаблоны для сайта,шаблоны [28]
уроки,графика для сайта [37]
уроки без перевода [15]
уроки без перевода [41]
книги по фотошоп. [0]
фотошоп скачать [0]
Adobe Production скачать [0]
учебник по фотошоп [6]
работы по фотошоп. [1]
плагины,фильтры [8]

Фотошоп онлайн

Онлайн самоучитель по Photoshop с илюстрациями 1 часть

Онлайн самоучитель по Photoshop с илюстрациями 2 часть


Наш баннер

Поиск

Онлан сервисы

Cтатистика

Cтатистика

Поделиться

Статистика
Яндекс.Метрика

Главная » Статьи » ФОТОШОП » уроки все

Создание простого юзербара
Создание простого юзербара Примеры таких «полосок» вы можете наблюдать ниже, изготавливая их, я не придерживалась каких то правил, просто один раз сделала себе основу и под неё закладываю изображение и меняю текст с разными настройками.

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)заливаем наш юзербар белым цветом. Не пугайтесь что он перекрыл ваше изображение, так и должно быть.

8. Правой копкой мышки по слою вызываем меню и выбираем в нем Blending Options

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

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













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

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

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

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

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

Источник: http://royal-photoshop.ucoz.ru/forum/



Источник: http://myphotoshop.ucoz.ua/publ/5-1-0-28
Категория: уроки все | Добавил: yana (13.09.2009)
Просмотров: 1031 | Теги: Уроки фотошоп | Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Наш баннер

Наш журнал

Поиск

Графика
 3D MAX 
MAYA 

Фотошоп
Призрак
Montures
Рисунок из фото в фотошопе
Cross Processing (эффект кросс-процесса в фотошопе)
Создаём эффектные узоры в Фотошоп- 2
Волнующее море в Фотошоп
Анимация дождя в Фотошоп
Ты-звезда!
Создаём постер с гейшей в Фотошоп
Создай граффити текст в Фотошоп
Рисуем зонтик в Фотошоп
Создаём анимированный баннер в Фотошоп
Превращаем фото-портрет в картину используя Фотошоп
Удаляем трещины с старой Фотографии используя Фотошоп
Основы тех. дизайна
Рассеянный фотоэффект в Фотошопе
Придаем эффект гламура Фотографии в Фотошопе
Омоложение в Фотошопе, Делаем человека моложе обработав его фотографию
Создаем эффект старого фото
Ретуширование скучного снимка в синих , голубых тонах


Copyright MyCorp © 2024