Ну для кого-то лучше в видео, для кого-то в тексте, поэтому решил написать туториал. Используется 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), и поворачиваем вертикально.
Готово:
Добавлено спустя 500 лет:
Модераторы, если не трудно, пожалуйста перенесите тему в раздел Учебники
Последний раз редактировалось: Nitrocium (Сб Мар 22, 2008 8:25 am), всего редактировалось 3 раз(а)
Зачем вторую рамку то в ручную рисовать? А Edit-Stroke зачем придумали разработчики? Ставишь вторую рамку под первую и делаешь ее в несколько раз (обычно 2) шире, ну или можно сначала инструмент Прямоугольное выделение выделить нужную область, но для этого трезвым надо быть . _________________
Jampire, выбераем инструмент "квадратное выделение", и выставляем параметры : , чик и все готово только я не уверен, что все смогут прямо в центр щелкнуть, поэтому поправляем выделение при помоши клавишь со стрелками по одному нажатию в нужную сторону
Nitrocium, согласен. МИР _________________ Follow me on VKontakte
Вы не можете начинать темы Вы не можете отвечать на сообщения Вы не можете редактировать свои сообщения Вы не можете удалять свои сообщения Вы не можете голосовать в опросах