Список форумов UBForum.ru UserBars.ru
Огромный каталог юзербаров на любые темы!
 
Вход - Вход

Регистрация - Регистрация


На главную сайта UserBars.ru Правила форума Поиск Пользователи FAQ Группы
Userbox tutorial by Nitrocium (текст+картинки)
На страницу 1, 2, 3, 4, 5, 6, 7  След.
 
Начать новую тему   Ответить на тему    Список форумов UBForum.ru -> Учебники по созданию юзербоксов (userbox)
 
Автор Сообщение
Nitrocium
Модератор



Зарегистрирован: 30.11.2007
Сообщения: 800
Юбаксов : 10002

СообщениеДобавлено: Пт Мар 21, 2008 4:33 pm    Заголовок сообщения: Userbox tutorial by Nitrocium (текст+картинки) Ответить с цитатой

Ну для кого-то лучше в видео, для кого-то в тексте, поэтому решил написать туториал.
Используется 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), и поворачиваем вертикально.
Готово:

image020 image020 image020

Добавлено спустя 500 лет:

Модераторы, если не трудно, пожалуйста перенесите тему в раздел Учебники
image020 image020 image020


Последний раз редактировалось: Nitrocium (Сб Мар 22, 2008 8:25 am), всего редактировалось 3 раз(а)
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
admin
Аццкий Юзербар

Зарегистрирован: 30.05.2004
Сообщения: 258
Юбаксов : 0

СообщениеДобавлено: вчера    Заголовок сообщения: Ответить с цитатой

Вернуться к началу
Посмотреть профиль Отправить личное сообщение
ScUm
Аццкий Юзербар
Предупреждений: 1


Зарегистрирован: 29.02.2008
Сообщения: 3008
Юбаксов : 156

СообщениеДобавлено: Пт Мар 21, 2008 4:43 pm    Заголовок сообщения: Ответить с цитатой

Аффтару 5+!!! Хорошо и понятно! + неплохой юзербокс получилсоimage020
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
3eJIeHb
Аццкий Юзербар



Зарегистрирован: 16.08.2007
Сообщения: 1518
Юбаксов : 100

СообщениеДобавлено: Пт Мар 21, 2008 4:46 pm    Заголовок сообщения: Ответить с цитатой

Offtopic
_________________
Follow me on VKontakte

если не соблюдать хотя бы размер юзербаров форум превратиться просто в форум с просьбами изготовления картинок разных размеров. © MOOF
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Nitrocium
Модератор



Зарегистрирован: 30.11.2007
Сообщения: 800
Юбаксов : 10002

СообщениеДобавлено: Пт Мар 21, 2008 4:47 pm    Заголовок сообщения: Ответить с цитатой

3eJIeHb
Offtopic
_________________
Больше всего посетителей (251) здесь было Вт Апр 08, 2008 8:43 pm
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
admin
Аццкий Юзербар

Зарегистрирован: 30.05.2004
Сообщения: 258
Юбаксов : 0

СообщениеДобавлено: вчера    Заголовок сообщения: Ответить с цитатой

Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Adrenalin
Интересующийся
Предупреждений: 3Предупреждений: 3Предупреждений: 3


Зарегистрирован: 29.12.2007
Сообщения: 34
Юбаксов : 0

СообщениеДобавлено: Пт Мар 21, 2008 5:26 pm    Заголовок сообщения: Ответить с цитатой

Классный тутор, всё очень понятно!!! Но мне кажется что у тебя в 9-том шаге не тот скриншот стоит который должен стоять!!!
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Kentavr_VS
Мимо проходил



Зарегистрирован: 21.03.2008
Сообщения: 7
Юбаксов : 0

СообщениеДобавлено: Пт Мар 21, 2008 5:36 pm    Заголовок сообщения: Ответить с цитатой

Adrenalin писал(а):
Классный тутор, всё очень понятно!!! Но мне кажется что у тебя в 9-том шаге не тот скриншот стоит который должен стоять!!!

это так. ибо.
только вот я рамку делаю по-другому...
и у Зелени прикольнее блик получался с двух сторон.
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Nitrocium
Модератор



Зарегистрирован: 30.11.2007
Сообщения: 800
Юбаксов : 10002

СообщениеДобавлено: Пт Мар 21, 2008 5:43 pm    Заголовок сообщения: Ответить с цитатой

Adrenalin
Cпасибо, что исправил, а то я запуталсо немного
_________________
Больше всего посетителей (251) здесь было Вт Апр 08, 2008 8:43 pm
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
admin
Аццкий Юзербар

Зарегистрирован: 30.05.2004
Сообщения: 258
Юбаксов : 0

