Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[
  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: Otaky, DarknessChild  
Форум cStr1ke-Portal » Учебник по PhotoShop » Уроки » Как сделать UserBox
Как сделать UserBox
4u}I{bДата: Среда, 29.10.2008, 21:55 | Пост # 1
Группа: *VIP*
Сообщений: 1020
[ 104 ]
Замечания: 20%
Статус: =(
Профиль пользователя
Ну для кого-то лучше в видео, для кого-то в тексте, поэтому решил написать туториал.
Используется Photoshop 8.0 CS, русская версия.
1. Открыли Photoshop, создаем файл размером 50х125 с разрешением 72 пикселя/дюйм.
2. Ищем картинку, которую хотиете поместить на юзербокс, например эту:

3. Вставляем на юзербокс немного редактируем размер, получаем заготовку для будущего юзербокса:

4. Теперь будем делать стекло. Создаем новый слой, заливаем белым цветом #FFFFFF. Называем слой, например стекло (да как угодно) Теперь выбираем инструмент Эллипс (Eliptical Marque Tool), и делаем вот такое выделение:

5. Вырезаем выделенную часть, но у нас остается ненужный белый, цвет:

Его мы удаляем инструментом Ластик (Eraser Tool):

6. Ставим Прозрачность слоя (Opacity) стекло на 30% (я делаю обычно с такой прозрачностью, вы можете выбрать любую другую):

7. Теперь выбираем инструмент Выделение прямоугольником (Marque Tool), и выделяем все изображение полностью:

Cоздаем новый слой, выбираем цвет (чтобы он подходил под основную цветовую гамму юзербокса) #7290BD, идем в Редактировать --> Штрих (Edit --> Stroke) , и выбираем такие настройки:

8. Теперь будем делать градиентную рамку внутри юзербокса. Создаем новый слой, выбираем цвет позаметнее (чтобы не сливался с цветами), например белый #FFFFFF (в этом случае он будет заметным), делаем масштаб в 300%, выбираем инструмент Карандаш (Pencil Tool) размером 1, и рисуем внутри юзербокса рамку, так, чтобы она была рядом с рамкой цвета #7290BD:


9. Теперь идем в Слой --> Стиль Слоя (Layer --> Layer Style), выбираем Перекрытие градиента (Gradient Overlay) от черного к белому, то есть этот (выделен красной квадратной рамочкой)

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

10. Ну и последнее - текст. Пишем например Nuclear белым цветом #FFFFFF, обводка черным цветом #000000. Потом идем в Редактировать --> Трансформация --> Поворот (Edit --> Transform --> Rotate), и поворачиваем вертикально.
Готово:

Источник


FireFox 4ever
OtakyДата: Среда, 29.10.2008, 21:59 | Пост # 2
Администратор / Helper по сайту
Группа: Admin
Сообщений: 960
[ 62 ]
Статус: =(
Профиль пользователя
самый лёгкий урок
легче чем биг-бар урок)


Аниме - это не термин, а состояние души ©
eNdem1cДата: Среда, 29.10.2008, 22:06 | Пост # 3
Модератор форума
Группа: *VIP*
Сообщений: 128
[ 4 ]
Замечания: 0%
Статус: =(
Профиль пользователя


Помог ставь+
Мой червер cs 1.6 Все сюда!!!!
OtakyДата: Среда, 29.10.2008, 22:07 | Пост # 4
Администратор / Helper по сайту
Группа: Admin
Сообщений: 960
[ 62 ]
Статус: =(
Профиль пользователя
eNdem1c,
прозрачность штриховки поменьше сделай


Аниме - это не термин, а состояние души ©
Jumper™Дата: Среда, 29.10.2008, 22:11 | Пост # 5
Группа: Удаленные
[ ]
Профиль пользователя
Slavqa, при взятии урока с другого сайта прошу указывать источник.. Что бы потом не говорили что мы всегда воруем..
OtakyДата: Среда, 29.10.2008, 22:12 | Пост # 6
Администратор / Helper по сайту
Группа: Admin
Сообщений: 960
[ 62 ]
Статус: =(
Профиль пользователя
Slavqa,
ты мне говориш:)


Аниме - это не термин, а состояние души ©
Jumper™Дата: Среда, 29.10.2008, 22:15 | Пост # 7
Группа: Удаленные
[ ]
Профиль пользователя
Slavqa, ой сорр... Вобще это всех касается.
eNdem1cДата: Среда, 29.10.2008, 22:17 | Пост # 8
Модератор форума
Группа: *VIP*
Сообщений: 128
[ 4 ]
Замечания: 0%
Статус: =(
Профиль пользователя
wink окей позже зделаем , Jumper Это Чиж добавил к Славке притензий нет!!!!

Помог ставь+
Мой червер cs 1.6 Все сюда!!!!
maksa5Дата: Четверг, 30.10.2008, 11:24 | Пост # 9
Группа: User
Сообщений: 15
[ 0 ]
Замечания: 20%
Статус: =(
Профиль пользователя
Люди дайте Урок Видео а то так малох непонатно sad

JaromДата: Четверг, 30.10.2008, 12:44 | Пост # 10
BANNED!
Группа: Заблокированные
Сообщений: 289
[ 46 ]
Замечания: 20%
Статус: =(
Профиль пользователя
maksa5, а ты что безмозглый ?? Урока легче я невидал !

smallboy2Дата: Четверг, 30.10.2008, 13:00 | Пост # 11
Группа: User
Сообщений: 3
[ 0 ]
Замечания: 0%
Статус: =(
Профиль пользователя
Ну вреале дайте урок я тоже нешпарю smile Плизз

:)
JaromДата: Четверг, 30.10.2008, 13:23 | Пост # 12
BANNED!
Группа: Заблокированные
Сообщений: 289
[ 46 ]
Замечания: 20%
Статус: =(
Профиль пользователя
http://cstr1ke-portal.3dn.ru/forum/50-170-1 - не видео , но прощще !

smallboy2Дата: Четверг, 30.10.2008, 13:51 | Пост # 13
Группа: User
Сообщений: 3
[ 0 ]
Замечания: 0%
Статус: =(
Профиль пользователя
Да ну соровно непонатно дайте плииззз Видео Урокк Плизззз

:)
maksa5Дата: Четверг, 30.10.2008, 14:27 | Пост # 14
Группа: User
Сообщений: 15
[ 0 ]
Замечания: 20%
Статус: =(
Профиль пользователя
Ну замутите плиззз видео

OtakyДата: Четверг, 30.10.2008, 14:30 | Пост # 15
Администратор / Helper по сайту
Группа: Admin
Сообщений: 960
[ 62 ]
Статус: =(
Профиль пользователя
а что непонятного?
на сайте есть словарик фотошопа , с ним ваще легко всё сделать
и помоему всё легко написано
легче чем видео урок


Аниме - это не термин, а состояние души ©
Форум cStr1ke-Portal » Учебник по PhotoShop » Уроки » Как сделать UserBox
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:

             Наши топы

Copyright cstr1ke-porta© 2024. Все права нарушены. Сайт оптимизирован под бразуер Opera и под экран 1024х768 пикселей.

Desing by Otaky..