Данный форум является архивом сайта www.eestimamki.ee


  • Страница 1 из 6
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • »
Модератор форума: Mohito, Nitka, Cappuccino, Marisha  
Форум для мамочек Эстонии » Photoshop » I курс фотошопа (архив) » Урок №15 (1. курс) (Делаем юзербар.)
Урок №15 (1. курс)
OurDream Дата: Суббота, 22.01.11, 22:24:29 | Сообщение № 1


Группа: Удаленные

Юзерба́р (англ. userbar) — графическое изображение, предназначенное для размещения в подписи на веб-форумах, интернет-конференциях и других средствах интернет-общения. Основной целью размещение картинки-юзербара является выражение каких-либо убеждений, пристрастий, увлечений, привязанностей и даже черт характера пользователя. Встречаются также и юзербары, заявляющие об обратных чувствах своего владельца: антипатию, ненависть к какому-либо предмету действительности. Однако это явление, получившее английское название haterbar (от англ. hater — ненавистник), является маргинальным и не получило распространения в большинстве интернет-сообществ, занимающихся созданием и распространением пользовательских картинок.

И так открываем Photoshop и создаем файл размером 350 X 19 (NB! В этом уроке делаем Юзербары ТОЛЬКО такого размера!)

Перед нами появилась абсолютно чистая картинка. Давайте дадим ей градиент. Проваливаемся в Layer-> New Fill Layer -> Gradyent.
Должно появится следующее меню:

Нажимаем на Gradyent и выбираем подходящие нам цвета. Затем жмем ОК.

Наша картинка должна иметь следующий вид:

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

Давайте поэкспериментируем и создадим вот такой фон:

Для этого ставим style: Linear, Scale: 150 и ставим галочку "Reverse"
Для тех, кто что-то не понял, посмотрите на нижний рисунок

Теперь, создав подходящий нам узор, добавим полоски или узоры.

Для того чтобы создать узор, нам необходимо создать новый файл с следующими настройками:

Затем нарисуем узор в виде полосы. Для этого увеличиваем масштаб (Ctrl + "+" несколько раз) в несколько раз и карандашом (Pencil Tool) рисуем диагональную полоску

Далее нажимаем Edit -> Define Patern -> даем имя фону.
Теперь переключаемся к нашему старому рисунку и создаем в нем новый слой.

Затем заливаем им наш фон из рисунка 1. Для этого выбираем Paint Bucket Bucket Tool, в верхнем меню ставим "Pattern" и выбираем наш узор.

Должно получится, что то вроде этого:

Теперь давайте сделаем его более прозрачным. Для этого, в панели слоев ставим Opacity ~ 30 - 40 % на ваше усмотрение.

Однако юзербары, с таким узором видны почти везде, поэтому советую поэкспериментировать в этом плане. Ниже приведу несколько результатов экспериментов:

Как видите, картинки получаются весьма разнообразными.

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

Например, у нас такой фон:

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

В окне Layers щелкаем правой кнопкой по слою с узором и выбираем пункт "Blending Options"

Далее по знакомому нам способу выбираем Opacity и получаем что-то вроде этого:

Также, если хочется, то можно поэкспериментировать с вкладкой Gradient Overlay (ниже Color Overlay), иногда можно добиться интересных эффектов, придать нашему узору блеск. Принцип, такой же, что в начале.

Вот что получилось из вышеуказанного юзербара:

Выбрав подходящий фон и узор, ставим картинку.
1. Я выбрала новогоднюю картинку, перенесла на мой юзербар и продублировала рисунок.
2. Написала надпись.
3. Потом создала новый слой. Для этого нажимаем Ctrl + Shift + N.
4. Затем берем инструмент "Овальная область" (По умолчанию "М"), и выделяем примерно так как на скрине.
5. Заливаем выделенныю область белым цветом.
6. Ставим Opacity на 30 % или как вам будет виднее.


Потом я решила сделать анимацию. Для этого продублировала слой с надписью. В одном слое "обводка" (STROKE) у меня 1 пиксель, во втором - 2.

