[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 2
  • 1
  • 2
  • »
Форум » Photoshop » Уроки Photoshop » Баннер с анимацией
Баннер с анимацией
Small_vampireДата: Пятница, 09.03.2012, 14:11 | Сообщение # 1
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус:

Баннер с анимацией



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


Шаг 1. Для начала подберем картинки. Для этой анимации я подобрала 4 изображения с Кендис Акколой. В Фотошопе создаем новый файл размером 400*150. И переносим главное изображение на новый файл.


Шаг 2. Как видно на скриншоте мое изображение узкое и не покрывает весь размер баннерами. Поэтому я беру другое изображение, вырезаю из него фон (так как он у меня в виде рисунка) и вставляю под изображение с девушкой. Края немного подтираю мягкой кистью.



Шаг 3. Теперь мы выбираем инструмент "Произвольная фигура". Я выбрала вот такую фигуру "облачко мысли")


И распалагаем нашу фигуру на изображении с боку. После чего щелкнув по маске правой кнопко мыши "Растрировываем векторную маску". Фигуре для украшения я добавила обводку с наложением "Мягкий свет".



Шаг 4. Ну а теперь приступим к изображениям, который будут меняться. Перетаскиваем первое изображение, уменьшаем и удерживая клавишу Ctrl щелкаем по маске с облочком. После чего переходим на слой с картинкой, которая будет меняться и нажимаем Ctrl+J. Нажний слой можно удалить.



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

Шаг 5. Это анимация. Тут тот же принцип, как и в другом уроке, который я писала - Анимация с плавным переходом. Открываем окно анимации. Окно - Анимация. Сначала вы создаем там три слоя в каждом с разной картинкой в облочке. После чего делаете промежуточные кадры - но их время должно быть меньше чем у основных. Не забываем ставить Всегда или Навсегда. Подробно я этот момент не буду описывать, т.к. выше приведена ссылка на подробное объяснение этого момента. В итоге, получаем конечный результат)


Удачи! Если возникли вопросы - задаем!
Автор: Small_vampire
 
TashaДата: Понедельник, 12.03.2012, 16:10 | Сообщение # 2
Талантище
Группа: Модераторы
Сообщений: 238
Награды: 0
Репутация: 7
Статус:

ВО ЧТО Я СДЕЛАЛА:





 
Small_vampireДата: Понедельник, 12.03.2012, 16:39 | Сообщение # 3
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус:

Tasha, молодец! классно получилось. но я бы еще блики добавила)

 
TashaДата: Понедельник, 12.03.2012, 16:42 | Сообщение # 4
Талантище
Группа: Модераторы
Сообщений: 238
Награды: 0
Репутация: 7
Статус:

Quote (Small_vampire)
Tasha, молодец! классно получилось. но я бы еще блики добавила)

спасибо)) оо у меня с этим делом biggrin

сейчас с ниной сделаю попробую с бликами)


 
Small_vampireДата: Понедельник, 12.03.2012, 18:29 | Сообщение # 5
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус:

Tasha, будем ждать результатов wink

 
selkaselkaДата: Среда, 14.03.2012, 17:28 | Сообщение # 6
Стажер
Группа: Проверенные
Сообщений: 28
Награды: 1
Репутация: 0
Смайл настроения:
Статус:

я не поняла как сделать чтоб картинки менялись?
 
Small_vampireДата: Четверг, 15.03.2012, 13:42 | Сообщение # 7
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус:

selkaselka, я же написала, что об этом написано в другой статье и дала ссылку. http://stuff-studio.ucoz.ru/forum/7-59-1

 
Okcana3Дата: Четверг, 15.03.2012, 15:27 | Сообщение # 8
Ученик
Группа: Пользователи
Сообщений: 2
Награды: 0
Репутация: 0
Статус:

Большое спасибо за урок)

 
selkaselkaДата: Пятница, 16.03.2012, 14:47 | Сообщение # 9
Стажер
Группа: Проверенные
Сообщений: 28
Награды: 1
Репутация: 0
Смайл настроения:
Статус:

ой сорри biggrin
 
selkaselkaДата: Пятница, 16.03.2012, 14:50 | Сообщение # 10
Стажер
Группа: Проверенные
Сообщений: 28
Награды: 1
Репутация: 0
Смайл настроения:
Статус:

Quote (Small_vampire)
После чего переходим на слой с картинкой, которая будет меняться и нажимаем Ctrl+J. Нажний слой можно удалить.


не поняла sad
 
Small_vampireДата: Пятница, 16.03.2012, 19:20 | Сообщение # 11
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус:

selkaselka, приведу привер по скрину

как видишь у меня выделен слой "Фигура 1". Теперь мне надо перейти к изображению, которое будет анимацие, в данном случае (на скрине) это "Слой 3". Я просто кликаю по нему и нажимаю Ctrl+J.
Он у меня скопировался но уже в форме облочка. Поэтому "Слой 3" можно удалить.


 
selkaselkaДата: Понедельник, 19.03.2012, 17:56 | Сообщение # 12
Стажер
Группа: Проверенные
Сообщений: 28
Награды: 1
Репутация: 0
Смайл настроения:
Статус:

Small_vampire, о спасибо!!!!!!! happy happy happy happy happy happy
 
selkaselkaДата: Понедельник, 19.03.2012, 18:40 | Сообщение # 13
Стажер
Группа: Проверенные
Сообщений: 28
Награды: 1
Репутация: 0
Смайл настроения:
Статус:

Small_vampire, когда я нажимаю CTRL+J ничё не меняется(((можешь показать после того как я нажму ктрл+джи что будет?
 
АлинаДата: Вторник, 20.03.2012, 01:29 | Сообщение # 14
Моя версия-быть счастливой!
Группа: Друзья
Сообщений: 250
Награды: 0
Репутация: 3
Статус:

Получилось ужасно, но зная результата только и тянулась попробовать сделать..

Суть работы выполняла немного по другому, поэтому так плохо..
По уроку не очень получалось(


 
Small_vampireДата: Вторник, 20.03.2012, 20:34 | Сообщение # 15
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус:

Алина, не плохо на самом деле. молодей что добавила блики. но мне кажется - не хватает колора. и стиль шрифта не совсем подходящий. а в основном смотрится мило)

 
Форум » Photoshop » Уроки Photoshop » Баннер с анимацией
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:


Конструктор сайтов - uCoz
Конструктор сайтов - uCoz