Как анимировать вращающийся 3D-глобус с помощью Illustrator и Photoshop

Kak Sozdat Animaciu Vrasausegosa 3d Globusa S Pomos U Illustrator I Photoshop



Меня как ИТ-эксперта часто спрашивают, как анимировать вращающийся трехмерный глобус с помощью Illustrator и Photoshop. Вот краткое изложение необходимых шагов: 1. Сначала создайте новый документ в Illustrator и нарисуйте круг. 2. Затем добавьте к кругу градиентную заливку и установите угол 45 градусов. 3. Затем создайте новый слой в Photoshop и добавьте фотографию земного шара. 4. Наконец, используйте инструмент «Марионеточная деформация», чтобы анимировать глобус. Вот краткий видеоурок, показывающий необходимые шаги:



Этот урок покажет вам, как создать или сделать 3D-глобус, вращающийся, вращающийся или вращающийся анимацию с иллюстратором и фотошопом. Illustrator и Photoshop — два лучших графических программного обеспечения от Adobe. Оба имеют некоторые сходства и различия. Вы можете задаться вопросом, в чем разница. Когда вы используете оба, вы поймете, что они оба хороши в разных вещах.





обновление Windows 8.1

Как анимировать вращающийся 3D-глобус с помощью Illustrator и Photoshop





Как анимировать вращающийся 3D-глобус с помощью Illustrator и Photoshop

Illustrator и Photoshop могут иметь свои различия, но они хорошо работают вместе. Оба имеют свои сильные и слабые стороны. Создайте вращающийся 3D-глобус с помощью Illustrator и Photoshop. будет использовать сильные стороны каждого, чтобы сделать замечательное произведение искусства. Illustrator будет использоваться для трехмерной части земного шара и добавленной к нему карты, а Photoshop будет отвечать за анимированную часть GIF.



  1. Добавить карту к символам
  2. Создать 3D-сферу
  3. Добавить карту на сферу
  4. Делайте снимки с разных ракурсов земного шара
  5. Анимировать картинки в фотошопе
  6. Держать

1] Добавить карту к символам

Шаг в создании глобуса требует, чтобы карта мира была добавлена ​​к сфере. Для этого карту мира придется добавить в палитру символов. Найдите карту мира и откройте ее в Illustrator, удерживайте и перетащите на панель «Символы». Дайте символу имя, если хотите, и нажмите OK, чтобы закрыть.

2] Создать 3D-сферу

Следующим шагом будет создание сферы, которая будет содержать карту мира. Используйте инструмент «Эллипс» в Illustrator, чтобы создать идеальный круг.

3] Добавьте карту в сферу

Следующим шагом будет добавление карты мира на сферу.



4] Делайте снимки с разных ракурсов земного шара

Следующим шагом будет фотографирование разных сторон земного шара. Это важно, потому что для создания вращающегося анимированного GIF потребуются разные стороны для добавления Photoshop. Чтобы получить изображения, вам нужно решить, насколько подробно вы хотите, чтобы вращающийся глобус выглядел. Чем больше деталей вы хотите, тем больше снимков вам нужно будет сделать. Чем больше снимков вы хотите сделать, тем дольше будет длиться процесс. В этой статье не будут показаны все изображения, но будут собраны некоторые из них, чтобы дать вам представление о том, как это делается.

Захват изображения

Как создать 3D-вращающийся глобус с помощью Illustrator и Photoshop 3D r

Пока вы все еще находитесь в опции 3D-вращения, вы увидите 3D-куб, вы заметите, что каждый раз, когда вы его вращаете, земной шар вращается и показывает другую сторону. Если вы хотите больше изображений, и вы терпеливы, и ваша рука устойчива, вы можете вращать куб, останавливаясь с каждой стороны, закройте опцию 3D-вращения (нажмите ok) и перейдите к Файл Затем Экспорт , выберите имя файла, указывающее, с какой стороны и в каком порядке выберите PNG в качестве типа файла, а затем щелкните Держать . Тип файла PNG гарантирует, что фон не будет сохранен.

Как создать 3D-вращающийся глобус с помощью Illustrator и Photoshop — изменить на вращение вокруг оси

Когда вы меняли местами стороны с помощью 3D-окна, вы заметили, что значение во второй позиции вращения продолжает меняться. Другие значения тоже изменились, но второе поле сверху управляет поворотом вида сбоку.