Переходим в ImageReady и делаем анимацию из 2 кадров - (с разной обводкой в тексте).
Секунды поставила на кадрах как 0.1 сек

Всё мой юзербар готов. А ваш?

Можно поиграть с Opacity белой овальной заливки. Например, здесь у меня один слой Opacity 30%, другой - 40.

В уроке использовались материалы с сайта Луганский молодежный портал и урок 2008 года СеРгЕеВны.

Ваша задача сделать 5 юзербаров, один из которых (минимум один) должен быть о нашем сайте.То есть юзербар с надписями eestimamki, Мамочки Эстонии итп.. Срок - 30.01.2011 (включительно).

 
OurDream Дата: Суббота, 22.01.11, 22:46:24 | Сообщение № 2


Группа: Удаленные

делаем градиент "нужного" цвета

Выбираем здесь:

Затем выскакивает такая табличка, в ней в окошке цвета написано NONE

Дальше выскакивает эта табличка:

Цвета здесь тоже серые, как у вас. Нажимаем мышкой на палитру цветов (можно нажать и на стрелочку, но тогда выйдет просто табличка имеющихся градиентов, а если нажимаем на цвет, то выходит Gradient Editor).

Здесь либо выбираем уже готовый градиент, либо создаем свой (это будете учить подробно на 2-м курсе, сейчас это рассматривать не будем).. Если выбрали готовый градиент, нажимаем ОК.. по идее, все должно сохраниться. %)

Еще легкий способ, чтоб градиент изначально был не серо-белый. Скорее всего, у вас сейчас в красках такой цвет:

И в градиенте выходит так:

Теперь поменяем цвет в красках:

И в градиентах будет так:

Как видим, зеленый у нас переходит не в желтый, а в прозрачный.. это от того, что в настройках второй квадратик стоит с 0-ой прозрачностью (помните, в скринах этого урока было указано, какой квадратик что значит). Вот наш "прозрачный" квадрат:

Надо поменять его на непрозрачный. Для этого жмем в середину квадратика (цифра 1). Внизу активируются окошки, в окне Opacity ставим 100% (цифра 2). Если заметили, квадратик из белого стал черным.. Нажимаем ОК (цифра 3).

Все, теперь градиент зелено-желтый.

 
oravka Дата: Воскресенье, 23.01.11, 13:33:20 | Сообщение № 3


Группа: Удаленные

Как? Надо до скольки уменьшить?
1.
2.


Сообщение отредактировано oravka - Воскресенье, 23.01.11, 15:11:49
 
TanjusH Дата: Воскресенье, 23.01.11, 13:47:39 | Сообщение № 4


Группа: Удаленные

oravka, а чего размер такой большой? или ты не для домашки ещё?
 
oravka Дата: Воскресенье, 23.01.11, 14:38:32 | Сообщение № 5


Группа: Удаленные

Quote (TanjusH)
oravka, а чего размер такой большой? или ты не для домашки ещё?

Забыла я, что до анимации надо уменьшить размер. Преправлю
 
Ориенталочка Дата: Воскресенье, 23.01.11, 15:31:29 | Сообщение № 6
Зародыш


Группа: Новенькие
Регистрация: 14.11.13
Город: Stirling
Имя: vadnemnmync
Статус: Offline

Награды: 0
прикольный урок. Пойду думать и творить ulqbka

Zdravstujte , tahan soovitada kõigile parim portaal [url=http://zabivaemih.cbg.ru/porno2/v-uniforme/porno-v-latekse.php]yfg[/url]
 
PARTYzanochka Дата: Воскресенье, 23.01.11, 16:18:58 | Сообщение № 7


Группа: Удаленные

Первая проба %)

 
OurDream Дата: Воскресенье, 23.01.11, 18:21:09 | Сообщение № 8


Группа: Удаленные

oravka, Оль
первая работа - очень сложно прочесть, что написано, либо рисунок под текстом слишком ляпистый
вторая работа - идея супер.., но глазу не уловить, что же ты предлагаешь подарить :-) либо в конце пусть все задержатся на подольше..