СообщениеДобавлено: вчера    Заголовок сообщения: Ответить с цитатой

Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Jampire
Аццкий Юзербар



Зарегистрирован: 08.06.2007
Сообщения: 1956
Юбаксов : 500

СообщениеДобавлено: Пт Мар 21, 2008 6:58 pm    Заголовок сообщения: Ответить с цитатой

Зачем вторую рамку то в ручную рисовать? А Edit-Stroke зачем придумали разработчики? Ставишь вторую рамку под первую и делаешь ее в несколько раз (обычно 2) шире, ну или можно сначала инструмент Прямоугольное выделение выделить нужную область, но для этого трезвым надо быть Very Happy .
_________________

Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Adrenalin
Интересующийся
Предупреждений: 3Предупреждений: 3Предупреждений: 3


Зарегистрирован: 29.12.2007
Сообщения: 34
Юбаксов : 0

СообщениеДобавлено: Пт Мар 21, 2008 7:00 pm    Заголовок сообщения: Ответить с цитатой

Offtopic
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Nitrocium
Модератор



Зарегистрирован: 30.11.2007
Сообщения: 800
Юбаксов : 10002

СообщениеДобавлено: Пт Мар 21, 2008 7:00 pm    Заголовок сообщения: Ответить с цитатой

Jampire
я знаю, что так можно сделать, но я рисую вручную, мне так больше нравится
Offtopic
_________________
Больше всего посетителей (251) здесь было Вт Апр 08, 2008 8:43 pm
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
admin
Аццкий Юзербар

Зарегистрирован: 30.05.2004
Сообщения: 258
Юбаксов : 0

СообщениеДобавлено: вчера    Заголовок сообщения: Ответить с цитатой

Вернуться к началу
Посмотреть профиль Отправить личное сообщение
3eJIeHb
Аццкий Юзербар



Зарегистрирован: 16.08.2007
Сообщения: 1518
Юбаксов : 100

СообщениеДобавлено: Пт Мар 21, 2008 7:57 pm    Заголовок сообщения: Ответить с цитатой

Jampire, выбераем инструмент "квадратное выделение", и выставляем параметры : , чик и все готово Very Happy только я не уверен, что все смогут прямо в центр щелкнуть, поэтому поправляем выделение при помоши клавишь со стрелками по одному нажатию в нужную сторону Very Happy
Nitrocium, согласен. МИР Very Happy
_________________
Follow me on VKontakte

если не соблюдать хотя бы размер юзербаров форум превратиться просто в форум с просьбами изготовления картинок разных размеров. © MOOF
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Nitrocium
Модератор



Зарегистрирован: 30.11.2007
Сообщения: 800
Юбаксов : 10002

СообщениеДобавлено: Пт Мар 21, 2008 8:10 pm    Заголовок сообщения: Ответить с цитатой

3eJIeHb
миру-мир! image020
_________________
Больше всего посетителей (251) здесь было Вт Апр 08, 2008 8:43 pm
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
FlexZERO
Супер Модератор

<b>Супер Модератор</b>


Зарегистрирован: 17.03.2007
Сообщения: 2717
Юбаксов : 10001

СообщениеДобавлено: Пт Мар 21, 2008 9:34 pm    Заголовок сообщения: Ответить с цитатой

блик с одной стороны не тру
_________________



Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора AIM Address
admin
Аццкий Юзербар

Зарегистрирован: 30.05.2004
Сообщения: 258
Юбаксов : 0

СообщениеДобавлено: вчера    Заголовок сообщения: Ответить с цитатой

Вернуться к началу
Посмотреть профиль Отправить личное сообщение
ScUm
Аццкий Юзербар
Предупреждений: 1


Зарегистрирован: 29.02.2008
Сообщения: 3008
Юбаксов : 156

СообщениеДобавлено: Пт Мар 21, 2008 9:37 pm    Заголовок сообщения: Ответить с цитатой

FlexZERO + адын! С двух лучше...
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Nitrocium
Модератор



Зарегистрирован: 30.11.2007
Сообщения: 800
Юбаксов : 10002

СообщениеДобавлено: Пт Мар 21, 2008 10:49 pm    Заголовок сообщения: Ответить с цитатой

FlexZERO
а меня с одной прет image008
_________________
Больше всего посетителей (251) здесь было Вт Апр 08, 2008 8:43 pm
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Показать сообщения:   
Начать новую тему   Ответить на тему    Список форумов UBForum.ru -> Учебники по созданию юзербоксов (userbox) Часовой пояс: GMT + 3
На страницу 1, 2, 3, 4, 5, 6, 7  След.
Страница 1 из 7

 
Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах

phpBB "skin" by DewChugr
Powered by phpBB © 2001, 2005 phpBB Group
y2006-2012 - by MOOF....