Страница 1 из 11
Модератор форума: CeRBeR, Annonimous 
Форум WoW-Game » Дизайнерская мастерская » Уроки » [Учебник] Создание юзербокса
[Учебник] Создание юзербокса
CeRBeRДата: Пятница, 30.07.2010, 23:09 | Сообщение # 1
«¤• Art Master •¤»
Группа: Модераторы
Сообщений: 139
Награды: 1
Репутация: 69
Статус:
Вот увидел у Арклайта в подписе юбокс, решил кинуть тутор)
Используется 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), и поворачиваем вертикально.
Готово:
 
terikДата: Воскресенье, 01.08.2010, 15:10 | Сообщение # 2
Чемпион
Группа: Пользователи
Сообщений: 210
Награды: 2
Репутация: 26
Статус:
о кул,ща сделою себе)лови +сик

 
McKayДата: Суббота, 14.08.2010, 10:38 | Сообщение # 3
Rap Style
Группа: V.I.P. Пользователи
Сообщений: 188
Награды: 1
Репутация: 49
Статус:
Автора указываем, не забываем.
 
Форум WoW-Game » Дизайнерская мастерская » Уроки » [Учебник] Создание юзербокса
Страница 1 из 11
Поиск: