Форум Жемчужинка

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум Жемчужинка » Уроки Фотошопа » Урок " Юзербар "


Урок " Юзербар "

Сообщений 1 страница 27 из 27

1

Юзерба́р (англ. userbar)  — графическое изображение, предназначенное для размещения в подписи на веб-форумах, интернет-конференциях и других средствах интернет-общения. Основной целью размещение картинки-юзербара является выражение каких-либо убеждений, пристрастий, увлечений, привязанностей и даже черт характера пользователя.

1. Создадим новый документ (стандартный размер юзербара - 350х20 пикс.)

2. Откроем картинку, которая будет "фоном" (хотя фоном может быть градиентная заливка или даже просто цвет - все на ваше усмотрение и вкус). Если картинка небольшая, то можно сразу переносить ее на наш будущий юзербар и подгонять размер трансформацией. Если же картинка большая, то рекомендую сначала уменьшить ее размер (лично я просто ставлю 350 пикс по большей стороне):

http://i012.radikal.ru/0803/41/05c63ab0bebb.jpg

3. Итак, после того, как мы перенесли картинку на юзербар (далее ЮБ), найдите ей хорошей место там - картинка большая, а ЮБ маленький, соответственно, всю картинку видно не будет. Поэтому расположите ее так, чтобы было просто красиво (на ваш взгляд). Я свою картинку расположила так:

http://i019.radikal.ru/0803/1f/e5ce632c5c07.jpghttp://i035.radikal.ru/0803/cb/3fdfbf751f61t.jpg

4. Далее можно добавить клипарт, но я подумала, что на моем ЮБ это необязательно.

5. Напишем какой-нибудь подходящий текст. В связи с тем, что я собираюсь сделать анимированный ЮБ, я разделила текст на две насти, на разных слоях:

http://i022.radikal.ru/0803/e7/6f0fb8b6e03d.jpg

6. Теперь можно сделать эффект стеклянного ЮБ (это необязательно, но так красивее смотрится). Берем инструмент Прямоугольник или эллипс (вторым лучше):

http://i048.radikal.ru/0803/ec/128ef189c565.jpg

и рисуем фигуру примерно так:

http://i007.radikal.ru/0803/91/54f2166bc080.jpg

обратите внимание, что должна быть установлена Слой-фигура и белый цвет. Нажмите Enter и контур исчезнет.

7. Для придания реалистичности уменьшите прозрачность слоя-фигуры примерно до 50%:

http://i032.radikal.ru/0803/20/781e2dae3451.jpg

8. Теперь пришло время анимации. Переходим в Image Ready (я обычно перехожу на вкладку Оптимизация, чтобы не мешали различные выделения):

http://i009.radikal.ru/0803/96/eadfebc5ec2b.jpg

9. Итак, слой с фоном и слой-фигурой у нас должны быть включены всегда. Текст у нас будет меняться. Поэтому один слой анимации у нас будет выглядеть так:

http://i047.radikal.ru/0803/2b/2bed89959711.jpg

а второй так:

http://i001.radikal.ru/0803/9f/615f4e6b7b4a.jpg

Не забудьте поставить время перехода кадров (смотрите, как будет лучше в вашем случае):

http://i044.radikal.ru/0803/bd/9a630bed68c7.jpg

Вот результат:

http://i029.radikal.ru/0803/ba/053db4d275f9.gif

Но не останавливайтесь на достигнутом, вот что можно сделать из имеющихся слоев:

http://i027.radikal.ru/0803/14/954a55822b12.gif

Вопросы по уроку задавайте здесь)))

Урок взят Здесь

0

2

Допустим вот я сделала,давно правда :blush:
http://s004.radikal.ru/i206/1010/51/a434e5edc177.gif

0

3

http://s57.radikal.ru/i158/1010/a0/0d67bae95ce9.gif

0

4

Жемчужинка, классно!!!

0

5

Жемчужинка, Светочка супер :cool:

0

6

http://i053.radikal.ru/1010/22/f984d12cf365.gif

0

7

супер молодец :cool:

0

8

эт Надюхи в подарок)))

0

9

Жемчужинка, очень красиво !Гениально!!!

0

10

Dasha, спасибо)))...но эт так...наброски))

0

11

Скажите а как написать каким то красивым шрифтом?

0

12

Даш,а ты знаешь в фотошопе где шрифты у тебя? Короче сначала на панели инструментов нажимаешь букву Т,потом смотришь вверхупоявились шрифты,нажимаешь стрелочку и выбираешь шрифт, мышку подносишь к картинке своей и нажимаешь у тебя начинает мигать,палочка,вот и пишешь)))) Захочишь ,чтобы было красивее,то можно стилями воспользоватся,просто то что написала,нажимаешь мышкой на любой стиль и смотришь как получилось))))если если нужны другие шрифты ,то качаеь с инета,потом могу рассказать как установить его в фотошоп.Только если у тебя что то начато уже,то лучше доделать,так как после установки шрифта,фотошоп перезапустить надо будит.

0

13

Dasha написал(а):

Скажите а как написать каким то красивым шрифтом?

создаёшь слои со словами.Потом внизу на буковку f и играешь с настройками.А ещё когда пишешь слово в верху панели можешь выбрать шрифт который тебе нравится. и размер

0

14

Ох как вы дружно мне помогаете!!! Я выбираю шрифт но он им не пишет))) Ладно сейчас с настройками поиграю....

0

15

Dasha написал(а):

Ох как вы дружно мне помогаете!!! Я выбираю шрифт но он им не пишет))) Ладно сейчас с настройками поиграю....

у тебя слой открыт на котором пишешь? Или может у тебя цвет стоит такой что сливается с фоном?

0

16

Dasha написал(а):

Я выбираю шрифт но он им не пишет)))

ты когда слово написала,обведи его а потом по шрифтам жми :yep:

0

17

:rofl:  :rofl:  :rofl:  Ой свет,сейчас насоветуем :rofl:  надеюсь не запутаем совсем :rofl:

0

18

Снежная, та эт легко :yep:

0

19

так я знаю,главное ее не запутать :yep: Можно сразу выбирать шрифт и писать :yep:  А уже если не понравилось,можно выделить и пробовать другие :yep:

0

20

Снежная, ну энто да))))

0

21

Что то не очень получилось.........

http://s60.radikal.ru/i170/1010/3f/d70293da33a6.gif

Жемчужинка написал(а):

ты когда слово написала,обведи его а потом по шрифтам жми :yep:

ой девочки спасибо! Попробую сейчас еще раз!

0

22

А где этот пункт?

6. Теперь можно сделать эффект стеклянного ЮБ (это необязательно, но так красивее смотрится). Берем инструмент Прямоугольник или эллипс (вторым лучше):

А так поняла урок молодец!

0

23

Снежная написал(а):

А где этот пункт?

не захотела его делать...

0

24

Dasha написал(а):

не захотела его делать...

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

0

25

Я его не могу сделать  :D  завтра попробую

0

26

Dasha написал(а):

Я его не могу сделать    завтра попробую

:rofl: хорошо,завтра так завтра)))

0

27

Снежная написал(а):

:rofl: хорошо,завтра так завтра)))

:yep:

0


Вы здесь » Форум Жемчужинка » Уроки Фотошопа » Урок " Юзербар "