Ориенталочка, Настя и Таня постарались :-)

PARTYzanochka, смущает рамочка серо-чёрная вокруг ладошек
как-то грубо смотрится

 
PARTYzanochka Дата: Воскресенье, 23.01.11, 18:30:38 | Сообщение № 9


Группа: Удаленные

Quote (OurDream)
смущает рамочка серо-чёрная вокруг ладошек
как-то грубо смотрится

И меня она смущает %) Это на пробу пока было. Что-нибудь придумаю =)))

А я вот хотела спросить, если я сохранила работу еще в формате ПСД... и если я изменяю какой-нибудь слой, к примеру рамочку на ладошках изменю (накалдую что-нибудь), в анимации оно автоматически тоже поменяется или придется всё заново делать?!

 
belena Дата: Воскресенье, 23.01.11, 19:12:17 | Сообщение № 10


Группа: Удаленные

Quote (PARTYzanochka)
в анимации оно автоматически тоже поменяется или придется всё заново делать?!

Насколько я знаю , заново анимацию нада делать.

 
PARTYzanochka Дата: Воскресенье, 23.01.11, 20:22:28 | Сообщение № 11


Группа: Удаленные

Quote (belena)
Насколько я знаю , заново анимацию нада делать.

Не, не надо заново делать ulqbka

В общем я только убрала рамку эту radostj

 
OurDream Дата: Воскресенье, 23.01.11, 21:42:47 | Сообщение № 12


Группа: Удаленные

PARTYzanochka, так гораздо лучше :-))
 
PARTYzanochka Дата: Воскресенье, 23.01.11, 23:16:54 | Сообщение № 13


Группа: Удаленные

Еще две работы
(фантазии много, но место для работы мало и приходится что-то другое придумывать grustj )


 
TanjusH Дата: Понедельник, 24.01.11, 07:50:04 | Сообщение № 14


Группа: Удаленные

Quote (PARTYzanochka)
фантазии много

одолжи немного фантазии. у меня вообщеее её нет. сделала фон, а на большее меня не хватает. никаких идей or
PARTYzanochka, вторая понравилась.
 
PARTYzanochka Дата: Понедельник, 24.01.11, 08:05:05 | Сообщение № 15


Группа: Удаленные

Quote (TanjusH)
одолжи немного фантазии

Ну вот делаю я там розовый фон и пишу туда "It`s a girl", а там потом стоооолько свободного места %) Решаю пинеточки туда розовые поместить, при уменьшении они такие маленькие становятся, что всё равно очень сного свободного места.
 
reolina Дата: Понедельник, 24.01.11, 09:41:14 | Сообщение № 16


Группа: Удаленные

Вот и моя "проба пера" ulqbka

 
TanjusH Дата: Понедельник, 24.01.11, 10:10:58 | Сообщение № 17


Группа: Удаленные

Quote (PARTYzanochka)
и пишу туда "It`s a girl",

вот а я даже не знааю, что туда писать. именно таких идей нет. какой вообще сделать юзербар ulqbka
 
OurDream Дата: Понедельник, 24.01.11, 19:12:48 | Сообщение № 18


Группа: Удаленные

PARTYzanochka,
первая - сердечки может не обрубать? :-)
вторая - надпись попробуй чуть-чуть вниз. от быстроты мигания дух перехватывает :-)

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

 
Katia Дата: Понедельник, 24.01.11, 22:10:58 | Сообщение № 19


Группа: Удаленные

OurDream, пойдёт?

 
OurDream Дата: Понедельник, 24.01.11, 22:13:33 | Сообщение № 20


Группа: Удаленные

Katia, оставляй :))))) но лучше про солнышко весенне что-то :-))) *шучу
 
Форум для мамочек Эстонии » Photoshop » I курс фотошопа (архив) » Урок №15 (1. курс) (Делаем юзербар.)
  • Страница 1 из 6
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • »
Поиск: