Вход
Архивы

Monthly Archives: Январь 2009

Создаём UserBar

Сегодня мы будем делать UserBar, любитель форумов должны знать, что это такое и зачем это нужно, не если вы не знаете что это такое, то я вам расскажу.

UserBar или просто «графическая подпись (юзербар)» обычно размещается в подписи и отражает взгляды и интересы пользователя. Есть множество сайтов, на которых вам предлагают скачать готовые UserBar `ы. Но ведь этот юзербыр скачивают тысячи людей, и вы нередко сможете увидеть подобные юзербары у форуманчан. Давайте выделимся из общей массы и сделаем свой, уникальный UserBar!

И так, от теории переходим к практике:

1. Для начало как обычно создадим новый документ, обычные размеры, которыми я привык пользоваться это 350х20 пикселей:

Создаём UserBar

2. Теперь нужно придумать фон, тут есть 2 варианта, первый: вы просто заливаете каким либо цветом фон, второй на фон ставите какую либо картинку, оба варианта хороши, я сделаю перелив цвета, из светлого в более тёмный:

Создаём UserBar

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

Создаём UserBar

4. Давайте теперь перейдём в раздел внутренняя тень (в англ. версии Inner Shadow) и выполним следующие настройки:

Создаём UserBar

5. Давайте добавил к нашему юзербару стандартную штриховку, она украсит наш юзербар, для этого оставим наше главное изображение и создадим новое размерами 4х4:

Создаём UserBar

6. Увеличиваем изображение и делаем горизонтальную белую линию с помощью инструмента карандаш:

Создаём UserBar

7. Затем выполняем следующее действие: редактирование —> Определить узор (в англ. версии Edit —> Define Pattern) и нажимаем ОК. Теперь наше изображение определено как узор, и мы можем закрыть его не сохраняя, оно нам больше не понадобится.

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

Создаём UserBar

9. Фон готов, теперь давайте сделаем надписи, обычно используют шрифт Visitor TT1 BRK (Внизу статьи вы можете его скачать)

Создаём UserBar

10. Как видите надпись не очень красиво вписывается, поэтому проведём небольшую модификацию, нажимаем на слой с текстом 2 раза, и ставим тень как на рисунке:

Создаём UserBar

11. Теперь добавим обводку в 1 пиксель:

Создаём UserBar

12. Создадим новый слой над фоном, и с помощью разных кисточек сделайте какие нибудь полоски и.т. д:

Создаём UserBar

13. Создадим эффект стекла, сделаем мы его так, выделите область с помощью Инструмента Овальная область (в англ. версии Elliptical Marquee Tool) как на рисунке, и зальём его градиентом белого цвета (с прозрачностью в 65%)
Можно поэкспериментировать и добиться отличного результата, вот что получилось у меня:

Создаём UserBar

Выкладывайте свои работы. Удачи!

Создаём UserBar Скачать с сервера два вида шрифтов для UserBar: hoog_mini.zip

Если вы ищите что посмотреть в интернете, тогда вам как нельзя, кстати, подойдёт сайт нашего партнёра — Сериал Универ онлайн


Логотип для сайта, в фотошопе

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

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

Логотип для сайта, в фотошопе

2. Далее давайте создадим новый слой, и заливаем его белым цветом:

Логотип для сайта, в фотошопе

3. Далее напишите текст, это может быть название вашего сайта или что-то в этом роде, я взял шрифт Defused, так как он, на мой взгляд, красивый и привлекательный, вы можете взять другой понравившейся вам шрифт (шрифты можно найти на нашем сайте в разделе Шрифты, также внизу темы вы можете скачать шрифт Defused):

Логотип для сайта, в фотошопе

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

Логотип для сайта, в фотошопе

5. Далее добавим обводку текста в 2 пикселя:

Логотип для сайта, в фотошопе

6. Далее создадим интересный эффект, на время отложим нашу основную работу и создадим ещё один рисунок размерами 4х4 пикселя, без фона, и инструментом «карандаш» сделаем диагональную линии белым цветом, и чтобы легче было рисовать увеличьте рисунок на максимум.:

Логотип для сайта, в фотошопе

7. После этого нажмите: Редактирование —> Определить узор (Edit —> Define Pattern) и нажимаем OK. Рисунок можно закрывать, он нам не понадобится, поэтому можно и не сохранять.

8. Далее возвращаемся к основному рисунку и 2 раза кликнем по слою с текстом, и добавляем эффект Перекрытие узора (в англ. Версии: Pattern Overlay) и выставляем следующие настройки (непрозрачность (в англ. Версии Opacity, выставляем по вкусу):

Логотип для сайта, в фотошопе

9. Получается красиво, но чего-то нахватает, надо добавить эффект стекла, он прост и красив, а это то что там надо, для этого создайте новый слой, выберите инструмент «Овальная область» (в англ. версии Elliptical Marquee Tool) и нарисуйте эллипс, как на рисунке. Залейте его белым цветом:

Логотип для сайта, в фотошопе

10. Теперь снимите выделение ( CTRL + D ), уменьшите Прозрачность (в англ. версии Opacity)
Вот и всё, замечательный логотип готов! Радуйтесь результатом, и выкладывайте свои работы.

Логотип для сайта, в фотошопе

Логотип для сайта, в фотошопе Скачать с сервера шрифт Defused: defused.zip

Всё о первой беременности вы сможете прочитать, перейдя по ссылке нашего спонсора — Выделения при первой беременности


Новая раздача ICQ!
Новая раздача ICQ!

Раздача ICQ!

Для того чтобы получить номерок — вам нужно быть зарегистрированным пользователем и иметь минимум 4 комментария на сайте. Смотрите какой номерок свободен, пишите его в комментариях к статье, и после того как мы увидим вашу заявку мы вышлем ваш пароль в личное сообщение. На одного пользователя один номер.


89099170-Занято
89203920-Занято
95037793[-Занято
95252217-Занято
95255218-Занято
95141354-Занято
95137337-Занято
95137715-Занято
64559195-Занято
95141895[-Занято
95188448-Занято
95189166[-Занято
89195186-Занято
95254233-Занято
95249532-Занято
95249282-Занято
83028135-Занято
95123302-Занято
83028189-Занято
95141029-Занято
14692022-Занято
95162021-Занято
95250177Занято
95189021Занято
95188200Занято
95139580-Занято
95190388Занято
95141060-Занято
87115480Занято
95140488Занято