Шаг 3: Цветовой дизайн

Indonesia Data Forum Pioneering and Big Data Growth
Post Reply
Md5656raj
Posts: 10
Joined: Wed Dec 18, 2024 3:19 am

Шаг 3: Цветовой дизайн

Post by Md5656raj »

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

Photopea-Непрозрачность-изображения

Шаг 4 – Создание текстового слоя
Чтобы создать текстовый слой, вы можете использовать то же сочетание клавиш, что и в Photoshop (t), или щелкнуть значок T на боковой панели инструментов. Затем напишите текст и перейдите на верхнюю панель, чтобы настроить его.

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

Не злоупотребляйте изменением цвета + изменением тела + изменением веса, так вы обеспечите не направленность внимания на какое-то конкретное место.



Image



Фотогорох-Текст

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

Завершив настройку текста , не забудьте подтвердить его, чтобы сохранить изменения.

Шаг 5. Создайте кнопку загрузки.
Цель этой кнопки, которую вы можете создать, — указать, что вы предлагаете загружаемый контент. Для его построения вам нужно перейти на новый слой. Там вы можете создать кнопку . Классический формат — прямоугольник со скругленными краями и коротким текстом внутри.

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

Вы можете изменить цвет и выбрать тот, который контрастирует с фоном. Удобно округлить углы «Углового радиуса» (в данном случае 24 пикселя), чтобы он выглядел как кнопка.

Photopea-кнопка создания

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

Хитрость, которая дает наилучшие результаты, заключается в использовании шрифтов символов со стрелкой, которая указывает на то, что кнопка является интерактивной.

Чтобы убедиться, что он центрирован, выбрав кнопку со стрелкой на левой панели инструментов, щелкните два объекта (или оба слоя), удерживая клавишу Shift. И, выделив объекты, нажмите центральные кнопки по горизонтали и вертикали.
Post Reply