23:51 Урок аниме юзербар . |
 Здравствуйте! Вас опять приветствую я Slik .И на этом уроке я научу вас делать анимированный юзербар .Который будет вашей личной подписью на форумах.В общем,его применения безграничны .Этот урок немного болшой но он очень понятен и прост так как сам стал жертвой непонятных уроков и решил сделать для вас подробный урок без заморочек.Приятной учёбы!!!С уважением Slik-т.е Сергей Каймаков. ПРИСТУПИМ! Откроем Photoshop CS4 в самом верху вы найдёте интерфейс где есть кнопка (FIle)и и создадим новый рабочий шаблон (NEW)   Появиться следуюшее окно !!!  Задаём размеры в пиксилях 350х19-и не забудь поставить функцию (Transparent).Я вам её выделил кружочком !!! Потом появиться вот такая форма шаблона !!!  Следующим шагом будет выбор инструмента который нам даст фон .Он на панели с лева (Gradient Tool)вот его изображение я его обвёл!!!  Затем сделаем жест рукой по шаблону сверху вниз или на оборот !!!  И вооля наш фон готов ребят !!!В итоге выглядит так.Надеюсь у вас также !!!)  Теперь сделаем заготовку нашей штриховки .Пока забудьте про эту работу и обратите внимание на уже знакомый вам процесс создания шаблона .(Fils)-(NEW)и создадим шаблон с размером 5х5 pix покажу пример !!!  И вот так  Вот и получилось у нас !!!  Чтоб получить такой маштаб просто выберите инструмент лупа (Zoom Tool) он находиться тоже на панели инструментов с лева!!!И просто увеличить. Затем выбираем инструмент карандаш (Pencil Tool)  Потом выставим толщину стержня 1 Pix вот вам пример  И начинаем наносить нашу штриховку.  И следующем ходом будет сохранение нашего шаблона . Выбираем функцию(Define Pattern) вот пример!!!  И сохраняем .  После переходим опять на наш первый шаблон !!!И создадим новый слой .Это мы делаем с помощью одновременного нажатия кнопок (Ctrl+Shift+N)-ОК и получаем !!!  Нажмём ОК и получим указанное стрелкой .  После наносим нашу штриховку на наш шаблон,и делаем это с помощью инструмента (Paint Bucket Tool).Вот пример !!!Под номером 1(Paint Bucket Tool) это инструмент а номер 2(Pattern) это то ,чем мы сделаем заливку штриховки !!!  И ставим свой шаблон.Вот пример!!!  И заливаем наш шаблон т.е нажмём инструментом на наш шаблон !!!Получится следующее !!!  И сделаем прозрачность заливки, на панели слоев .Вот пример!!!  Потом я выбрал рисунок который будет моей анимацией .  И просто перенесём в программу Photoshop появиться следующее окно с верху !!!  Возьмём это окно и перенесём с помощью (Move Tool) в окно шаблона .  И тем же инструментом мы поставим изображение на наш шаблон !!!вот инструмент (Move Tool)  И подгоним рисунок под шаблон .Для этого мы используем (Edit) и выбираем функцию (Free Transform)  Появиться рамка для подгона рисунка .  Подогнали и кликнули два раза по рамке чтоб рисунок встал восвояси . И предадим рисунку эффект слияния с фоном .Вот пример не обязательно ставить 70 % это зависит от вас как вам лучше !!!  Наконец то, мы подошли к анимации выбираем в интерфейсном окне(Window)- (animation). Вот пример !!!  После появиться в низу вот это !!!  Потом задействуем опять (Move Tool) Нажмём этим инструментом на слой в панели слоёв (Layer 3) и применим кнопки на клавиатуре вверх!!! Пока не чего не делайте !!!  С помощью этих кнопок !!!  и вот этой, на клавиатуре И преступаем синхронно их нажимать в таком порядке . Кнопка вверх потом кнопка указанная на скриншоте она обозначена кружком !!!Делаем эту процедуру до окончания картинки !!! вот что получилось у меня !!!Это кадры которые и будут анимацией !!!  У меня 45 кадров, у вас может и больше !!! Теперь мы создадим ещё слой (Ctrl+Shift+N)-ОК .Он послужит нам для надписи !!! Выбираем инструмент (Horizontal Type Tool)  После пишем надпись .Вот моя!  Заделаем слой с надписью в панели слоев !!!Просто кликнете по слою правой кнопкой мыши появиться табло и выбери там (Restrize Type ). Всё слой зарегистрирован в панели слоёв !!!Вот пример!!!  Сделаем нашей надписи рамочку !!!Просто кликнете два раза на левую кнопку мыши и появиться табло. В низу будет строчка (Stroke) там выставляем толщину рамки 2 Pix и ставим нужный цвет .Потом ОК рамка готова. Вот пример!!!  Теперь вернёмся в панель с низу, где наши кадры анимации и выбираем 1 кадр .  И сделаем прозрачность на 0%  Опять возратимся к последнему кадру 45!!!  после этого действия с анимацией происходят только мышкой !!!Задействуем (Opacity) будим постепенно прибавлять прозрачность и ту кнопку которой мы делали первую анимацию !!!Вот пример !!!  И вот  И опять действуем синхронно (Opacity) прибавили % -кнопочку кадра(Dublicates) нажали !!!И так до 100% (Opacity)!!! Потом также только с убавлением % (Opacity) до 0% Вот мой юзербар- Всё !Теперь только сохранить и вот он юзербар аниме. Выбираем (File)-(Save for web). И ставим (GIF) потом (save). Пример сохранения !!!  |
|
|
| Всего комментариев: 0 | |