Вернуться   D3Scene.Ru Софт портал игр | Хаки | Проги | Статьи > Free chat > Картинки > Photoshop > Уроки Photoshop
Присоединяйся к нам

Уроки Photoshop Уроки,Кисти,Паттерны и многое другое.



Ответ
 
Опции темы Опции просмотра
Старый 24.04.2009, 11:47   #1
Гость_за_инактив
 
Аватар для nO[th]X
 
Регистрация: 05.01.2009
Адрес: Жезказган
Сообщений: 63
Репутация: 40
Отправить сообщение для nO[th]X с помощью ICQ
Автор По умолчанию

Урок по созданию Юзербара


Урок по созданию Юзербара

Привет Всем!Данная тема посвещается всем тем кто умеет работать на Adobe Photoshop CS2(ну хотя бы знает основы)и хочет научится делать Юзербары(Сигнатуры).

И так преступим к делу.

1)Для начала Откроем Adobe Photoshop CS2

2)Создаём документ размером 350х20 Заливаем первый слой любым цветом(в моём случае это чёрный)


3)Создаём полоски:создаём файл 5х5 пикселей,кисточкой создаём диагональ. Но из за того что размер очень маленький нам придется с помощью лупы увеличить размер на максимум примерно на 1600 %

4)Определяем наш рисунок как узор



5)Теперь у нас есть традиционные полоски
В файле с юзербаром создай новый слой,заливаем его нашими полосками



6)не обращайте внимание на цветовую палитру в углу вмонтировал её чисто случайно Уменьшаем прозрачность слоя с полосками примерно до 30%
Создаём новый слой, на нём создаём выделение примерно такое же как наскрине(но можно и любое другое),заливаем выделение белым цветом



7)Отменяем выделение(ctrl+d),уменьшаем прозрачность слоя примерно до 25%-35%
Основа юзербара готова.

Таким образом мы сделали основу нашего Юзербара.Далее берем Любую понравившуюся вам картинку,или же объект(картинку надо вырезать)и вставляем ее в наш ЮзерБар.Добавляем текст и вот,Юзербар(Сигнатура)готова.

Вот готовый пример с Вырезанной картинкой и Текстом:


Взято с сайта [Ссылки скрыты от гостей.] Текст обработан мною.

Желаю успехов в создании ЮзерБара!


Добавлено через 6 часов 31 минуту
Уроки по созданию Юзербара
Часть 2.
--------------------------------------------
Я расскажу вам как сделать вот такой юзербарчик:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

Итак запускаем программу, жмем File -> New... (Или Ctrl+N).
Перед нами появится окошко, которое мы заполняем по образцу:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

Жмем Ok, перед нами появится рабочее поле с будущим юзербаром.
Затем открываем [Ссылки скрыты от гостей.],из которой вы хотите сделать фон (можно простым перетаскиванием).Размещаем ее как надо при помощи инструмента изменения размера и формы Freetransform (Ctrl+T)
Совет: при зажатии клавиши Shift при перетаскивании за края картинки сохраняются пропорции, Alt - сохраняется положение центра.

Получаем что-то типа этого:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

Создаем новый слой:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

Выбираем инструмент прямоугольное выделение:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

Делаем выделение как показано на рисунке:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

Идем в меню Edit -> Fill:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

В появившемся окне выставляем значения как показано на рисунке (цвет делаем белый):
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

Опять делаем новый слой, делаем выделение как на рисунке:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

Идем в меню Edit -> Stroke:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

В появившемся окошке выставляем значения как на картинке:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

Теперь делаем надпись. Выбираем инструмент Horizontal Type Tool (T):
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

Пишем Rally Fan белым цветом. Шрифт можно применить любой. Жмем Enter.
Теперь выберем слой с надписью и жмем конопку Blending options:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

В появившемся окне ставим галочку на Stroke и ставим значения как на рисунке:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

Слой с текстом нужно расположить под обводкой и бликом.
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0">

Вот и все, юб готов screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" onmousewheel="return imgzoom(this);" alt="" border="0"> Осталось нажать File -> Save as... формат обычно используют .png,т.к. он качественней обычного jpeg, и поддерживает прозрачность, но имеет больший размер.


Взято с [Ссылки скрыты от гостей.]


P.S.Данный урок можна применить практически к любой картинке.Успехов в создании Юзербара(сигнатуры)
---------------------------------------------------------
__________________
[Ссылки скрыты от гостей.]

Последний раз редактировалось nO[th]X; 24.04.2009 в 18:19. Причина: Добавлено сообщение
  Ответить с цитированием Наверх
5 пользователя(ей) сказали cпасибо:
$ini$teR (24.04.2009), aLPaCiNo (24.04.2009), Bishop (25.04.2009), SouL (24.04.2009), UnDeaDRoCUser (24.04.2009)
Старый 25.04.2009, 00:05   #2
Бан
 
Аватар для Bishop
 
Регистрация: 05.09.2008
Сообщений: 659
Репутация: 587
Отправить сообщение для Bishop с помощью ICQ Отправить сообщение для Bishop с помощью Skype™
По умолчанию

ГГ... помню свои первый дни , нашол урок по созданию переливающейся аватарки делал его раз 1000500 , так и не получилось =))) Исказл как делать юзер-бары , ооо ка ккруто и т.д. , а щас смотришь на -э то и думаешь , ппц нафига еще и уроки придумывать , ч то может быть проще ...
Респект....
  Ответить с цитированием Наверх
Пользователь сказал cпасибо:
nO[th]X (25.04.2009)
Старый 19.08.2009, 00:34   #3
Матерый
 
Аватар для uNforeseeN
 
Регистрация: 17.08.2009
Сообщений: 156
Репутация: 39
По умолчанию

Отлчный урок, прост и доступен! Лови +!
  Ответить с цитированием Наверх
Старый 23.08.2009, 17:51   #4
Матерый
 
Аватар для biface
 
Регистрация: 17.07.2009
Адрес: Ростов на Дону
Сообщений: 240
Репутация: 30
По умолчанию

почему половина картинок не отображается?
  Ответить с цитированием Наверх
Старый 08.09.2009, 18:50   #5
Гость_за_инактив
 
Аватар для BooT
 
Регистрация: 29.03.2009
Сообщений: 4
Репутация: -4
По умолчанию

1 из уроков по которым я начинал учится=)
  Ответить с цитированием Наверх
Старый 08.09.2009, 18:54   #6
Гость
 
Аватар для emsee
 
Сообщений: n/a
По умолчанию

попробую :)
  Ответить с цитированием Наверх
Старый 07.10.2009, 20:11   #7
Гость_за_инактив
 
Аватар для T.K.
 
Регистрация: 06.10.2009
Сообщений: 2
Репутация: -1
По умолчанию

Огромное спасибо ) +1
  Ответить с цитированием Наверх
Старый 04.12.2009, 19:22   #8
Местный
 
Аватар для Your-_-Dream
 
Регистрация: 23.12.2008
Адрес: Стрий
Сообщений: 51
Репутация: 2
Отправить сообщение для Your-_-Dream с помощью ICQ Отправить сообщение для Your-_-Dream с помощью Skype™
По умолчанию

гж а то предведущие больше словами нежели картинками))) и нех не понятно
  Ответить с цитированием Наверх
Старый 30.12.2009, 16:04   #9
Бан
 
Аватар для DesSaR
 
Регистрация: 24.06.2009
Адрес: ~ALmaTY~
Сообщений: 459
Репутация: 244
Отправить сообщение для DesSaR с помощью ICQ
По умолчанию

fox1ck1 а ты слепой ?
Цитата:
Взято с [Ссылки скрыты от гостей.]
для кого в первом посте написано ?
  Ответить с цитированием Наверх
Ответ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Powered by vBulletin
Copyright © 2017 vBulletin Solutions, Inc.
Перевод: zCarot | Дизайн: G-A | Верстка: OldEr
Текущее время: 09:20. Часовой пояс GMT +4.