Обратите внимание, что если вы хотите получить более детализированный вращающийся глобус, вам потребуется сделать больше изображений. Вы можете получить больше лиц более точно, введя значения во втором поле сверху. Сделайте первое значение 18 градусов, и когда вы сохраните это изображение, продолжайте увеличивать его на 18 градусов, пока не дойдете до 360. Это означает, что у вас будет в общей сложности двадцать значений для ввода и экспорта. Двадцать изображений для использования в анимированном GIF в Photoshop.

Как создать 3D-вращающийся глобус с помощью Illustrator и Photoshop - 3D-вращающиеся позиции

Если вы хотите показать только несколько сторон, вы можете щелкнуть стрелку раскрывающегося списка вверх, Позиция . Появится раскрывающееся меню со всеми предустановленными позициями, щелкните одну из позиций, и сфера начнет вращаться. Затем вы каждый раз нажимаете ок, а затем переходите к Файл Затем Экспорт , выберите имя файла, указывающее, с какой стороны и в каком порядке выберите PNG в качестве типа файла, а затем щелкните Держать . PNG Тип файла гарантирует, что фон не будет сохранен.

Как создать трехмерный вращающийся глобус с помощью Illustrator и Photoshop с 4 сторонамиЕсли вы собираетесь снимать земной шар с четырех ракурсов, чтобы он вращался точно, фотографируйте Передний Затем Верно , Затем Назад Затем левый . Дайте им номера в том порядке, в котором они должны располагаться на временной шкале в Photoshop. Вот как это будет выглядеть Фронт 1 Затем Право 2 , Затем Назад 3 Затем Слева 4. В 3D-перспективе перейдите в положение и выберите четыре. Используйте этот порядок для настройки в Photoshop для GIF.

5] Анимация изображений в Photoshop

Теперь, когда вы создали глобус и сохранили изображения, пришло время сделать анимацию в Photoshop. Для этого вам нужно создать анимированный GIF-файл, используя временную шкалу Photoshop, чтобы создать форму покадрового видео. Это как рисовать в физической книге, а затем листать страницы, чтобы оживить изображения. Эта временная шкала Photoshop работает таким же образом, она использует слои и синхронизацию для создания эффекта движения. Файл будет сохранен в формате GIF. Формат GIF поддерживает анимацию.

найти заархивированные электронные письма в Outlook

Включить временную шкалу

Пришло время загрузить изображения в Photoshop. Откройте Photoshop и создайте новый документ нужных размеров. Чтобы открыть новый документ, выберите «Файл», затем «Создать» или щелкните Ctrl + Н . Появится окно «Параметры нового документа», выберите параметры и нажмите Отлично чтобы подтвердить их. Затем вы идете в Окно Затем Графика и Графика Интерфейс появится в нижней части области холста. Созданный документ будет первым кадром на временной шкале.

Как создать трехмерный вращающийся глобус с помощью Illustrator и Photoshop с 4 сторонамиПришло время разместить изображения в Photoshop. Важно разместить изображения в правильном порядке на временной шкале. Порядок, в котором они находятся, - это порядок, в котором они будут воспроизводиться. Вы можете загрузить изображение в Photoshop, выбрав либо Файл Затем Место и найдите изображение, нажмите на него и нажмите «поместить». Команда «Поместить» поместит изображение на холст. Вы также можете открыть изображение, перейдя в Файл Затем открыть затем найдите изображение, выберите его и нажмите «Открыть». Этот метод откроет изображение в новом документе, и вам нужно будет щелкнуть и перетащить его в нужный документ.

Первое изображение займет первое место на временной шкале. Убедитесь, что это изображение является первым, с которого начнется анимация. Изображение также будет видно на панели слоев. Второе изображение теперь можно поместить в Photoshop. Следуйте инструкциям, чтобы разместить его в Photoshop. Перед размещением изображения перейдите на временную шкалу, нажмите кнопку Дублировать выбранный слой икона. Выбранный слой будет продублирован с изображением на нем и слоем с именем Кадр 2 будет размещен на панели слоев. Вы поместите новое изображение в кадр 2. Сделайте следующее для каждого изображения. Убедитесь, что изображения имеют одинаковый размер и что последнее полностью закрывает предыдущее изображение, если только вы не создаете специальный эффект. После того, как все изображения были размещены в Photoshop на временной шкале, обратите внимание, что они правильно выровнены. Выполните пробный запуск анимации, нажав кнопку «Воспроизвести анимацию», и посмотрите, насколько хорошо они совпадают. Не беспокойтесь о времени на этом этапе, вы просто пытаетесь наблюдать за выравниванием и различиями в размерах.

