Авторизируйтесь,
чтобы продолжить
Некоторые функции доступны только зарегистрированным пользователям
Неправильный логин или пароль

Внимание! Теперь для входа на форум необходимо вводить единый пароль регистрации сервисов sibnet.ru!

Здравствуйте, гость ( Вход | Регистрация )



4 страниц V  1 2 3 > »   
Ответить в эту темуОткрыть новую тему
> Создание простейшего юзербара в Photoshop, Автор: Total
Total
сообщение 24.7.2008, 21:54
Сообщение #1 (закреплено)


Total return
Group Icon


Группа: VIP
Сообщений: 13 356
Регистрация: 14.9.2007
Из: Барнаул
Пользователь №: 5 876



Репутация:   2582  


Сначала нужно создать шаблон диагонально расположенных линий (стандарт smile.gif ):
1. Создайте новое изображение размером 6x6 пикселей с прозрачным фоном.
Теперь в отмасштабируйте (увеличьте) изображение до 1600%.

2. В панели инструментов выберите инструмент Карандаш (Изображение) в его настройках установите размер кисти в 1px и поставьте 6 точек по диагонали
Изображение
Далее Редактирование> Определить узор... в появившемся окне задайте имя новому узору и нажмите Да.

3. Создайте новое изображение размером 350x20 (либо 350x19) с прозрачным фоном.
Выполните заливку градиентом (инструмент Градиент Изображение)
Здесь нужно выбрать наиболее хорошие цвета для градиента.
Я выбрал цвета для градиента такие:
Изображение

4. Жмем Редактирование> Выполнить заливку... и выбираем так же как на рисунке:
Изображение
Жмем Да и получаем следующее:
Изображение

5. Далее нужно добавить зеркальный узор. Для этого выделяем овалом верхнюю часть изображения примерно так:
Изображение
Выбираем инструмент Градиент Изображение, выставляем непрозрачность на 70% и выбираем градиент "Белый - Прозрачный" (для этого нужно чтобы основной цвет стоял как Белый)
Изображение
Заливаем градиентом выделенную область и вуаля smile.gif
Изображение

Автор: Total

6. После этого можно добавить текст (обычно используется шрифт Visitor TT1) и в итоге получим следующее:
Изображение


» Спасибо сказали: «
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Chris
сообщение 24.7.2008, 22:11
Сообщение #2


МЕГА флудер
Group Icon


Группа: VIP
Сообщений: 7 029
Регистрация: 5.7.2007
Из: Сибирь навсегда
Пользователь №: 1 601



Репутация:   1009  


Цитата(Total @ 24.7.2008, 21:54) *

как в прошлый раз


Эти слова должны быть ссылкой. Мы в интернете все-таки.

А вообще супер, так держать. super.gif Давай еще про аватарки happy.gif Анимированные. Вот чтобы как у меня аватарку сделать что надо сделать и в чем?
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
dima75
сообщение 24.7.2008, 22:40
Сообщение #3


радость в жизни - это когда есть кто-то рядом.
Group Icon


Группа: Sibnet-club
Сообщений: 958
Регистрация: 11.10.2007
Из: Новосибирск
Пользователь №: 7 686



Репутация:   66  


ух ты, крутая тема!
спасибо тотал, всегда искал что-то подобное super.gif

зы: не знаете, а где бы вот учебник или уроки какие-нибудь достать по веб-графике, ну там для веб-сайта например: навигационная графика, панели как рисовать, скруглять улы и всё такое... Я вот хтмл и css хорошо знаю, а вот юзать в граф.редакторах не очень то умею... huh.gif
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
СНЕЖОК
сообщение 29.7.2008, 20:12
Сообщение #4


МЕГА флудер
Group Icon


Группа: Барнаульцы Сибнета
Сообщений: 2 045
Регистрация: 5.12.2007
Из: Барнаул
Пользователь №: 12 459



Спасибо, вот, у меня получилось, правда я не стал шрифт делать обычный, чуть чуть эфектов добавил, и заливку другую, в подписи смотритеsmile.gif
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
arhi
сообщение 30.7.2008, 12:28
Сообщение #5


Я люблю... навсегда
Group Icon


