Официальная Дизайн Поддержка Anime-Dream

Объявление

Официальная Дизайн Поддержка Anime-Dream :

Ура мы после долгого закрытия,мы наконец то открылись.


Открыт набор модераторов. Если вы хотите помагать форуму, то пишите Здесь. А так же мастера для них оттельный набор.Здесь.
Победитель конкурса :


Победителя ник

Действующие конкурсы:
пока нет

Голосование:
Нет

SMS.копилка
Партнеры:

Создайть форумВинкс прямо сейчас
Allsoft.ru - магазин софта Весь материал защищен авторскими правами

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Официальная Дизайн Поддержка Anime-Dream » Уроки Photoshop CS » Анимационный пазл


Анимационный пазл

Сообщений 1 страница 4 из 4

1

В этом photoshop-уроке вы узнаете, как сделать анимационный пазл.
Версия: CS 4. Не исключено, что эту же работу можно проделать и в других версиях.
Сложность: Средняя.

Шаг 1.
Создайте новый документ 350х350 px с белым фоном.
Откройте картинку, которую вы будете разрезать. Я подобрал любительский снимок весенней сакуры.

http://s59.radikal.ru/i163/0906/3e/e51ef544983a.jpg

Шаг 2.
С помощью линейки разделите ваше изображение на 4 части. Желательно, чтобы эти части были одинаковыми.
Чтобы сделать инструмент активным нажмите CTRL+R или View > Rulers (Просмотр - Линейки).

http://i075.radikal.ru/0906/c0/0b88ce91f01f.jpg

Шаг 3.
Скопируйте каждую часть рисунка на отдельный слой. Для этого нужно выделить необходимую часть с помощью специального инструмента и нажать Ctrl+J.

http://s54.radikal.ru/i144/0906/a3/4155be8de334.jpg

Шаг 4.
Каждому из кусочков задайте вот таки координаты стиля. (Можно немного изменить их, в зависимости от вашего вкуса).

http://s56.radikal.ru/i151/0906/0a/398874071ab4.jpg

http://itrash.ru/idb/7599edefe620ef3134cf1d23cb969187/o5.jpg

Шаг 5.
Выберите «выделение» и, не меняя слои, перекрутите все кусочки с помощью свободного трансформирования. В итоге у вас должна получиться подобная экспозиция. Не забудьте удалить слой с белым фоном, который у вас был в самом начале.

http://itrash.ru/idb/7599edefe620ef3134cf1d23cb969187/o6.jpg

Шаг 6.
К каждому из обрезков картинки создайте несколько дубликатов (Ctrl+J), меняя при этом расположение самого кусочка. (Внимательно изучите предложенные изображения).

http://itrash.ru/idb/7599edefe620ef3134cf1d23cb969187/o7_1.jpg

http://itrash.ru/idb/7599edefe620ef3134cf1d23cb969187/o8.jpg

Шаг 7.
Проделайте подобную работу с каждой из деталей. Затем сохраните анимацию для Wed в формате GIF. Помните о качестве и размере вашего изображения. Вот что получилась у меня. На мой взгляд, довольно интересно и необычно. Но тоже имеются некоторые недочеты.

http://itrash.ru/idb/7599edefe620ef3134cf1d23cb969187/othe-end.gif

Так же вы можете задать мне пару вопросов по поводу урока. Буду рад ответить. Удачи вам и всего наилучшего!

Lesson by Javell

0

2

Заметка: В своей наглядной работе я использовал тени. Поэтому вокруг кусочков пазла образовалась серая обводка, которая в свою очередь немного портит внешний вид изображения. Поэтому я решил проделать ту же самую работу. Но уже с другой картинкой и без использования теней.

http://itrash.ru/idb/ed0b04afc24524e237fd20922b7e450d/odubl-2.gif

0

3

вопрос. а как его выложить через радикал?
просто когда я пытаюсь его выложить в радикале, то он мне говорит что он не является графическим. что делать?

0

4

Niki
Попробуй через http://itrash.ru/
.ничего не меняй просто бери готовую ссылку и все, я лично так выложил.

Отредактировано Javell (2009-06-06 22:58:07)

0


Вы здесь » Официальная Дизайн Поддержка Anime-Dream » Уроки Photoshop CS » Анимационный пазл