Tottolo
для тебя
Привет, Гость
  Войти…
Регистрация
  Сообщества
Опросы
Тесты
  Фоторедактор
Интересы
Поиск пользователей
  Дуэли
Аватары
Гороскоп
  Кто, Где, Когда
Игры
В онлайне
  Позитивки
Online game О!
  Случайный дневник
BeOn
Ещё…↓вниз
Отключить дизайн


Зарегистрироваться

Логин:
Пароль:
   

Забыли пароль?


 
yes
Займи своё имя.beon.ru, пока оно свободно

Tottolo > tot 67  4 сентября 2011 г. 20:42:37



Запись модерирует её автор — Фрель.
Комментировать могут только пользователи.

tot 67

Фрель 4 сентября 2011 г. 20:42:37
Итак, вот и появился первый наш урок. Он будет посвящен баннерам. По сути, я научу вас делать анимированные баннеры. Но такой же эффект вы сможете использовать и на аватарах.

­­


СКРИНЫ ТЫКАБЕЛЬНЫ
не забываем об этом!


Начнем с того, что создадим новый файл. Размер - на ваше усмотрение. Создали? Отлично.

Далее я (вы можете сделать это другим цветом/с другими параметрами) заливаю наш слой, делаю внутреннее свечение.
На этом самая простая часть окончилась, началась долгая, нудная и мучительная.

Для начала, делаем копию нашего первоначального слоя (ctrl+j) и пишем каждую букву надписи, которая будет на баннере, отдельно. Добавляем "внешнего свечения". Ставить буквы ровно не обязательно. Потом создаем группу слоев (ctrl+g) и перетаскиваем в эту группу все наши буковки и копию первоначального слоя таким образом:

­­

Про внешнее свечение я вспомнила после того, как сделала скрин, так что не пугайтесь, что его у меня нет на скрине. У вас оно должно быть.
Убедитесь, что перетащили все слои.

Теперь нам надо сделать так, чтобы буквы "вылетали" из разных концов баннера. Это несложно, главное понять принцип. Сейчас мы перетащим каждую букву на край слоя и поставим маленькую opasity (непрозрачность). Я поставлю 30, но только потому, что у меня светлые тона. Если у вас темный фон и светлые буквы, советую поставить ее процентов 20. И так с каждой буквой.

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

­­

Первую группу я для удобства свернула (нажала на треугольничек) и убрала глазок. Работаем со второй группой. Теперь мы передвигаем каждую букву чуть ближе к ее назначенному месту и увеличиваем непрозрачность. Как быстро буквы будут "лететь" к центру, зависит только от вас.
Вот что у меня получилось в результате работы над второй группой:

­­

Думаю, описывать каждый последующий этап не надо. Доделали эту группу? Сделали ее дубликат (копию) и продолжаем дружно двигать буковки в центр и увеличивать непрозрачность. Все проделываем до того момента, пока ваша надпись не окажется на нужном месте с непрозрачностью 100%. Я достигла этого только на пятой группе. Вот, что у меня получилось:

­­

Теперь делаем бабочку. Для начала нам нужен клип-арт бабочки. Его мы можем взять здесь: http://lenagold.ru/fon/clipart/b/bab.html
Или в любом другом месте. Я выбрала, скачала и уменьшила до нужных размеров. Конечно, надо колоризовать ей под цвет баннера/аватара. Открываем в фотошопе, но не на нашем баннере, а отдельно. Я сделала ее практически белой. Далее объединяем все слои и уменьшаем до нужного размера. Потом, перетащив ее на наш баннер, добавила внешнего свечения. Справились?

У меня бабочка будет вылетать из угла баннера, следовательно, перетаскиваю я ее именно туда. Ctrl+t и я ее поворачиваю боком раком и ставлю маленькую непрозрачность 45%. Сейчас бабочка у нас осталась вне групп, то есть стоит она одиночно, как изгой. Этого мы допустить никак не можем.
Надо понять, что первые несколько групп (у меня их пять, то есть группы, когда мои буквы вылетали) это наша первая часть. Вторая часть - это когда наши буквы будут исчезать за бабочкой. Для этого нам надо сделать дубликат нашей последней (у меня - пятой) группы. Сделали?

