Четверг, 13 Авг 2020, 20:46
| RSS
гость
20:46
Группа: Гости

Наша кнопка:


Получить код:

Друзья сайта
http://oboi-foto.ucoz.ru/ - Обои девушек
Оцените наш новый дизайн
Всего ответов: 662
Статистика
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Leo, Zima  
Форум » Все к Photoshop » Уроки по Photoshop » Урок - Как перетащить анимацию на другую картинку или фон (авторский)
Урок - Как перетащить анимацию на другую картинку или фон
SNEZHANNAДата: Понедельник, 14 Апр 2008, 11:56 | Сообщение # 1
Platinum
Группа: Администраторы
Сообщений: 8522

smile
Урок от Leo
 
LeoДата: Понедельник, 14 Апр 2008, 22:58 | Сообщение # 2
Генерал-полковник
Группа: Модераторы
Сообщений: 156
Попробуем вместе переложить (перенести) анимашку сердечки,
на кой нибудь слой (в данном случае на текстуру)

Данные этого файла:
размер - 340Х340 пикс.
объем (вес) - 238,64 килобайта
формат - GIF


Открываем Photoshop и создаём новый документ размером 250Х250 пикселей, на прозрачном фоне. Как установить размеры будущего файла смотрим превью

В панели инструментов выбираем инструмент "Заливка". Конечно вы можете залить документ любым цветом, какой вам больше нравится.

Я выбрал вариант - залить текстурой. Что-бы переключится на эту опцию, смотрим в верхней панели настроек (в этой панели всегда присутствуют настройки инструмента, который в данный момент активным ) См. превью

Здесь выбираем опцию "Узор"Превью выше. Превью ниже это открытое меню, со всеми на данный момент, текстурами или узорами загруженными в Photoshop.

Я выбрал текстуру (узор) на подобии грубого, старого картона. Заливаем документ - текстурой или цветом по вашему желанию. (так смотрится созданный нами документ после заливки)

Теперь что-бы открыть анимашку нам надо запустить (открыть)Adobe ImageReady, так как сам Photoshop, анимированый Gif, не открывает. Если вы попытаетесь это сделать, то будет открыт только один слой, как правило первый. (Так смотрится анимированный файл открытый в ImageReady)

Открыв весь файл в ImageReady, перемещаем весь пакет слоев в Adobe Photoshop, нажав при этом на самый нижний символ в панели инструментов

На приложенной картинке он обведён красной рамкой. Переместив файл в Photoshop необходимо сразу этот файл уменьшить до нужных размеров, что-бы он смог уместится на созданном нами новом документе с текстурой. Почему я это сделал? - Для того, что-бы ознакомится с возможностями уменьшения файлов и сразу посмотреть где эти инструменты находятся.
Идём следующим путём: Изображение(где 1) Размер изображения (где 2), нажимаем на эту строчку (см. превью ниже)


И в появившемся окне, задаём необходимые нам значения размеров для этого файла. Если галочка стоит там где "Сохранить пропорции" (отмечено цифрой 1) То задаём значение только в одном маленьком окне, по ширине (отмечено цифрой 2)изображения или по высоте (отмечено цифрой 3). Второе значение будет изменено автоматически, пропорционально первому. (см. превью ниже) Нажимаем на "ОК" и все слои анимации будут уменьшены по заданным размерам.

Я задал значение для обеих сторон по 240 пикселей, вместо бывших 340(а). Таким образом уменьшив изображение почти на треть.
Теперь когда все готово, можно приступить к главному процессу.
Продолжение следует

 
LeoДата: Понедельник, 14 Апр 2008, 22:59 | Сообщение # 3
Генерал-полковник
Группа: Модераторы
Сообщений: 156
Есть и другие способы, они описаны на разных форумах, перетаскивать один слей за другим. Я добрался методом тыка, до того, как перетянуть весь пакет слоев за один раз. (Искал долго в сети как это сделать не нашёл, пока сам не догадался, на авторство не претендую, так как эти возможности присутствуют в базовых настройках Photoshop(а).
Первое: Если у вас в Photoshop(е) отсутствует палитра Animation- Анимация (в русификаторе не переведено) то включите её. Идем - Окно, нажимаем и в новом меню нажимаем на надпись "Animation".

Теперь делаем активным большое рабочее окно, просто нажав на него и тогда в палитре слоев вы увидите все слои этой анимашки, и в палитре Animation все кадры (framesангл.) той-же анимашки. Сделайте активным первый кадр в палитре анимации. Затем маркируйте этот-же первый слой в палитре слоёв, нажав на него левой кнопкой мыши. (видимые или не видимые слои, там где стоит глазок, не играют в данный момент ни какой роли). Так, что мы имеем. первый слой в палитре слоёв у нас активен и выделен тёмным цветом "выделение". Нам надо выделить все слои в палитре слоев. Для этого нажимаем клавишу "Shif" на клавиатуре (тастатуре), удерживаем её и нажимаем на последний слой (в палитре слоев он у на самый верхний) Теперь все слои у нас выделены. Можно преступить к перетаскиванию на созданный нами документ. Отодвиньте немного в сторону (влево) рабочее окно с анимацией, что-бы и второе рабочее окно с нашим созданным фоном (документом) было немного видным, хотя-бы на одну треть.
Продолжение следует
 
LeoДата: Вторник, 15 Апр 2008, 12:49 | Сообщение # 4
Генерал-полковник
Группа: Модераторы
Сообщений: 156
Теперь когда у нас все слои выделены, берём инструмент выделение (Marquee англ.)

Чтобы выделение получилось полным, растяните рабочее окно с анимацией немного по диагонали, направив курсор на правый нижний угол этого окна. Курсор изменит свой вид, и тогда нажав левую кнопку мышки протяните немного в право и в низ, чтоб у вас образовалась не большое свободное пространство, между рамкой окна и самим изображением. Теперь направьте курсор на левый верхний угол изображения и прижав левую кнопку мыши, протяните курсор по диагонали к правому нижнему углу. Отпускаем кнопку и теперь все изображение выделено. Переключаемся теперь на инструмент перемещение (Move (англ.)

Направляем курсор на рабочее окно с анимацией и как только курсор изменит свой вид - (появятся маленькие ножницы), прижав левую кнопку мыши и перетягивайте изображение во второе рабочее окно, где мы приготовили фон. Как только курсор переместится в это окно, прижимаем клавишу Shif на тастатуре и отпускам кнопку мышки. С прижатой кнопкой (клавишей) Shif изображение ляжет прямо по центру фона. Перемещение завершено. Теперь надо создать все слои в палитре кадров (Framesангл.)

Для этого жмём на маленький круглый символ са стрелкой в палитре кадров и появившемся окне (меню) нажимаем на строчку Make Frames From Layers (эта опция не переведена на русский язык) и все слое, что у нас в палитре слоев, с копируются в палитру кадров.

Далее нам необходимо удалить лишние кадры из палитры. Число кадров должно соответствовать числу слоев анимашки

Удаляем самый первый кадр с фоном (картон) просто перетянув его в корзину, как это показано на рисунки сверху

[center]************************[/center]

Теперь начнётся главное: Надо привязать в правильном порядке видимые и невидимые слои в палитре слоев к кадрам в палитре кадров. В палитре слоев в данный момент на один слой больше, это наш фон. Он находится в самом низы палитры и по этому в рабочем окне он будет находится на заднем плане. Номера кадров не соответствуют номерам слоев анимашки в палитре слоев Модно было-бы их переименовать. но я этого просто не стал делать и не хочу загружать вас лишней работой Учтём одно 1 кадр соответствует слою 2
Второй кадр = слою3
3 кадр = слою 4, И так далее

Делаем следующее: Делаем палитре кадров первый кадр активным, а в палитре слоев ставим глазки на 1 слой=фон и на второй слой анимашки что соответствует первому кадру. Привязали. Делаем второй кадр активным, а в палитре слоев ставим глазки на первом=фон и на третьем, что соответствует второму кадру.
Делаем активным третий кадр, а в палитре слоев ставим глазки на первом=фон и на четвёртом, что соответствует третьему кадру и так до самого конца. Получается мы привязываем на каждый кадр два слоя. Фон постоянно , а слои анимашки в возрастающем порядке по одному. Смотри на превью вышеКода все слой будут привязаны к кадрам, то необходимо выставить время прокручивания для каждого кадра в отдельности. При перетягивании мы нарушили заданное время и теперь оно стоит по умолчанию. Это означает "0" Смотри на том-же скрине в превью, под каждым кадром.(отмечено цифрой 4) Здесь ниже на скрине, выставлено оригинальное время, это когда мы открывали анимированый GIF файл в Adobe ImageReady

Продолжение следует

 
LeoДата: Вторник, 15 Апр 2008, 13:04 | Сообщение # 5
Генерал-полковник
Группа: Модераторы
Сообщений: 156
Время на кадрах выставляется следующим образом.

Внизу под рамкой кадра, Это там где обведено зелёной рамкой, должно стоять Forever = постоянно, бесконечно или вечно. Далее, нажимаем на стрелку там где отмечено "1" В откывшемся меню выбираем время. Здесь уже есть готовые установки, в десятичных долях секунды и в целых измерениях. как 1,2,5,10, (см. где "2"Если если эти значения вас устраивают, выберите какое вам надо. Если нет, то жмём там где "4" И в следующем окне которое появится можно выставить любое время для кадра, какое вас устраивает. Даже в сотых долях секунды.

Активируйте кадры по порядку,простым нажатием на них и задавайте желаемое время. Если вы делаете анимашку с "блёстками", то обычно время не задают, чтобы скорость прокрутки была максимальной. Задав каждому кадру время, можно включить плеер и просмотреть эффект.

Фотошоп не предназначен для анимаций, по этому прокручивает не совсем точно с заданной скоростью. Как правило чуть медленнее.


Теперь перекидываем всю работу в Adobe ImageReady используя эту кнопку

********************************************************

В Adobe ImageReady нам надо просто сохранить всю работу. Режим оптимизации цвета изображения устанавливается автоматически по умолчанию. Обычно тот который установился когда вы загружали анимацию. Можете сами выставить для ваше следующее значение. (См картинку)

Я выставил 128 Dithered, для векторной графики можно еще меньше: 64 Dithered. Тогда вся анимация будет полегче. Другие свойства оптимизации я пока не привожу здесь. Они довольно замороченные.
Теперь сохраняем!

Жмем на "Файл" Там где "1" потом сохранить оптимизированный как... (см. где "2") и в следующем окне ни чего не перестанавливая на ОК, Единственное задать в какую папку на вашем компьютере.

Пробуйте!
Если возникнут какие вопросы, задавайте прямо в этой теме.

Ах, да - забыл готовую анимашку поставить, из того что вышло, время на всех кадрах задал по 0,1 сек.

 
Форум » Все к Photoshop » Уроки по Photoshop » Урок - Как перетащить анимацию на другую картинку или фон (авторский)
  • Страница 1 из 1
  • 1
Поиск:
Статистика посещений
Посетители за сутки: