1. Создать новый баннер
2. Вставлять и редактировать тексты
3. F +
4. Найди подходящую работу
5. Третье измерение
6. От овала к кругу
7. Дизайн, код и предварительный просмотр

Веб-дизайнер Google установлен, и вы можете начать создавать свой баннер. Эта часть о создании баннера и работе с текстом и инструментами пера. Обзор основных функций в Google Web Designer Вы можете прочитать в предыдущей статье.

Создать новый баннер

После открытия Google Web Designer выберите «Файл -> Новый файл» в верхнем левом углу. Поскольку создание баннера автоматически выбирается с левой стороны, вы можете напрямую установить формат вашего баннера. Вам доступны стандартные размеры баннеров, или вы можете сами определить размер. После этого быстро дайте имя файлу баннера и выберите папку для сохранения, чтобы он наконец запустился.

Вставлять и редактировать тексты

Теперь выберите текстовый инструмент (значок карандаша) в левом меню и щелкните в любом месте на рабочем столе. Первый результат - баннер со слишком маленьким, скучным текстом. Так что здесь что-то должно произойти.

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

F +

Справа от шрифтов вы найдете кнопку «F +» (верхняя картинка). Их можно использовать для доступа к Google-шрифтам и добавления других, дважды щелкнув по шрифту. После того, как вы добавили шрифты, они перечислены в разделе Веб-шрифты (нижний рисунок). В бета-версии в настоящее время есть только эти шрифты. Позже все шрифты, хранящиеся на вашем компьютере, должны быть включены позже.

Найди подходящую работу

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

Совет для вас:
Точные настройки можно выполнить с помощью клавиш со стрелками на клавиатуре.

Третье измерение

С помощью инструмента 3D-вращения (внизу слева на рисунке) вы можете свободно перемещать текст по осям X, Y и Z. Вы можете установить начальную точку вращения с помощью символа маркера, который появляется в рабочей области. Вы делаете вращение самостоятельно, нажимая на одно из цветных колец, удерживая кнопку мыши нажатой. Если вы теперь двигаете мышь, текст на оси, по которой вы щелкнули, вращается.

Видео, с обзором функций текстового инструмента , вы можете посмотреть здесь:

Pen Tool дает вам больше возможностей редактирования для создания овалов, прямоугольников или линий. Используйте эти инструменты для создания собственного логотипа или чего-либо еще, что вы хотите изобразить.

От овала к кругу

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

Дизайн, код и предварительный просмотр

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

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

Рейтинг: 5.0 / 5. Из 2 опросов.

Пожалуйста, подождите...

Похожие

Комментарии