Группа: VIP
Сообщений: 2 334
Регистрация: 21.1.2008
Из: BRN
Пользователь №: 17 721



Репутация:   643  


Ща будем что нить пробовать!
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Swissboy
сообщение 31.7.2008, 16:24
Сообщение #6



Group Icon


Группа: VIP
Сообщений: 5 293
Регистрация: 2.10.2007
Пользователь №: 6 909



Репутация:   984  


Тотал молодец , сам тутор написал, отлично !
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
dmOx
сообщение 31.7.2008, 17:09
Сообщение #7



Group Icon


Группа: Любители софта
Сообщений: 3 015
Регистрация: 19.1.2008
Из: Новосибирск
Пользователь №: 17 518



Репутация:   552  


Цитата
После этого можно добавить текст (обычно используется шрифт Visitor TT1) и в итоге получим следующее:

Дай шрифт плз
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
PhilipKM
сообщение 31.7.2008, 17:20
Сообщение #8


D3
Group Icon


Группа: Sibnet-club
Сообщений: 1 960
Регистрация: 18.5.2008
Пользователь №: 33 322



Цитата
Дай шрифт плз

Я тут выкладывал.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
matrixnsk
сообщение 21.8.2008, 16:02
Сообщение #9


Молчун
Group Icon


Группа: Sibnet-club
Сообщений: 55
Регистрация: 21.6.2008
Из: Новосибирская обл.Город на букву Новосибирск)
Пользователь №: 37 841



Репутация:   3  


Кул тема super.gif Токо когда я сохранил юзербар,как мне его открыть или токо через ФотоШоп??
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
D.e.M.o.N.
сообщение 21.8.2008, 18:26
Сообщение #10


МЕГА флудер
Group Icon


Группа: Sibnet-club
Сообщений: 1 037
Регистрация: 9.5.2008
Пользователь №: 32 377



Репутация:   150  


Цитата
Кул тема Токо когда я сохранил юзербар,как мне его открыть или токо через ФотоШоп??

сохраняй в gif или jpg и все...
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
CatKTY
сообщение 21.8.2008, 19:06
Сообщение #11


*.*.*.*.*.*.*.*.*.*.*.*.*.*
Group Icon


Группа: Photo Club
Сообщений: 1 029
Регистрация: 20.5.2008
Из: Барнаул
Пользователь №: 33 584



Репутация:   66  


А как сделать чтобы анимированный текст и картинка на кадрах не разделялись,а не вот так как у меня получается.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
D.e.M.o.N.
сообщение 22.8.2008, 0:24
Сообщение #12


МЕГА флудер
Group Icon


Группа: Sibnet-club
Сообщений: 1 037
Регистрация: 9.5.2008
Пользователь №: 32 377



Репутация:   150  


если делаешь анимацию в фотошопе, то каждый слой будет 1 кадром анимации...
если чесно то не особо понял что ты хочешь, обьясни подробнее...


ну думаю тебе надо на кадре 3 и 5 сделать видимой не только текст, но и картинку под ним?
сними защиту с заднего плана (пр. кнопко мыши на слое,>> "из заднего плна") выбери 3 кадр, поставь значек видимости на нижнем лое, выбри 5й кадр, там тоже поставь видимость на нижнем слое, все.

Сообщение отредактировал D.e.M.o.N. - 22.8.2008, 0:25
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Patch
сообщение 25.8.2008, 3:15
Сообщение #13


...:::DeG:::...
Group Icon


Группа: Sibnet-club
Сообщений: 1 165
Регистрация: 26.12.2007
Из: Новосибирск
Пользователь №: 14 794



Репутация:   132  


Спасибо вот попробовал сделать что называется тяп ляп буквально за пару минутПрикрепленное изображение
Мой первый юзербар
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Climacool
сообщение 25.8.2008, 10:50
Сообщение #14


МЕГА флудер
Group Icon


Группа: CSKA Fan
Сообщений: 1 405
Регистрация: 2.7.2008
Из: г. Барнаул
Пользователь №: 39 208



Тема кулл super.gif , автору респект smile.gif

Вот что у меня получилось:
Изображение

Сообщение отредактировал Climacool - 25.8.2008, 11:39
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Koxville
сообщение 1.9.2008, 15:22
Сообщение #15


