UNIXS.RU

Хотите начать создавать свои видео, изображения и HTML5-рекламу с помощью Google Web Designer на Linux, например Ubuntu 22.04, 20.04 или любой другой версии, то шаги этого руководства очень помогут вам в настройке приложения Google для веб-дизайна с помощью нескольких команд.

Профессиональное программное обеспечение Google Web Designer предназначено для разработчиков, интересующихся веб-разработкой и дизайном. Оно предлагает инструменты, позволяющие пользователям создавать интерактивный и визуально привлекательный HTML5-контент, включая рекламу и другие интерактивные элементы для веб-сайтов, на различных устройствах и при разных размерах экрана.

Ключевые особенности Google Web Designer включают:

• Предлагает полный набор инструментов для дизайна и возможность прямого редактирования HTML, CSS и JavaScript.
• Интерфейс визуального дизайна
• Анимация Возможности для добавления динамического содержимого на веб-страницы.
• Предварительный просмотр на нескольких устройствах позволяет узнать, как созданный контент будет выглядеть на различных устройствах и размерах экрана.
• Обеспечивает бесшовную интеграцию с продуктами Google, такими как Google Диск и Google Ads
• Инструменты для создания трехмерных изображений
• Доступность для всех основных платформ – Windows, macOS и Linux

Начните установку Google Web Designer на Ubuntu

Приведённые здесь шаги выполнены на Ubuntu, но могут быть использованы на Debian, Linux Mint, MX Linux, Kali Linux и других подобных платформах Linux.

Шаг 1: Обновление и установка необходимых пакетов

Первое, что необходимо сделать перед установкой новых пакетов в Linux, например Ubuntu, – запустить команду обновления системы. Она обновит уже установленные пакеты, если доступны новые обновления, а также перестроит индексный кэш пакетов APT.

Помимо обновления, необходимо также установить некоторые общие пакеты, необходимые для добавления новых репозиториев.

sudo apt update && sudo apt install curl software-properties-common apt-transport-https ca-certificates -y

Шаг 2: Скачайте GPG-ключ Google Web Designer

Пакеты, которые мы получаем через репозиторий системы Linux, подписаны криптографическим ключом. Он информирует систему о том, что загружаемые нами пакеты получены из подлинных источников и доступны нам в том виде, в котором они были опубликованы разработчиком. Поэтому перед добавлением репозитория Google Web Designer импортируйте и добавьте его GPG-ключ с помощью приведенной команды:

curl -fSsL https://dl.google.com/linux/linux_signing_key.pub | gpg --dearmor | sudo tee /usr/share/keyrings/google-web-designer.gpg > /dev/null 

Шаг 3: Добавление репозитория

Далее добавьте официальный репозиторий Google Web Designer, подписанный ключом GPG, который мы добавили на предыдущем шаге.

echo "deb [arch=amd64 signed-by=/usr/share/keyrings/google-web-designer.gpg] http://dl.google.com/linux/webdesigner/deb/ stable main" | sudo tee /etc/apt/sources.list.d/google-web-designer.list

После добавления репозитория не забудьте снова запустить команду обновления системы. Она очистит и перестроит кэш APT, чтобы он мог распознать пакеты, доступные для установки через добавленные репозитории.

sudo apt update

Шаг 4: Установите Google Web Designer

Мы успешно подготовили наш Ubuntu Linux к прямой загрузке пакетов для установки Google Web Designer с помощью стандартного системного менеджера пакетов. Теперь просто запустите указанную команду в терминале.

sudo apt install google-webdesigner

Шаг 5: Запуск Google Web Designer

Мы можем запустить Google Web Designer либо с помощью Терминала, либо перейдя в область приложения и выбрав его значок через графический интерфейс Ubuntu.

Если вы предпочитаете Терминал , затем введите:

google-webdesigner &

или иначе

Шаг 6: Создайте веб-анимацию

Когда вы откроете программу для создания веб-рекламы, разработанную Google, перед вами откроется интерфейс, похожий на видео- или фоторедактор, в котором довольно легко разобраться.

1. Создайте новый проект:

• Нажмите на кнопку “Файл“.
• Выберите “Новый” или “Новое из шаблона“, чтобы выбрать один из существующих шаблонов, например, Banner, Expandable Ad, Blank.

3. Дизайн интерфейса:

• После выбора шаблона перед вами появится привычный интерфейс, состоящий из различных панелей, включая временную шкалу, контур документа и свойства.
• Разработайте содержимое с помощью инструментов рисования и текста.

4. Добавьте элементы:

• Перетащите элементы из меню “Компоненты” панель на сцену.
• Общие компоненты включают изображения, текст, кнопки и многое другое.

5. Анимация:

• Google Web Designer поддерживает анимацию. Используйте временную шкалу для добавления анимации и управления ею.
• Выберите элемент, щелкните на временной шкале и выберите “Добавить ключевой кадр“, чтобы задать точки анимации.

6. 3D-авторинг (дополнительно):

• Если вы хотите создать 3D-контент, воспользуйтесь доступными инструментами 3D-авторинга. Вы можете изучить возможности 3D-слоев и трансформации.

7. Предварительный просмотр:

• Нажмите “Предварительный просмотр“, чтобы увидеть, как выглядит и ведет себя ваш контент.

8. Опубликуйте:

• Удовлетворившись своим дизайном, нажмите кнопку “Файл” и выберите “Опубликовать.”
• Выберите подходящие настройки для вашего проекта (например, HTML5, DoubleClick и т. д.).

9. Сохраните проект:

• Регулярно сохраняйте свой проект, используя “Файл” -> “Сохранить” или “Сохранить как.“

10. Документация и помощь:

• Изучите доступную документацию и справочные ресурсы, предоставляемые Google Web Designer.
• Посетите официальный канал видеоуроков на YouTube для получения подробной информации и обучающих материалов.

11. Экспорт активов:

• Если вы хотите использовать созданные вами активы в другом проекте или платформе, экспортируйте их с помощью кнопки “Файл” -> “Экспорт” вариант.

Таким образом, любой желающий может легко установить Google Web Designer на Linux, чтобы не только использовать визуальный интерфейс для создания веб-рекламы, но и кодирование.