ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

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

Купить скрипт

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

Платформа: MyBB.ru (RusFF)
Стоимость: 8000 рублей;
Авторы: Moju & Gerda

Посмотреть

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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



Урок анимации

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

1

Урок взят с http://www.photoshop-master.ru

Вы сможете использовать эту технику для изготовления баннера или логотипа на сайт.

Шаг 1.
Создайте новый документ 350х350 px с белым фоном.
Откройте картинку, которую вы будете разрезать, в Фотошоп. Разместите ее в центре вашего документа.
Картинка должна быть меньше, чем сам документ.
http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animated.jpg

Установите Линейки следующим образом (разделите на четыре равные части).
Чтобы сделать этот инструмент активным нажмите CTRL+R или View > Rulers (Просмотр - Линейки)
http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animatee.jpg


Шаг 2.

Возьмите инструмент http://www.photoshop-master.ru/lessons/tools/marque.png
  и создайте выделение вокруг левой верхней части картинки.
http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animatef.jpg

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

Шаг 3.
Каждому кусочку картинки примените такие стили:
Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения)
Тень:
http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animateg.jpg
Обводка:
http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animateh.jpg
Затем нажмите Ctrl+T или Edit > Free Transform (Редактирование - свободная трансформация) и примените данный инструмент к каждому кусочку. Разверните их каким-нибудь уникальным образом.
http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animatei.jpg

Шаг 4.
Теперь оставьте видимым только один слой на фоне (здесь это layer 3)
http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animatej.jpg
Нажмите Shift+Ctrl+M чтобы переслать данные в ImageReady.
Там также как в Фотошоп будет рабочее окно, но кроме этого вы увидите еще полоску для кадров.
В рабочем окне перетащите картинку в верхний правый угол таким образом, чтобы остался видимым только маленький уголок.
Затем нажмите на кнопку http://www.photoshop-master.ru/lessons/tools/new-layer.png Duplicates current frame (Создать дубликат текущего кадра), которая находится в окне с кадрами.
После чего перетащите картинку в рабочем окне снова на положенное место.
Выделите эти два кадра и нажмите на кнопку http://www.photoshop-master.ru/lessons/2007/170907/animated_back/1.gif Tween (Добавить промежуточные кадры).
http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animatek.jpg
В окне Tween установите такие настройки:
Начать с: Выделенный кадр
Добавить кадров: 8
Слои: Все слои

http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animatel.jpg
После ОК кадры ваши станут быстро размножаться. Если нажать на кнопку Play (Воспроизвести), то получится вот так:
http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animated.gif

Шаг 5.
Далее на последнем кадре делаем видимым еще один слой в палитре и проделываем те же действия. Так с каждым кусочком.
Когда у вас все будет готово, зайдите в меню File > Save Optimized As... (Файл - Сохранить оптимизированный как...)
Вот и результат:
http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animatee.gif

У Вас получилось?
Скидывайте Ваши работы

0

2

Называть урок надо ну попонятней, что за анимация, что делает, как делает -  http://uploads.ru/i/Z/B/C/ZBC7T.gif
И потом, такое уже было: Собираем кусочки

0