ТИХО!!1
Group Icon


Группа: Sibnet-club
Сообщений: 1 704
Регистрация: 25.3.2008
Пользователь №: 26 781



Репутация:   222  


а вот что у меня:
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Patch
сообщение 1.9.2008, 15:46
Сообщение #16


...:::DeG:::...
Group Icon


Группа: Sibnet-club
Сообщений: 1 165
Регистрация: 26.12.2007
Из: Новосибирск
Пользователь №: 14 794



Репутация:   132  


я конечно нуб в этом деле но по моиму твоя главня ошибка что ты не применил узор
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
AkeL
сообщение 26.9.2008, 22:47
Сообщение #17


По жизни есть две любимые вещи ПЛАНЧИК и РЭПЧИК!!!11
Group Icon


Группа: Sibnet-club
Сообщений: 899
Регистрация: 6.9.2008
Из: BRN Street
Пользователь №: 48 122



Репутация:   65  


Цитата(Total @ 24.7.2008, 20:54) *

Сначала нужно создать шаблон диагонально расположенных линий (стандарт smile.gif ):
1. Создайте новое изображение размером 6x6 пикселей с прозрачным фоном.
Теперь в отмасштабируйте (увеличьте) изображение до 1600%.

2. В панели инструментов выберите инструмент Карандаш (Изображение) в его настройках установите размер кисти в 1px и поставьте 6 точек по диагонали
Изображение
Далее Редактирование> Определить узор... в появившемся окне задайте имя новому узору и нажмите Да.

3. Создайте новое изображение размером 350x20 (либо 350x19) с прозрачным фоном.
Выполните заливку градиентом (инструмент Градиент Изображение)
Здесь нужно выбрать наиболее хорошие цвета для градиента.
Я выбрал цвета для градиента такие:
Изображение

4. Жмем Редактирование> Выполнить заливку... и выбираем так же как на рисунке:
Изображение
Жмем Да и получаем следующее:
Изображение

5. Далее нужно добавить зеркальный узор. Для этого выделяем овалом верхнюю часть изображения примерно так:
Изображение
Выбираем инструмент Градиент Изображение, выставляем непрозрачность на 70% и выбираем градиент "Белый - Прозрачный" (для этого нужно чтобы основной цвет стоял как Белый)
Изображение
Заливаем градиентом выделенную область и вуаля smile.gif
Изображение

Автор: Total

6. После этого можно добавить текст (обычно используется шрифт Visitor TT1) и в итоге получим следующее:
Изображение

я немогу найти зеркальный узор де он находится?
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
CorWin
сообщение 27.9.2008, 20:29
Сообщение #18


Avoid the Gates of Hell. Use Linux.
Group Icon


Группа: GNU/Linux
Сообщений: 5 660
Регистрация: 3.12.2007
Пользователь №: 12 277



Репутация:   432  


Какой еще зеркальный узор? Нету такого и небыло, если ты про глосс-эфект, то рисуется ручками элиптичесой выделялкой, птом заливается белым и ставится непрозрачность на 28-45%
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
AkeL
сообщение 27.9.2008, 22:48
Сообщение #19


По жизни есть две любимые вещи ПЛАНЧИК и РЭПЧИК!!!11
Group Icon


Группа: Sibnet-club
Сообщений: 899
Регистрация: 6.9.2008
Из: BRN Street
Пользователь №: 48 122



Репутация:   65  


Прикрепленное изображение пытаюсь написать текст, и вот какая ошибка вылазит, что надо сделать подскажите плиз!
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
ex474ever
сообщение 1.10.2008, 20:43
Сообщение #20


| с утра и навсегда |
Group Icon


Группа: Sibnet-club
Сообщений: 4 643
Регистрация: 4.9.2008
Пользователь №: 47 879



Репутация:   716  


как добавит свой юзербар в подпись?
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения

4 страниц V  1 2 3 > » 
Ответить в эту темуОткрыть новую тему
1 чел. просматривают этот форум (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 

Текстовая версия Сейчас: 18.11.2019, 20:41
Редакция: (383) 347-86-84

Техподдержка: (383) 347-22-44
help.sibnet.ru
Размещение рекламы:
тел: (383) 347-06-78, 347-10-50

Правила использования материалов