Теперь перетаскиваем нашу бабочку в эту группу. Желательно, чтобы она стояла над всеми буквами, то есть вот так:

­­

Далее, мы делаем дубликат нашей группы (копируем, иными словами), и передвигаем бабочку к первой букве нашего имени, увеличивая непрозрачность. На этот раз она у нас будет 75%. Бабочка у нас сейчас около буквы, но НЕ на ней. Теперь нам надо сделать так, чтобы был эффект, что бабочка летит. Мы нажимаем Ctrl+t и "сжимаем" бабочку, чтобы она стала чуть-чуть уже, так мы добьемся эффекта махания крыльев.
Далее - все по старой схеме. Дубликат слоя - непрозрачность бабочки 100%. Но теперь она у нас налезает на первую букву и мы ее распрямили, чтобы она у нас не была сжатая. Так мы добьемся эффекта махания крыльев.

Теперь опять же: дубликат слоя. Наша бабочка налезла на вторую букву (и да, разумеется, бабочку мы опять сжали), а на первой букве стоит непрозрачность 50%.

Опять - дубликат слоя. Теперь бабочку, перед тем, как перенести на третью букву, надо чуть повернуть, чтобы было ощущение, что она летит по невидимой дуге.
На первую букву мы ставим непрозрачность 0%, на вторую 50%. Принцип ясен? Проделываем так до того момента, как бабочка вовсе не исчезнет с баннера.

На 16-той группе слоев моя бабочка исчезла с баннера. Теперь нам остается на каждой группе нажать правой кнопкой мыши и выбрать "объеденить группу". Теперь у нас вместо групп слои:

­­

УРА
Дело остается за малым. Идем в окно-анимация. Нажимаем. Внизу у нас окошко анимации. В окошке анимации в правом верхнем углу есть треугольничек. Нажимаем и ищем "Создать кадры из слоев". Красота. Ставим нужное время и сохраням "Для web и устройств.."
Готово.

­­

Вопросы пишем, не стесняемся, все подскажу. РЕЗУЛЬТАТ ОБЯЗАТЕЛЬНО ПОКАЗАТЬ ;3

Спасибо мне за урок.


Категории: Уроки
Обратите внимание на:
{2} Учимся применять текстуру в Фотошопе 24 августа 2011 г. Кровавая МиSS в сообществе [>...Bloody Photoshop...<]
Махан-шуль-тяган (с), народное калмыцкое блюдо... 19 января 2011 г. Sильмари
Дубликаты элитного алкоголя 8 октября 2013 г. alkorus
Evangelical 6 сентября 2011 г. 15:49:01 постоянная ссылка ]
Спасибо за урок,
*первая*
Фрель 10 сентября 2011 г. 19:34:38 постоянная ссылка ]
Пожалуйста! Всегда рада)
Nakamatachi 10 сентября 2011 г. 20:24:49 постоянная ссылка ]
надо будет попробовать :з
Фрель 10 сентября 2011 г. 20:43:24 постоянная ссылка ]
как будто ты не пробовала :-|­
Nakamatachi 10 сентября 2011 г. 20:54:03 постоянная ссылка ]
нет :о
Фрель 11 сентября 2011 г. 11:52:28 постоянная ссылка ]
да не верю
как же так 8-|­
Nakamatachi 11 сентября 2011 г. 15:18:03 постоянная ссылка ]
вот прикинь 8-|­
Сесил Поликарпович 20 сентября 2011 г. 09:10:21 постоянная ссылка ]
спасибо)
вот так с третьего раза получилось:

