У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается

Avalon

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

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


Вы здесь » Avalon » Шабаш » ФШ » Создание юзербара


Создание юзербара

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

1

Создаем новый документ. Проставляем:
1. Ширину - 3 пикселя,
2. Высоту - 3 пикселя.
Жмем "Да" или "Ок".
3. Получаем очень маленький квадратик.
Большой звездочкой отмечен инструмент "Лупа" или "Увеличительное стекло". Воспользуйтесь им чтобы увеличить этот квадратик до максимального размера увеличения, а именно 1600%, как показанно красным прямоугольником (также можно использовать комбинацию Ctrl+ + (контрол + плюс)).

2. С помощью карандаша в 1 пиксель рисуем вот полоску по диагонали. Сравниваем с тем, что на рисунке.
http://i038.radikal.ru/0804/2a/952e34eba57c.gif

1. выбираем Редактирование -> Определить узор (Edit -> Define Pattern...).
2. В новом окне у нас появится имя нашего файла. Его можно поменять по вашему усмотрению.
Жмем "Да" или "Ок". Соглашаемся на все всплывающие окна (если будут).

1. Файл -> Открыть (File -> Open), и этим все сказанно. Или же просто Ctrl+O.
2. Вводим адрес картинки, которую вы хотите видеть на своём будующем юзербаре, или же двойной щелчок по ней (отмечено красным).
Желательно брать картинку побольше, что-то вроде обоев или такого рода.
http://i015.radikal.ru/0804/ba/7cec391cff24.gif

На панеле инструментов находим инструмент Crop (Обрезка). Устанавливаем такие же параметры, как на картинке (ширин - 250 пикселей, высота - 19).
http://i38.tinypic.com/2s1unas.gif

1. Выделяем нужную область картинки, которая будет отображаться на юзербаре. Нажимаем Enter. Картинка автоматически обрежется по выделению.
2. Заходим в Редактирование -> Размер холста (изображения) (Edit -> Image Size).
3. Изменяем ширину и высоту - ширина 350, высота 19 (можно и 20, сути не играет).
Любуемся полученной заготовкой.

http://i36.tinypic.com/f0w6mv.gif

1. Создаем новый документ. Файл -> Новый (File -> New) или же просто жмем Ctrl + N.
В появившемся окне ставим параметры:
2. Имя: User Bar (любое).
3. Ширина юзербара 350 пикселей (заметьте что не сантиметров и не дюймов).
4. Высота юзербара 19 пикселей. Нажимаем на кнопочку "Да" или "Ок".

1. На панели инструментов выбираем инструмент "Прямоугольное вырезание" (Rectangular Marquee Tool) и выделяем понравившуюся часть картинки (вообще в юзербарах с людьми в основном берутся глаза. Ну кто будет делать юзербар с носом, рукой, ртом и т.д.?).
2. С помощью инструмента "Перемещение" (Move Tool) мы тащим выделенную часть картинки на юзербар как показано пунктиром.

1. Картинку можно двигать (не только вверх и влево, а как угодно).
Жмем Shift+Ctrl+N и нажимаем "Да" или "Ок".
2. Давим CTRL+A. Выполняем: Редактирование -> Выполнить заливку (Edit -> Fill...).

http://i008.radikal.ru/0804/9f/f03698b5e8e6.gif

1. В появившемся окне выбираем "Узор" (Pattern).
2. Дальше нажав на небольшую стрелочку (на рисунке она входит в "красную зону" и находится справа от полосок - Custom Pattern) мы ищем тот узор, что делали вначале. А именно - всеми любимые "Полосочки".
3. Непрозрачность мы ставим ~ от 10 до 20, но это зависит от рисунка. Желательно не пренебрегать. В своем случае я поставил 15%

Нажмите сначала клавишу "D" (установить черный режим кисти, белый фона) а потом "X" (установить белый режим кисти, черный фона) - чтобы отрегулировать цвет.
Большой звездочкой отмечен инструмент "Фигура". На него как и ранее на инструмент "Рисование" нужно нажать правой кнопкой мыши...
1. ...и выбрать "Овал" или, как его ещё называют, "Эллипс" (Elipse Tool).
2. Наводим курсор (перекрестие) ровнехонько на левый верхний угол, и дальше, не отпуская левой кнопки мыши, тянем овал в правый нижний угол.
3. Должно получится что-то наподобие того, что на картинке (новичков просьба не пугаться, все в порядке, так и должно быть) .
http://i009.radikal.ru/0804/1c/9910b38a6abd.gif

С помощью стрелок на клавиатуре или инструмента "Перемещение" тащим овал наполовину вверх.
1. Теперь на панели слоев (если таковая у вас отсутствует (по умолчанию она должна быть снизу справа) то нажмите F7), щелкаем правой кнопкой мыши по слою с фигурой (Название по умолчанию у него "Фигура 1" ~ Shape 1).
2. Выбираем "Параметры наложения" (Blending Options).

1. В новом окне выделяем "Параметры наложения: Заказные" (Blending Options: Default).
2. Непрозрачность ставим ~ на 20-30% (в нашем случае 25).
Жмем "Да" или "Ок". Чувствуете разницу, не так ли?

http://i024.radikal.ru/0804/a6/5afe3340cf9d.gif

1. Параметры шрифта у классического юзербара должны быть именно такими.
Все о шрифте Visitor вы найдете по этой ссылки http://ubforum.ru/viewtopic.php?t=5160 в туториале HaN'a
2. Выбираем место для текста (дело в том, что у юзербара размером 350*19 при шрифте Visitor в 10 пикс можно легко найти середину (по вертикали) и разместить текст ровно, чтобы он не был не снизу не сверху), задействовав кнопочки со стрелками на клавиатуре или инструмент "Перемещение".
Можно изменить положение написанного вами текста (В моем случае "D. House Fan").

1. На панели слоев выделяем слой с текстом (он приобретает имя написанного текста). Жмем на эту кнопку и выбираем "Обводка" (Stroke).
2. Ставим размер 1 пикс.
3. Цвет ставим черный.
(Прим. автора: если хотите, то можете поставить галочку напротив строки "Тень" (Drop Shadow)).
Жмем "Да" или "Ок".

Большой звездочкой отмечена кнопка "Новый слой" (Create a new Layer). Жмем на неё.
Прим. автора: Новый слой можно так же создать с помощью клавиш Ctrl+N или зайдя в "Слой -> Новый -> Слой" (Layer -> New -> Layer).
1. У вас должен появиться новый слой. Теперь когда он выделен в панели слоев, жмем Ctrl+A и вы заметите выделение вокруг вашего юзербара.
2. Заходим в Редактирование -> Выполнить обводку (Edit -> Stroke).

1. Выставляем ширину рамки 1 пикс.
2. Цвет рамки должен быть черным (хотя бы для начала, а потом будете экспериментировать).
3. Непрозрачность - 100%
Жмем "Да" или "Ок".
Итак, мы получили уже готовый юзербар. Поздравляю!

http://i017.radikal.ru/0804/56/af23b61d51a5.jpg

Жмем "Да" или "Ок" и замечаем? что нашу картинку покрыли слегка заметные полоски (на картинке я увеличил чтобы было более заметно).

0

2

может быть, это одной мне кажется, что все можно было сделать симпатичнее и куда проще..  http://i011.radikal.ru/0911/f8/1395fd8aacb0.gif   http://s61.radikal.ru/i173/0911/14/99d203a6c969.gif

0


Вы здесь » Avalon » Шабаш » ФШ » Создание юзербара


Рейтинг форумов | Создать форум бесплатно