forum.rastrnet.ru - Уроки по созданию юзербаров

Вступление.

Другими словами - подпись для форума. Если вас уже доконали как и меня линейки, которые никогда не были популярны ни в Европе, ни в Японии, короче говоря нигде, то эта тема для вас, любители прекрасного и уникального.
Без юзербаров не обходится почти никакой уважающий себя форумчанин за границей. Попробуйте создать для себя необычную подпись, которая будет идеально отражать ваш характер. И у нАших может быть отменный вкус!

Если вы начинающий и еще плохо разбираетесь или неуверенно чувствуете себя в этом редакторе, то сосредоточтесь и попытайтесь максимально вникнуть в мои слова, ибо все очень просто и интересно. Я специально для вас установила русскоязычную версию, так что будет вдвойне легче ориентироваться, НО имейте ввиду, что только оригинал, т.е. англ. версия является точной и в которой следует работать.

Нужно учитывать главное обстоятельство: создавайте как можно больше отдельных слоев для каждого важного действия. Если допустите ошибку или захотите дополнить, то это будет легче всего сделать, если слои находятся раздельно др. от др. Также каждому слою следует давать понятное название, чтобы вы знали что там находится.

Так расположились слои к концу этого урока:

http://img179.imageshack.us/img179/7082/12ow6.jpg

Начнем!

1. Откройте ваш фотошоп. Если у вас редактора еще нет, то сможете скачать последнюю версию, тобишь Adobe Photoshop CS2 непосредственно у нас.

2. подготовьте материал для юзербара: для начала можно 2 картинки, одна из которых будет служить фоном, другая - темой. Вы можете добавлять и эксперементировать по своему вкусу.

3. создайте новое изображение со следующими параметрами: [PIC]

http://img137.imageshack.us/img137/1351/1vm1.th.jpg

4. одновременно с новым файлом, открывайте заготовки. Если картинки большие, то вырежьте самый удачный или просто подходящий кусочек с помощью инструметов "рамка" или "лассо" (или своим способом, нету ограничений) [PIC]. Оставшийся кусок выделяем и копируем в буфер обмена с помощью горячих кнопок Ctrl+C (вставляем Ctrl+V). Фон в принципе можно сделать и инструментом "заливка" или "грациент".

http://img246.imageshack.us/img246/9154/2jg6.jpg

http://img168.imageshack.us/img168/4858/3cj7.jpg

5. Создаем новый слой (Layer->New->Layer) с фоном, которому соответ-но дайте название "фон". Вставляйте сюда вырезанный раннее фон. У меня - зеленный фон.

6. Содаем новый слой для основной картики. Вставляем скопированное. У меня это аниме девочка, поэтому так и называею слой "Девочка".

7. создаем еще один слой для спецэффекта. Я использовала стильную кисточку, вы можете этого не делать.

Вот, что у меня получилось:

http://img138.imageshack.us/img138/5425/11tu4.jpg

8. Попробуем создать классические полосы, которые очень украсят наш юзербар.
Создаем новое изображение рамером 6х6 пикселей с прозрачным фоном. Это крохотное изображение увеличиваем с помощью лупы до отказа, где-то на 1600%.
Вооружаемся карандашом и рисуем этот орнамент. Один клик - одна точка. Можете сделать и свой орнамент.

http://img168.imageshack.us/img168/590/4rh9.jpg

После того, как все будет сделано, то сохраните этот узор для штампа: редактирование->определить узор (edit->Define Pattern ). Даем название, если хотите и сохраняем.

9. Создаем нашему юзербару еще один слой - "Линии".
Сверху, в опции Pattern (Узорный штамп), выбираем новую линию, которую недавно рисовали. размер желательно поставить побольше, напр-р, 100. Теперь ведем этим штампом от начала и до конца юзербара на этом слое "Линии". Прозрачность вы можете поставить на свой вкус.

http://img168.imageshack.us/img168/4061/5if8.jpg

Главное не забывайте, что неправильно расположенные слои могут друг друга перекрывать, поэтому обращайте на это внимание. Переставляйте слои, чтобы было максимум удобно работать.

10. Попробуем сделать эффект выпуклотости. Для этого в самом вверху всех слоев создаем новый. Называем его "Кнопка". С помощью лассо (lasso) Рисуем желаемый контур будущегго эффекта отражения света. Воспользуйтесь сразу горячими кнопками: X, затем alt+backspace. Ваше выделение должно стать белым. Настройте прозрачность.
Еще без прозрачности:

http://img138.imageshack.us/img138/2090/7nj8.jpg

11. Настало время завершать свою работу и добавить последний штрих. Остался текст. Классический шрифт для юзербаров - Visitor TT1 (BRK) скачать его можно http://getfile.biz/49228 (http://getfile.biz/49228) . Но вы можете использовать любой другой по вкусу. Размер шрифта условно 10. Затем опредиляем стиль для шрифта (blending obtions)

http://img143.imageshack.us/img143/2763/8nz7.th.jpg

итак, вот что у меня получилось в конечном итоге!!!

http://img137.imageshack.us/img137/3504/13qv5.jpg

12. Свой юзербар сохраняем для инета: файл->сохранить для WEB... (file->save for WEB...) с такими параметрами:

http://img179.imageshack.us/img179/224/10vt9.th.jpg

Это пожалуй и все)) надеюсь вам было интересно и у вас получился интересный вариант. Главное эксперементировать! ( ( (

©Martini

собственно все ссылки проверил на работоспособность, вроде норм =)