Видео уроки по ucoz | Скрипты для ucoz | Шаблоны для ucoz | Помощь по ucoz | help по ucoz | помощь по ucoz | изучение ucoz


Меню сайта
Опрос
Нужен ли вам полный курс по системе?

Результат опроса Результаты
Все опросы нашего сайта Архив опросов
Всего голосовало: 1932
Обсудить на форуме
Друзья

Поиск по сайту
Надоело искать носки: мужское нижнее белье интернет магазин.; Заготовит недорогие мешки бумажные, готовые бумажные пакеты. Повышенная износостойкость.; Агентство Концептуальных Решений - современный омск дизайн сайт - дизайн любой сложности
Главная » 2009 » Апрель » 7 » Юзербар
Юзербар
14:54
В этом Фотошоп уроке мы будем создавать юзербар.

Юзербар - это графическая подпись для форумов.

Сначала мы создадим текстуру "Полоски", которую в дальнейшем будем накладывать на юзербар.

Откройте новый документ, 6×6 px, фон сделайте прозрачным (transparent)

Получившийся малюсенький документ масштабируйте до 1600% (ctrl+"+" пока не достигните нужного размера).

Щелкните правой кнопкой по инструменту Кисть , из выплывающего списка выберите Карандаш.

Размер установите на 1px , цвет - черный. Нарисуйте диагональ, как показано ниже (не рисуйте сплошной линией, кликайте каждую точку отдельно)

Переходим в меню Редактирование - Определить узор/текстуру (Edit > Define Pattern), дайте имя, нажмите ОК.

-------------------------------------
Теперь мы готовы приступить к изготовлению вот такого юзербара:

Создаем новый документ с такими же настройками:

Должно получиться вот так:

Подберите картинки, которые вы хотите разместить на свой юзербар.

Здесь будем использовать логотип вашей любимой программы - Фотошоп версия CS3.

Вырезаем и Перемещаем сначала перышко.

Нажимаем Сtrl+T, чтобы уменьшить изображение. На сколько уменьшать, решайте сами.

Создайте новый слой под пером.

Возьмите инструмент
, установите 2 цвета в палитре цветов. Проведите градиент слева направо.

Уменьшите буквы CS3 и расположите их вот так

Добавим рамочку вокруг юзербара.

Создайте новый слой поверх всех. Нажмите Сtrl+А чтобы выделить все.

Перейдите в меню Редактирование - Выполнить обводку (edit>stroke). Размер поставьте 1px, внутри (inside), и черную.

Некоторым элементам юзербара Вы можете добавить стили.

Нажмите на кнопку
внизу палитры Слоев.

Выберите стиль Внешнее свечение (Outer glow).

Цвет свечения Вы можете подбирать на свой вкус.



Добавим текст, специальный шрифт вы можете скачать здесь-Photoshop
Установите такие настройки.

Добавьте тексту стиль "Обводка", черного цвета, снаружи (outside)

Теперь перейдите на слой с градиентом. Переходим в меню Редактирование - Выполнить заливку (edit>fill).

Выберите в окошке
текстуру, которую мы создавали в начале урока.

Прозрачность можете уменьшить или оставить на 100%.

А теперь нужно сохранить наш юзербар через меню Файл - Сохранить для Web (File > Save for web), выберите формат png, качество 24.

Дополнительные эффекты:

Если хотите сделать ваш юзербар немного объемным, то следуйте этой инструкции.

Перейдите на фоновый слой, откройте палитру стилей и примените стиль ‘Flat Rounded Normal’

Этот вариант подойдет, если вы заливали фон градиентом. Но если на фоне у вас картинка, то:

1. Встаньте на фоновый слой с картинкой

2. Нажмите последовательно Ctrl+a, Сtrl+c, затем Сtrl+v

3. Примените стиль ‘Flat Rounded Normal’

Это нужно сделать потому, что возможно не вся картинка вошла в рамки юзербара, эффект вы можете просто не увидеть.

* Здесь режим наложения был изменен на Замена светлым (lighten), чтобы гармонично слиться с фоном.

Вот и готово!

Ключевые слова: Пойми ,что кроме меня на свете нет пацана ,который в сайтах шарит,реп читает |

Категория: Уроки photoshop (фотошоп) | Просмотров: 5998 | Добавил: kant |



0  
3 kalash102   (06.05.2009 21:00)
где ето?

0  
2 kalash102   (06.05.2009 21:00)
Нажмите на кнопку
внизу палитры Слоев.

0  
1 kalash102   (06.05.2009 20:45)
как вырезать это дурацкое перышко????????7

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Гость
Здраствуйте : Гость !

Гость, мы приветствуем вас. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Облако тэгов

Видео уроки

Шаблоны для uCoz

Скрипты для uCoz

помощь ucoz

Видео урок ucoz

уроки ucoz

ucoz помощь

изучение ucoz

Шаблон для wow

Шаблон для cs
Авторизация
E-mail:
Пароль:
Календарь
«  Апрель 2009  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
27282930
Статистика



www.popularsite.ru

Онлайн всего: 2
Гостей: 2
Пользователей: 0
кредитное консультирование Кредит с залогом | недвижимость: продам домов таширово с лучшим качеством.
Главная | Видео уроки | Шаблоны | Скрипты | Полезное | Форум | F.A.Q. | Статьи