Автор Тема: Создание юзербаров  (Прочитано 21917 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн AkellaАвтор темы

  • Аватарщица
  • *
  • В каждом есть солнце.Только дайте ему светить.

  • Сообщений 1068
  • Респектов +16
  • Репутация 123
  • Пол: Женский
    • Просмотр профиля
Создание юзербаров
« : 27 Ноябрь 2007, 19:20:05 »
+1
Этот урок позволит вам создавать свои, уникальные юзербары, которые набирают популярность на многих форумах.

Готовый вариант:


Итак, от винта!!
1) Создаём новый файл, как на картинке:


2) Выбираем в настройках градиента те же значения как и на рисунке ниже:


после этого нажмите на панель обозначенную на рисунке выше красным квадратом и выставьте подобные настройки:


3) Нажимаем "Ок" и протягиваем градиент строго сверху вниз. Должно получиться что то вроде этого:


4) Теперь давайте добавим "фирменные" полочки. Создаём новый файл, разрешением 3х3 пикселя и стандартными настройками, увеличиваем его на 1600%, выбираем инструмент "карандаш", делаем его размер 1пиксель и рисуем три точки, образующие диагональ, как тут:


Потом идем в "Edit >> Define Pattern.." и даем любое имя новому шаблону.
Возвращаемся к нашему Юзербару, создаем новый слой, идем в "Edit>>Fill.." и делаем как тут:


и нажимаем Ок.

После этого мы просто уменьшаем прозрачность слоя по желанию и получаем примерно вот это:


5) Теперь нам следует выбрать изображение которое мы поместим на наш юзербар. В данном случае это иконка Microsoft Word.
Теперь просто вставляем икнку Microsoft Word в нашу заготовку, подгоняем желаемые размеры и другие характеристики. Получаем примерно вот это:


6) Теперь добавим текст! Пишем необходимый текст на размере шрифта 13px ( вообще-то размеры должны быть разные, смотря какой шрифт. шрифт, специально для юзербаров надо скачать и установить, а как это делать вы можете узнать из соседствующей темы установка шрифтов :) ) и удостоверяемся что "anti-alias" имеет значение "0". Делаем текст белого цвета и добавляем ему Эффект "Stroke" ( Это делается так: Layer >> Layer style >> Stroke )
Настройки эффекта как на изображении:


Получает вот это:


7) Теперь добавим объёма. Создадим новый слой. Выбираем инструмент elliptical marquee tool и делаем выделение в виде овала, из левого верхнего угла в правый верхний и заливаем белым цветом. Взгляните на рисунок вам сразу станет понятно какой формы должно быть выделение:


И последняя, не обязательная часть. Добавление эффекта STROKE шириной в один пиксель. Я думаю с этим у вас теперь проблем не будет! =)
Все! Вуаля, наш юзербар готов =)

(с) Народ.

З.Ы. урок внаглую стырен у моего хорошего друга, надеюсь он не будет против...  ah

Форум аватар

Создание юзербаров
« : 27 Ноябрь 2007, 19:20:05 »

Оффлайн AkellaАвтор темы

  • Аватарщица
  • *
  • В каждом есть солнце.Только дайте ему светить.

  • Сообщений 1068
  • Респектов +16
  • Репутация 123
  • Пол: Женский
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #1 : 30 Ноябрь 2007, 21:47:03 »
0
Неужели тема никому не интересна? А ведь сами просили...

Оффлайн Beowulf

  • Местный
  • **
  • Сообщений 89
  • Респектов +1
  • Репутация 14
  • Пол: Мужской
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #2 : 01 Декабрь 2007, 15:25:22 »
0
Неужели тема никому не интересна? А ведь сами просили...

Тема интересная! вот только понять в какой проге все это можно делать ?  s02

Оффлайн AkellaАвтор темы

  • Аватарщица
  • *
  • В каждом есть солнце.Только дайте ему светить.

  • Сообщений 1068
  • Респектов +16
  • Репутация 123
  • Пол: Женский
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #3 : 01 Декабрь 2007, 18:17:25 »
0
Беовулф, в фотошопе конечно же...  s02

Оффлайн GoToLight

  • Новичок
  • *
  • Сообщений 23
  • Респектов 0
  • Репутация 1
  • Пол: Мужской
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #4 : 10 Декабрь 2007, 17:55:05 »
0
Да урок норм,тока тут как сделать самый простой статичный юзербар ab
Если тут закреплюсь- наделаю вам уроков про разные эффекты и анимацию.

Оффлайн AkellaАвтор темы

  • Аватарщица
  • *
  • В каждом есть солнце.Только дайте ему светить.

  • Сообщений 1068
  • Респектов +16
  • Репутация 123
  • Пол: Женский
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #5 : 10 Декабрь 2007, 19:16:30 »
0
Идти на свет, урок ещё никто не сделал, а тут в основном новички. я и сама могу выставить сколько хосешь уроков с различными эффектами (но всегда рада помощи) но рано их пока ещё выставлять, если основы не знаешь :)

Оффлайн GoToLight

  • Новичок
  • *
  • Сообщений 23
  • Респектов 0
  • Репутация 1
  • Пол: Мужской
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #6 : 10 Декабрь 2007, 22:00:18 »
0
ну вообще логично :)

ладно, буду тоже уроки выставлять дальше тогда :)
« Последнее редактирование: 11 Декабрь 2007, 13:25:45 от Akella »

Оффлайн Beowulf

  • Местный
  • **
  • Сообщений 89
  • Респектов +1
  • Репутация 14
  • Пол: Мужской
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #7 : 21 Декабрь 2007, 13:11:44 »
0
Беовулф, в фотошопе конечно же...  s02

Akella  Thanks  ad

Оффлайн Иной

  • Новичок
  • *
  • Победу одержит лишь тот, кто сражается!!! =)

  • Сообщений 23
  • Респектов 0
  • Репутация 4
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #8 : 30 Сентябрь 2008, 20:11:29 »
0
elliptical marquee tool - енто что? По-рууски если)

Оффлайн Иной

  • Новичок
  • *
  • Победу одержит лишь тот, кто сражается!!! =)

  • Сообщений 23
  • Респектов 0
  • Репутация 4
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #9 : 30 Сентябрь 2008, 20:12:12 »
0
По русски*
Гы.. ))

Оффлайн Nikola Tesla

  • Землянин
  • *****
  • Сообщений 6462
  • Респектов +3559
  • Репутация 1361
  • Пол: Мужской
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #10 : 02 Октябрь 2008, 16:52:19 »
0
Иной если я не ошибаюсь:
Elliptical Marquee Tool это
Инструмент "Овальная область"



Горячая клавиша M (eng).

Оффлайн Паприка

  • Решительный
  • ?
  • белаяи пушистая

  • Сообщений 9
  • Респектов 0
  • Репутация 0
  • Пол: Женский
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #11 : 08 Ноябрь 2008, 18:05:39 »
0
а можно немного поподробней об вставке картинки в юзер.

Оффлайн Pash0k

  • Местный
  • **
  • Сообщений 61
  • Респектов 0
  • Репутация 5
  • Пол: Мужской
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #12 : 29 Март 2009, 20:23:07 »
0
anti-alias" имеет значение "0" - это где?  Layer >> Layer style >> Stroke - это как переводится?  STROKE - где этот эффект?

Оффлайн smokes

  • Наблюдатель
  • Сообщений 4
  • Респектов 0
  • Репутация 0
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #13 : 20 Апрель 2009, 20:53:19 »
0
А где Gradient Editor Находится??????

Оффлайн Парниша

  • Старожил
  • ***
  • LA Lakers

  • Сообщений 340
  • Респектов 0
  • Репутация 49
  • Пол: Мужской
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #14 : 20 Апрель 2009, 21:58:50 »
0
на панели инструментов)

Оффлайн Mira

  • Аватарщица-
  • Аватарщица
  • *
  • Если я девушка твоей мечты - помечтай...

  • Сообщений 4025
  • Респектов +1181
  • Репутация 1979
  • Пол: Женский
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #15 : 21 Апрель 2009, 14:17:58 »
0
Если бы этот урок сделать в русско-язычном варианте, он приобрёл бы новую актуальность. А автору всё равно спасибо)))

Оффлайн Satinelight

  • блудный Светик снова АЕ-шит
  • Аватарщица
  • *
  • Сообщений 2114
  • Респектов +748
  • Репутация 484
  • Пол: Женский
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #16 : 28 Август 2009, 19:39:56 »
0

Спасиб за урок. Только хотела у кого-то спросить, как "полосочки" рисовать.
« Последнее редактирование: 28 Август 2009, 20:04:25 от Serenissima »

Оффлайн unbl4

  • Новичок
  • *
  • Сообщений 16
  • Респектов 0
  • Репутация -1
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #17 : 02 Декабрь 2009, 16:12:35 »
0
Я думал это гораздо сложнее)

Оффлайн je_marsy

  • Новичок
  • *
  • С ПРАЗНИКОМ ВАС ВСЕХ!

  • Сообщений 22
  • Респектов +1
  • Репутация 7
  • Пол: Женский
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #18 : 17 Декабрь 2009, 07:40:56 »
0


Не нашла картинку...
А так хороший урок)))

Оффлайн Alcola

  • Новичок
  • *
  • Please, please - SMILE!!

  • Сообщений 33
  • Респектов +3
  • Репутация 6
  • Пол: Женский
    • Просмотр профиля
Re: Создание юзербаров
« Ответ #19 : 23 Декабрь 2009, 11:50:40 »
0
Импровизировала...

 

Создание векторного рисунка из фотографии

Автор LaPerlaNegra

Ответов: 3
Просмотров: 14472
Последний ответ 26 Октябрь 2009, 11:46:36
от Крон
Создание анимированной марочки из аватара

Автор Satinelight

Ответов: 0
Просмотров: 2685
Последний ответ 20 Сентябрь 2010, 00:19:37
от Satinelight
Создание анимированых блесток

Автор ОленИка

Ответов: 10
Просмотров: 7241
Последний ответ 13 Июль 2009, 00:12:37
от Ворожея
Создание динамической картинки на PHP

Автор Никита

Ответов: 4
Просмотров: 3311
Последний ответ 13 Декабрь 2011, 22:02:30
от Никита
Создание бесшовных текстур в ФШ

Автор Lana★

Ответов: 24
Просмотров: 6007
Последний ответ 01 Декабрь 2013, 13:08:26
от Lana★