­­
Фрель 23 сентября 2011 г. 19:54:26 постоянная ссылка ]
Замечательно)
Paйcкaя. 5 января 2012 г. 12:51:34 постоянная ссылка ]
Спасибо за урок!
­­
Фрель 5 января 2012 г. 13:29:19 постоянная ссылка ]
Вам спасибо! Рада, что получилось.
Paйcкaя. 5 января 2012 г. 14:50:47 постоянная ссылка ]
Когда будут ещё уроки?
кстати аву я сама делала <--------
Вам спасибо! Рада, что получилось.
Фрель 5 января 2012 г. 14:51:18 постоянная ссылка ]

Когда будут ещё уроки?
кстати аву я сама делала <--------
Сообщесвто прекратило работу и вряд ли возобновит
Paйcкaя. 5 января 2012 г. 14:55:07 постоянная ссылка ]
чёрт .-.
Сообщесвто прекратило работу и вряд ли возобновит
Акиё 7 января 2012 г. 12:38:17 постоянная ссылка ]
просто добавила снежок, обрезала исходник и подписала :-\­
кстати аву я сама делала <--------
Фрель 8 января 2012 г. 14:47:27 постоянная ссылка ]

просто добавила снежок, обрезала исходник и подписала
На каких-то порах и для меня это было ой каким достижением)
Акиё 8 января 2012 г. 15:27:53 постоянная ссылка ]
Бывает (:
Акиё 10 января 2012 г. 07:56:14 постоянная ссылка ]
Уверана, потому что ты мне всё у тебя дома рассказала ;~)­
Paйcкaя. 10 января 2012 г. 09:24:53 постоянная ссылка ]
я тебе вообщето ничего не рассказывала так что офф.
Акиё 10 января 2012 г. 09:26:06 постоянная ссылка ]
рассказывала, мне не зщакрывай рот. просто хочешь быть чуть повыше =,B­ у тебя нечего не получится
Paйcкaя. 10 января 2012 г. 09:28:46 постоянная ссылка ]
по моему это ты хочешь сделать меня ниже:-?­ тебя ведь никто не просил сюда писать =^B­
Акиё 10 января 2012 г. 09:31:39 постоянная ссылка ]
я не делаю, просто это так :-\­ никто, я сама написала
Paйcкaя. 10 января 2012 г. 09:35:06 постоянная ссылка ]
=,B­ =,B­ =,B­
Акиё 10 января 2012 г. 09:37:27 постоянная ссылка ]
эти пальцы засунь знаешь куда себе? хд
Paйcкaя. 10 января 2012 г. 09:41:24 постоянная ссылка ]
ты мне не указывай куда, окда?
Акиё 10 января 2012 г. 09:42:12 постоянная ссылка ]
неокда
Paйcкaя. 10 января 2012 г. 09:45:08 постоянная ссылка ]
с тобой даже разговаривкать после такого не хочется:-|­
Акиё 10 января 2012 г. 09:47:05 постоянная ссылка ]
у меня просто настроение п.здец какое =,B­
Paйcкaя. 10 января 2012 г. 09:47:54 постоянная ссылка ]
я рада=^B­
Акиё 10 января 2012 г. 09:48:31 постоянная ссылка ]
Спасибо =^B­
 


Tottolo > tot 67  4 сентября 2011 г. 20:42:37

читай на форуме:
789
И я целоваться хочу.
пройди тесты:
Холодная Роза 2 сезон (часть 31)
Дружба или любовь! (часть 15)
читай в дневниках:
34640-34642
34643
34644

  Copyright © 2001—2018 BeOn
Авторами текстов, изображений и видео, размещённых на этой странице, являются пользователи сайта.
Задать вопрос.
Написать об ошибке.
Оставить предложения и комментарии.
Помощь в пополнении позитивок.
Сообщить о неприличных изображениях.
Информация для родителей.
Пишите нам на e-mail.
Разместить Рекламу.
If you would like to report an abuse of our service, such as a spam message, please contact us.
Если Вы хотите пожаловаться на содержимое этой страницы, пожалуйста, напишите нам.

↑вверх