Баннер с анимацией
|
|
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, молодец! классно получилось. но я бы еще блики добавила) спасибо)) оо у меня с этим делом
сейчас с ниной сделаю попробую с бликами)
|
|
| |
Small_vampire | Дата: Понедельник, 12.03.2012, 18:29 | Сообщение # 5 |
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус:
| Tasha, будем ждать результатов
|
|
| |
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
Смайл настроения:
Статус:
| ой сорри
|
|
| |
selkaselka | Дата: Пятница, 16.03.2012, 14:50 | Сообщение # 10 |
Стажер
Группа: Проверенные
Сообщений: 28
Награды: 1
Репутация: 0
Смайл настроения:
Статус:
| Quote (Small_vampire) После чего переходим на слой с картинкой, которая будет меняться и нажимаем Ctrl+J. Нажний слой можно удалить.
не поняла
|
|
| |
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, о спасибо!!!!!!!
|
|
| |
selkaselka | Дата: Понедельник, 19.03.2012, 18:40 | Сообщение # 13 |
Стажер
Группа: Проверенные
Сообщений: 28
Награды: 1
Репутация: 0
Смайл настроения:
Статус:
| Small_vampire, когда я нажимаю CTRL+J ничё не меняется(((можешь показать после того как я нажму ктрл+джи что будет?
|
|
| |
Алина | Дата: Вторник, 20.03.2012, 01:29 | Сообщение # 14 |
Моя версия-быть счастливой!
Группа: Друзья
Сообщений: 250
| Получилось ужасно, но зная результата только и тянулась попробовать сделать.. Суть работы выполняла немного по другому, поэтому так плохо.. По уроку не очень получалось(
|
|
| |
Small_vampire | Дата: Вторник, 20.03.2012, 20:34 | Сообщение # 15 |
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус:
| Алина, не плохо на самом деле. молодей что добавила блики. но мне кажется - не хватает колора. и стиль шрифта не совсем подходящий. а в основном смотрится мило)
|
|
| |