Парковочка - Форум развлечения и отдыха!

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

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



Делаем юзербокс

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

1

итак, как и обещала, вот вам урок. примеры работ http://s60.radikal.ru/i167/0904/7a/694f1b2cf08c.gif     обычно ставятся в подпись, или на аватар. итак
1. Открыли Photoshop, создаем файл размером 50х125 с разрешением 72 пикселя/дюйм.
2. Ищем картинку, которую хотиете поместить на юзербокс, например эту:
http://i030.radikal.ru/0803/8c/250938c8ebfa.jpg
3. Вставляем на юзербокс немного редактируем размер, получаем заготовку для будущего юзербокса:
http://img229.imageshack.us/img229/5707/47129679fn8.png
4. Теперь будем делать стекло. Создаем новый слой, заливаем белым цветом #FFFFFF. Называем слой, например стекло (да как угодно) Теперь выбираем инструмент Эллипс (Eliptical Marque Tool), и делаем вот такое выделение:
http://img229.imageshack.us/img229/9012/54351491ay2.png
5. Вырезаем выделенную часть, но у нас остается ненужный белый, цвет:
http://i010.radikal.ru/0803/87/12fbcaa73a57.png
Его мы удаляем инструментом Ластик (Eraser Tool):
http://img229.imageshack.us/img229/5622/76984550li4.png
6. Ставим Прозрачность слоя (Opacity) стекло на 30% (я делаю обычно с такой прозрачностью, вы можете выбрать любую другую):
http://img229.imageshack.us/img229/1576/88894405ya3.png
7. Теперь выбираем инструмент Выделение прямоугольником (Marque Tool), и выделяем все изображение полностью:
http://i047.radikal.ru/0803/20/8e3098c6e3d2.png
Cоздаем новый слой, выбираем цвет (чтобы он подходил под основную цветовую гамму юзербокса) #7290BD, идем в Редактировать --> Штрих (Edit --> Stroke) , и выбираем такие настройки:
http://i026.radikal.ru/0803/1d/1f1f9a6e00b4.png
8. Теперь будем делать градиентную рамку внутри юзербокса. Создаем новый слой, выбираем цвет позаметнее (чтобы не сливался с цветами), например белый #FFFFFF (в этом случае он будет заметным), делаем масштаб в 300%, выбираем инструмент Карандаш (Pencil Tool) размером 1, и рисуем внутри юзербокса рамку, так, чтобы она была рядом с рамкой цвета #7290BD:
http://i019.radikal.ru/0803/19/33109cce2483.png
http://img229.imageshack.us/img229/6772/10sk0.png
9. Теперь идем в Слой --> Стиль Слоя (Layer --> Layer Style), выбираем Перекрытие градиента (Gradient Overlay) от черного к белому, то есть этот (выделен красной квадратной рамочкой)
http://i048.radikal.ru/0803/40/5db6c5b575f1.png
Получаем вот что:
http://img229.imageshack.us/img229/1948/12qf2.png
10. Ну и последнее - текст. Пишем например Nuclear белым цветом #FFFFFF, обводка черным цветом #000000. Потом идем в Редактировать --> Трансформация --> Поворот (Edit --> Transform --> Rotate), и поворачиваем вертикально.
Готово:
http://img229.imageshack.us/img229/7259/13dv0.png
http://i.smiles2k.net/aiwan_smiles/yes.gif  http://i.smiles2k.net/aiwan_smiles/yes.gif  http://i.smiles2k.net/aiwan_smiles/yes.gif
выкладывайте работки
кстати, если зотите чтобы изображение двигалось как на примерах, просто откройте анимацию, и подвигайте слой с картинкой в разные стороны, не забывая при этом создавать новые кадры

Отредактировано CrAzY_GiRl (2009-05-14 00:37:34)

0

2

Огромное спасибо за все ваши уроки!  http://girldjmcdriver.topbb.ru/uploads/0006/69/c6/11851-2.gif

0