Наталья
Интересные сайты
Intportal.ru
Фильмы, программы, игры, книги и другое бесплатно!

Раскрутить мой сайт!Раскрутить мой сайт!
sdf
67 дней назад 10.03.2012 16:35:47
erw
68 дней назад 09.03.2012 18:03:11
dfg
70 дней назад 07.03.2012 19:37:19
dg
79 дней назад 27.02.2012 22:01:28
А, что урока не видно????...
274 дня назад 17.08.2011 00:55:28
Другие сайты
roman777-77 Охоронні системи Павлів
myvanilladreams Vanilla_Dreams
vovan26rus-best vovan
vampire5001 Аниме
mckos1 mcKo$ .
Комментируемые записи
Топ комментаторов
natali1957 Наталья Петрова
Комментарии: 40
dikdemeter Roman Demeter
Комментарии: 19
prosto-vera-50 Vera
Комментарии: 6
qdragonq1q Юрий Свергун
Комментарии: 6
emma691 emma
Комментарии: 6
Посетители
anyapesova няшка*)
1 день назад 16.05.2012 00:17:24
pundel Алексей
3 дня назад 13.05.2012 18:13:12
marta07 Елена Сергеевна
9 дней назад 07.05.2012 23:29:22
dikdemeter Roman Demeter
14 дней назад 03.05.2012 01:23:51
Календарь
<
Май 2012
>
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
28293031
Подписка
E-mail: 
Вернуться на главнуюНаталья / Страницы / Общие / Урок: Создание простого юзербара

Урок: Создание простого юзербара

0.00 (0)

Урок: Создание простого юзербара

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

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/


Метки: уроки в фотошопе
Комментарии: 2 Просмотров: 472 [История изменений] Размер:9321 байт
Последние изменения сделаны: natali1957 Наталья Петрова 787 дней назад 22.03.2010 14:03:52
ДобавилТекст

kudrayschka Отправить сообщение
ТАТЬЯНА КРАСНОПЕРОВА
788 дней назад 21.03.2010 14:06:07 Цитата('5130565','5184484','7','901')">Сообщить о спаме

Спасибо!!!


natali1957 Отправить сообщение
Наталья Петрова
787 дней назад 22.03.2010 14:03:52 Цитата('5130565','5130565','7','908')">Сообщить о спаме

СмеётсяСпасибо!Заходите в гости


---
Петрова
Имя Пароль
расширенный... ( / Регистрация )

Тема

В тексте можно использовать Wiki или HTML теги



Кто на сайте?
Анонимные: 6, Зарегистрированные: 0 (?)
Жалоба | Размещено на MyLivePage | | © Kolobok smiles, Aiwan