Вы вошли как Гость Группа "Гости"Приветствую Вас Гость RSS  
Главная


Форма входа
E-mail:
Пароль:

[Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: _1_, Mystikal, Любанечка  
Весенний Форум. Общение на любые темы » Уроки Photoshop и Image Ready » Уроки ImageReady » Четвертуем картинку (Анимация)
Четвертуем картинку
ХхАнгелхХДата: Пятница, 25.04.2008, 13:11 | Сообщение # 1
V.I.P.
Группа: Модераторы
Сообщений: 847
Репутация: 81
Подарки: 10
Статус: Offline
Очень понравилсямне это урок happy В этом уроке вы узнаете, как сделать анимацию для фона. В дальнейшем вы сможете использовать эту технику для изготовления баннера или логотипа на сайт. Урок я взяла тут

Шаг 1.

Создайте новый документ 350х350 px (можно больше) с белым фоном.
Откройте картинку, которую вы будете разрезать, в Фотошоп. Разместите ее в центре вашего документа.
Картинка должна быть меньше, чем сам документ.

Установите Линейки следующим образом (разделите на четыре равные части).
Чтобы сделать этот инструмент активным нажмите CTRL+R или View > Rulers (Просмотр - Линейки)

Шаг 2.

Возьмите инструменти создайте выделение вокруг левой верхней части картинки.

Затем нажмите Ctrl+J, чтобы скопировать выделение на новый слой.
То же самое можно сделать Layer > New > Layer via Copy (Слой - Новый - скопировать на новый слой)
Теперь вернитесь к основному изображению и проделайте то же самое с каждым квадратом. В конце просто удалите слой с картинкой.

Шаг 3.

Каждому кусочку картинки примените такие стили:
Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения)

Тень:

Обводка:

Затем нажмите Ctrl+T или Edit > Free Transform (Редактирование - свободная трансформация) и примените данный инструмент к каждому кусочку. Разверните их каким-нибудь уникальным образом.

Шаг 4.

Теперь оставьте видимым только один слой на фоне (здесь это layer 3)

Нажмите Shift+Ctrl+M чтобы переслать данные в ImageReady.
Там также как в Фотошоп будет рабочее окно, но кроме этого вы увидите еще полоску для кадров.
В рабочем окне перетащите картинку в верхний правый угол таким образом, чтобы остался видимым только маленький уголок.
Затем нажмите на кнопкуDuplicates current frame (Создать дубликат текущего кадра), которая находится в окне с кадрами.
После чего перетащите картинку в рабочем окне снова на положенное место.
Выделите эти два кадра и нажмите на кнопкуTween (Добавить промежуточные кадры).

В окне Tween установите такие настройки:

Начать с: Выделенный кадр
Добавить кадров: 8
Слои: Все слои

После ОК кадры ваши станут быстро размножаться. Если нажать на кнопку Play (Воспроизвести), то получится вот так:

Шаг 5.

Далее на последнем кадре делаем видимым еще один слой в палитре и проделываем те же действия. Так с каждым кусочком.
Когда у вас все будет готово, зайдите в меню File > Save Optimized As... (Файл - Сохранить оптимизированный как...)
Вот и результат:

Вот, что получилось у меня:

Из этой картинки....

Получилось так...

Или вот так (правда с косяками небольшими)


SketchДата: Понедельник, 26.05.2008, 21:14 | Сообщение # 2
Бывалый
Группа: Пользователи
Сообщений: 71
Репутация: -16
Подарки: 0
Статус: Offline
а я не понял как линейки установить.... cry

TKДата: Понедельник, 26.05.2008, 23:07 | Сообщение # 3
Новичок
Группа: Пользователи
Сообщений: 17
Репутация: 1
Подарки: 0
Статус: Offline
Заходишь в ПРОСМОТРЫ и ищешь Линейки или нажимаешь Ctrl+R
DMITRIYДата: Пятница, 01.08.2008, 01:11 | Сообщение # 4
Новичок
Группа: Пользователи
Сообщений: 6
Репутация: 1
Подарки: 0
Статус: Offline

cool




^-^
PervinДата: Четверг, 04.09.2008, 14:55 | Сообщение # 5
Новичок
Группа: Пользователи
Сообщений: 11
Репутация: 0
Подарки: 0
Статус: Offline
ХхАнгелхХ, spasibo za urok
МалышкаДата: Четверг, 04.12.2008, 14:30 | Сообщение # 6
Бывалый
Группа: Пользователи
Сообщений: 65
Репутация: 7
Подарки: 0
Статус: Offline
Интересный урок



AlterEgoДата: Суббота, 21.02.2009, 10:46 | Сообщение # 7
Проверенный
Группа: Пользователи
Сообщений: 89
Репутация: 5
Подарки: 0
Статус: Offline

а я вот над фото сыночка поизголялась
LovePrinceSSkaДата: Понедельник, 09.03.2009, 23:49 | Сообщение # 8
Свой человек
Группа: Пользователи
Сообщений: 288
Репутация: 44
Подарки: 14
Статус: Offline
У меня не получилось. Получилось, только не так как у вас, подскажите что я сделала не так
Вот:


IrishkaДата: Среда, 06.05.2009, 01:38 | Сообщение # 9
Наблюдатель
Группа: Пользователи
Сообщений: 22
Репутация: 5
Подарки: 0
Статус: Offline
Вот моя
Trance_FanaticДата: Среда, 06.05.2009, 20:09 | Сообщение # 10
-=Trance Fanatiс=-
Группа: Пользователи
Сообщений: 1167
Репутация: 208
Подарки: 42
Статус: Offline
не осилил dry
Весенний Форум. Общение на любые темы » Уроки Photoshop и Image Ready » Уроки ImageReady » Четвертуем картинку (Анимация)
  • Страница 1 из 1
  • 1
Поиск:

Сегодня к нам заходили:

Мини-чат:


Аватарочка © 2019