Урок #1: создаем свой юзербар

[Martini]

автор: Martini (c)

Вступление.

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

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

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

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

[Гости не могут просматривать ссылки!]<br>

Начнем!

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

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

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

[Гости не могут просматривать ссылки!]<br> ([Гости не могут просматривать ссылки!]<br>)

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

[Гости не могут просматривать ссылки!]<br>

[Гости не могут просматривать ссылки!]<br>

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

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

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

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

[Гости не могут просматривать ссылки!]<br>

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

[Гости не могут просматривать ссылки!]<br>

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

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

[Гости не могут просматривать ссылки!]<br>

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

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

[Гости не могут просматривать ссылки!]<br>

11. Настало время завершать свою работу и добавить последний штрих. Остался текст. Классический шрифт для юзербаров - Visitor TT1 (BRK) скачать его можно [Гости не могут просматривать ссылки!]<br> ([Гости не могут просматривать ссылки!]<br>) . Но вы можете использовать любой другой по вкусу. Размер шрифта условно 10. Затем опредиляем стиль для шрифта (blending obtions)

[Гости не могут просматривать ссылки!]<br> ([Гости не могут просматривать ссылки!]<br>)

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

[Гости не могут просматривать ссылки!]<br>

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

[Гости не могут просматривать ссылки!]<br> ([Гости не могут просматривать ссылки!]<br>)

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

[Tamy]

Извиняюсь за глупый вопрос:blush: но как это изображение потом прикреплять к своим сообщениям?:confused:

[limnique]

но как это изображение потом прикреплять к своим сообщениям?

тут ссылка на картинку

[просто_Аня]

Еще удобно создавать .ps в фотоимпакте. там есть уже заготовки (Всякие объекты, например руки, цветки,), анимации

[Black Cat]

Еще удобно создавать .ps в фотоимпакте. там есть уже заготовки (Всякие объекты, например руки, цветки,), анимации

Скажи пожалусто где можно ету програму закачять может с ней мне повезёт. ;)

[Elemental]

Martini
Ты бы лучше написала как оптисизировать, а то у мну получаються по 50 кб. авики%)
Black Cat
Фотошоп есть? Забей на импакт: непойми что, расширенный пэйнт, ничего особенного нету. Фотошоп лучше. Имхо конечно.

[Martini]

Elemental, эта тема не про "авики", а про создание юзербара. :)
В любом случае, в 12-ом пункте как раз идет речь про оптимизацию для веба.
Для авиков тот же самый параметр ставьте (если в JPG формате).
Посмотри пункт 3 с параметрами: разрешение 70-72 (оптимальный для веба).

[просто_Аня]

Скажи пожалусто где можно ету програму закачять может с ней мне повезёт. ;)
Мне лично удобней в фотоимпакте. Елементаль, может у тя какаято старая версия? У мя вот XL и все отлично. :)
Я не знаю где скачать фотоимпакт. Я покупала эту программу на петровке в Киеве.

[Elemental]

просто_Аня
Хех, не в том дело, она просто урезаннее фотошопа, намного.

[Black Cat]

Martini
Ты бы лучше написала как оптисизировать, а то у мну получаються по 50 кб. авики%)
Black Cat
Фотошоп есть? Забей на импакт: непойми что, расширенный пэйнт, ничего особенного нету. Фотошоп лучше. Имхо конечно.

Мне не важно что кочять лижбы закачялось и можно выло бы делать узербары и т. д.

Black Cat добавил 10.01.2007 в 05:19
Мне лично удобней в фотоимпакте. Елементаль, может у тя какаято старая версия? У мя вот XL и все отлично. :)
Я не знаю где скачать фотоимпакт. Я покупала эту программу на петровке в Киеве.

Скажи мне полное название етой програмы я поищю в инете.

[Ева]

[Гости не могут просматривать ссылки!]<br> УРААА!!!! получилось!!!! Мартини, низкий тебе поклон!!!!

[Клей]

че такое буфер обмена?

[Арсений]

че такое буфер обмена?
Бу́фер обме́на — область оперативной памяти компьютера, в которой могут сохраняться данные различных форматов для переноса или копирования их между приложениями или частями одного приложения.

отсюда ([Гости не могут просматривать ссылки!]<br> D0%B5%D0%BD%D0%B0)

[Martini]

Если ты копируешь, напр-р, текст (выделяешь текст->правая кнопка мыши-> пункт "копировать" или "вырезать"), то эта информация автоматически отправляется в буфер обмена и там хранится до тех пор, пока не будет изменена. Есть горячие кнопки (чтобы не использовать долгую опирацию с мышкой): Ctrl + C (копировать), Ctrl + V (вставить).

[Клей]

сенк ю мой первый юзик сделан, но не судите строго - новичек..

[просто_Аня]

Скажи мне полное название етой програмы я поищю в инете.

Блек кет, так я те и не ответила :)
PhotoImpact XL называеться

[Даш@]

Зацените плиз мой юз!(в подписи стоит)

[Nensi]

Слова еле-еле прочитать. Надо было каким-то по ярче цветом написать

[PussyCat]

Даша, сделай юз побольше

[Даш@]

Слова еле-еле прочитать. Надо было каким-то по ярче цветом написать

а так лучше?

Даш@ добавил 24.03.2007 в 19:34
PussyCat,юзик ттакого стиля;)

[Ева]

Люди, очень хочу попробовать свои силы и создать кому-нибудь юзербар. Если кто хочет - пишите в личку.
Только
1.Указывайте цветовую гамму.
2.Надпись
3.Если хотите свои картинки на юзе-скидывайте:)

[Маша^]

Люди, можно спросить (надеюсь можно), почему все делаете юзербары без штриха?
Martini, кстати о штрихе, в твоём туториале, штрих можно сделать проше... ))