Поиск неисправностей

У вас может возникнуть проблема, когда предыдущие изображения влияют на последующие изображения и появляются там, где их быть не должно. Это можно исправить, найдя кнопку меню в крайнем правом углу временной шкалы, щелкнув меню и сняв флажок. Новый слой виден во всех кадрах . В этом же меню можно включить и выключить Создавайте новый слой для каждого нового кадра . Включите или выключите их и посмотрите, как они повлияют на результат.

пинта краска

Если миниатюры на временной шкале слишком малы, нажмите кнопку меню на временной шкале и выберите Параметры панели . Откроются параметры панели «Анимация», и вы увидите параметры размера эскиза. Маленький , Середина , я Большой . Средний — это размер по умолчанию. Вы можете выбрать удобный для вас размер.

Добавить цвет фона (необязательно) Как создать вращающийся 3D-глобус в Illustrator и Photoshop — белый фон

Это изображение на белом фоне.

Вы можете сделать анимацию еще лучше, добавив несколько дополнительных элементов, вы можете добавить цвет фона, чтобы выделить земной шар. Чтобы добавить цвет фона, перейдите на панель слоев и щелкните фоновый слой, перейдите в нижнюю часть панели слоев и щелкните значок «Создать новый слой-заливку или корректирующий слой». Выберите сплошной цвет, градиент или узор. В этой статье будет использоваться параметр «Сплошной цвет». Используйте приятный цвет, который выделит глобус. Вы также можете использовать темный цвет для имитации пространства и добавить несколько звезд с помощью инструмента «Кисть». Когда вы добавите цвет фона, вам нужно будет щелкнуть каждый кадр и включить цветовой слой. Как создать 3D-вращающийся глобус с помощью Illustrator и Photoshop--

Это изображение на черном фоне со звездами.

Время установки

Это та часть, где вы будете контролировать скорость анимации. Если анимация будет слишком быстрой, ее будет тяжело смотреть. Если будет слишком медленно, смотреть будет скучно. Найдите время, которое не будет ни слишком быстрым, ни слишком медленным. Выберите правильное время в зависимости от того, что еще может быть в анимации. Если есть информация для чтения, сделайте время анимации достаточно медленным, чтобы было достаточно времени для чтения.

Как создать 3D-вращающийся глобус с помощью Illustrator и Photoshop-2--

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

как использовать prtsc в Windows 10

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

Загляни под рамки и увидишь слово Навсегда . Это время по умолчанию. Щелкните стрелку раскрывающегося списка, чтобы открыть меню, в котором можно выбрать другое количество раз. Один раз , три раза и Навсегда заданное количество раз, если вы хотите выбрать другое количество раз, чем это, выберите Другой и вам будет предоставлена ​​возможность ввести желаемое количество раз.

6] Сохранить

Чтобы сохранить в формате GIF, перейдите к Файл , Сохранить для Интернета , и появится диалоговое окно. Вы можете просто выбрать предварительный просмотр GIF или нажать «ОК», если вам не нужно вносить какие-либо изменения. Анимированный GIF будет воспроизводиться в любом веб-браузере. В диалоговом окне «Сохранить для Интернета» есть кнопка предварительного просмотра, которая позволяет предварительно просмотреть GIF и показать копию HTML-кода.

Это анимированный вращающийся глобус. Если вы хотите, чтобы он был более плавным, вам понадобится больше изображений, чтобы сделать повороты более плавными. Есть другие эффекты и функции, добавленные для улучшения художественного произведения. Вы можете проявить творческий подход и добавить все, что захотите.

Читать : Как создать узор с помощью инструмента Custom Shape Tool в Photoshop

Как создать 3D фигуру в Illustrator?

В Illustrator можно сделать много фигур 3D, в некоторых случаях нужно просто поэкспериментировать. Если вам нужна 3D-сфера, просто создайте круг в Illustrator, разрежьте его пополам и удалите левую сторону, а затем используйте эффект 3D-поворота. Затем вы можете добавить к 3D-сфере другие эффекты.

Как создать 3D-конус в Illustrator?

Создать 3D-конус в иллюстраторе очень просто, просто используйте инструмент «Линия». Нарисуйте линию, затем перейдите к Эффект Затем 3D Затем вращать , щелкните Предварительный просмотр, и вы увидите, что линия изменится на 3D-конус. вы можете нажать Отлично чтобы закрыть и подтвердить изменения

Популярные посты