Как сделать макет в coreldraw

Обновлено: 01.07.2024

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

Что такое макет страницы?

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

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

Типы макета страницы

Макеты страниц бывают разных форм, каждая из которых может иметь свои основные шаблоны.

Нужно скачать CorelDRAW?

Загрузите бесплатную 15-дневную пробную версию прямо сейчас!

Макеты страниц ежегодника

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

Макет страницы журнала

Страницы журнала обычно бывают двух видов: страницы с изображениями и страницы с текстом. Однако даже на текстовых страницах журнальные страницы обычно содержат изображения. Также может потребоваться, чтобы ваш контент содержал определенную рекламу, или вы создали страницы, специально посвященные рекламе, в контенте в целом.

Макет страницы комикса

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

Макет страницы манги

Макет манги на первый взгляд часто похож на макет комикса, но у него есть одно ключевое отличие: панели манги обычно крупнее и поэтому могут содержать больше деталей. Страницы манги также в значительной степени сосредоточены на изображениях, но могут оставлять место для текста, чтобы продвигать историю.

Макет целевой страницы

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

Макет главной страницы

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

Заключение

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


< /p>

Вы также можете указать размер и ориентацию страницы, щелкнув Просмотр сортировщика страниц и настроив элементы управления на панели свойств.

Вы также можете открыть диалоговое окно "Параметры" со страницей "Размер страницы", дважды щелкнув тень страницы документа.

Чтобы добавить или удалить предустановленные пользовательские размеры страниц
1 . Щелкните Макет
Параметры страницы.
< /tr>
Появится диалоговое окно "Параметры" с отображаемой страницей "Размер страницы".
2 . Выполните задание из следующей таблицы.

Укажите нестандартный размер страницы в полях Ширина и Высота, нажмите кнопку Сохранить и введите имя пользовательской страницы в поле Сохранить нестандартный тип страницы как.

Если инструмент "Указатель" активен и объекты не выбраны, вы также можете добавлять или удалять пользовательские предустановленные размеры страниц, щелкнув "Изменить этот список" в нижней части списка "Размер страницы" на панели свойств.

Выбор стиля макета
1 . Щелкните Макет Макет страницы.
2 . В диалоговом окне «Параметры», выберите стиль макета в списке «Макет». "presentation">
Каждый стиль макета сопровождается кратким описанием и иллюстрацией.
< table width="99%" border="0" cellpacing="0" cellpadding="0"> Использование стиля метки
1 . Нажмите Макет Настройка страницы .
2 . В списке категорий документов нажмите "Ярлык" и включите параметр "Ярлыки".
3 . Выберите имя производителя из списка.
4 . Выберите нужный стиль метки из списка.
< tr style="vertical-align: baseline">
Если вы хотите Чтобы настроить стиль метки, щелкните Настроить метку и настройте размер метки, поля, промежутки и количество меток, отображаемых на каждом листе.
Если вы хотите сохранить пользовательский стиль метки вы создали, нажмите кнопку «Добавить» и введите имя нового стиля меток в поле «Сохранить как».

Для достижения наилучших результатов выберите размер бумаги Letter и книжную ориентацию, прежде чем применять стиль этикетки.

Чтобы сохранить текущий макет страницы по умолчанию
< td width="3%">1 .
Выберите Инструменты
Параметры.
2 . В список категорий, нажмите «Документ».
3 . Включите флажок Сохранить параметры по умолчанию для новых документов.
4 . Включить страницу флажок параметров.

Не все компоненты пакета, задокументированные в этой справке, доступны в пробной, академической и OEM-версиях. К недоступным компонентам могут относиться приложения Corel, функции продукта, сторонние утилиты и дополнительные файлы содержимого.

В этом уроке вы узнаете, как создать простой и удобный веб-макет в Corel Draw. Вы узнаете, как создать интеллектуальный фон, элегантную панель навигации и аккуратный раздел контента.

простой дизайн веб-макета

Подробности урока

  • Программа: CorelDraw 11–X5
  • Сложность: все
  • Расчетное время выполнения: 30 минут.

Шаг 1. Основные элементы

Прежде всего вы должны использовать CorelDraw версии 11+. В этом уроке я использую CorelDraw X5. Хорошо, давайте начнем. Давайте взглянем на основные элементы, использованные для создания нашего дизайна:

учебник по простому веб-макету

Это также будут наши шаги по созданию дизайна.

Шаг 2. Создание рабочего листа

Хорошо, теперь, когда вы знаете шаги и элементы, мы начнем, прежде всего откройте программу CorelDraw, теперь создайте новый файл и установите размер бумаги на «Пользовательский» и измените его размер на 30 x 19 см.


Шаг 3. Создание веб-фона

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


Давайте зададим цвет самому большому кругу, перейдя к инструменту «Фонтанная заливка» на левой панели инструментов и применив значение, указанное ниже. Вы можете создать собственный цвет, дважды щелкнув поле цвета.


Создайте еще одну копию фигуры "Круг" и сделайте ее меньше оригинала.


Теперь создайте другую форму прямоугольника с помощью инструмента "Прямоугольник" и примените значение, указанное ниже.


Скруглите угол, выбрав инструмент "Форма" на левой панели инструментов, щелкните и перетащите угол, чтобы сделать его закругленным.


Расположите фигуру поверх фона.


Шаг 4. Работа с прозрачностью

Мы собираемся сделать фигуру коробки прозрачной, выбрав «инструмент Interactive Transparency Tool» на левой панели инструментов, а затем перейдите на верхнюю панель инструментов и установите тип прозрачности на однородный.


Скопируйте фигуру Box в нижнюю часть фона.


Шаг 5. Работа с Powerclip

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


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


Теперь перейдите к "Инструменту "Форма", щелкните правой кнопкой мыши верхнюю середину нестандартной формы блока и найдите "Преобразовать в кривые" на верхней панели инструментов.


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


Поместите в него красный цвет, затем переверните и скопируйте фигуру, нажав «Влево + Правая кнопка мыши», удерживая ее, и перетащите на противоположную сторону.


Так же, как в шаге 5, выберите обе фигуры и сделайте их прозрачными.


Сгруппируйте фигуру, выбрав их обе, и нажмите " Ctrl + G " после того, как перевернете и скопируете фигуру.


Теперь вставьте фигуру в фон, используя " PowerClip ", как в шаге 5.



Шаг 6. Добавление круглой текстуры

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


Теперь скопируйте круг в правую сторону, сделайте столько кругов, сколько хотите.


После этого скопируйте его еще раз, но на этот раз скопируйте в самый низ оригинала.


Теперь создайте круг поверх текстуры.


После этого перейдите на верхнюю панель инструментов и найдите «Эффект» > «Линза», после этого установите тип линзы на «рыбий глаз» и примените значение ниже.


После этого выберите текстуру и вставьте ее в форму круга, используя " PowerClip ", залейте ее красным цветом.


Сделайте его прозрачным с помощью "Интерактивного инструмента прозрачности" и примените значение ниже.


Скопируйте круг и расположите его поверх фона.


Поместите круг внутрь фона с помощью " PowerClip ".


После этого создайте еще один круг с помощью инструмента "Эллипс" и поместите его в любом месте за пределами фона.


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


Разбейте тень, нажав "Ctrl + K", чтобы отделить тень от круга и скопировать ее в нижнюю часть фона.


Поместите тень внутрь фона с помощью " PowerClip ".


Хорошо, теперь создайте другую фигуру Box с помощью инструмента "Прямоугольник" и примените значение ниже.


Создайте еще одну форму коробки и расположите ее поверх предыдущей.


Скруглите угол с помощью инструмента "Форма".


Теперь выберите оба прямоугольника и перейдите на верхнюю панель инструментов, найдите «Инструмент сварки» и нажмите его.


Это объединит обе формы, после чего закрасит их красным цветом.


Расположите его поверх фона и сделайте прозрачным с помощью инструмента "Прозрачность".


Отразите и скопируйте фигуру и расположите ее внизу фона.


Шаг 7. Создание панели навигации

Мы создадим панель навигации, создадим тонкую рамку с помощью инструмента «Прямоугольник» и применим значение, указанное ниже.


Скруглите угол с помощью инструмента "Форма".


После этого перейдите к инструменту «Интерактивный контур» на левой панели инструментов и примените значение, указанное ниже, для создания контура.


Давайте добавим цвет на панель навигации, перейдя к инструменту «Фонтанная заливка» и применив значение, указанное ниже.



Выделите контур красным цветом.


Расположите панель навигации поверх фона, как показано ниже.


Выберите контур и сделайте его прозрачным с помощью «Интерактивного инструмента прозрачности» и примените значение ниже.


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


Скруглите угол с помощью инструмента "Форма" и примените значение, указанное ниже.


Создайте контур кнопки с помощью «Интерактивного инструмента контура».


Добавьте цвет к кнопке, перейдя к инструменту «Фонтанная заливка» и применив значение, указанное ниже.



Закрасьте контур красным цветом и сделайте его прозрачным с помощью «Интерактивного инструмента прозрачности».


Используя те же шаги, что и выше, создайте окно поиска в правой части панели навигации.


Создайте тонкую линию с помощью инструмента Безье, чтобы создать разделение кнопок.


Шаг 8. Создание панели содержимого

Теперь мы собираемся создать панель содержимого, перейдите к инструменту «Прямоугольник», создайте фигуру блока и примените значение ниже.


Создайте контур, выбрав «Интерактивный инструмент контура» и применив значение, указанное ниже.


Добавьте цвет на панель содержимого, выбрав инструмент «Фонтановая заливка» на левой панели инструментов и применив значение, указанное ниже.


После этого расположите его поверх фона.


Закрасьте контур красным цветом и сделайте его прозрачным с помощью «Интерактивного инструмента прозрачности».


Скопируйте элементы потока на фон и закрасьте их черным цветом.


Расположите его поверх панели содержания.


Поместите его на панель содержимого с помощью " PowerClip ".


Теперь выберите кнопку на панели навигации и скопируйте ее, после чего расположите ее слева и справа на панели содержимого.


Создайте форму стрелки с помощью инструмента Безье поверх скопированной кнопки.


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


Создайте контур, выбрав «Интерактивный инструмент контура» и применив указанное ниже значение.


Добавьте цвет к фигуре Box, выбрав инструмент «Фонтанная заливка» и применив значение, указанное ниже.


Расположите его в нижней части панели содержания.


Закрасьте контур красным цветом и сделайте его прозрачным с помощью «Интерактивного инструмента прозрачности».


После этого снова скопируйте элемент Flow на фон.


Расположите его поверх ранее созданной формы.


Поместите его внутрь фигуры с помощью "PowerClip".


Окончательное изображение

На этом мы закончили, вы можете настроить его, добавив больше цвета, текста, тени или текстуры, как на финальном изображении ниже.

простой дизайн веб-макета

Исходный файл учебника

Никакая часть этих материалов не может быть воспроизведена каким бы то ни было образом без явного письменного согласия Entheos. Любое несанкционированное использование, совместное использование, воспроизведение или распространение этих материалов любыми средствами, электронными, механическими или иными, строго запрещено.

CorelDRAW

CorelDRAW Диалоговое окно создания файла

  1. Откройте CorelDRAW и создайте новый документ (Файл > Создать).
  2. Установите высоту и ширину на 0,25 дюйма больше, чем размер готового печатного изделия. Например, если вы используете шаблон брошюры 8,5 x 11, сделайте размеры 8,75 x 11,25 дюймов. Стандартная визитная карточка размером 2 x 3,5 дюйма должна иметь размер 2,25 x 3,75 дюйма.
  3. Установите основной цветовой режим на CMYK и разрешение рендеринга на 300.
  4. Почему дополнительное пространство?

    Дополнительное пространство размером 1/4 дюйма предназначено для выпуска за обрез. Выпуски за обрез — это текст или изображения, которые доходят до края готовой страницы. Поскольку печатное оборудование не всегда может обеспечить печать до края страницы, для этого необходимо добавить дополнительное пространство. Это лишнее пространство (1/8 дюйма со всех сторон) затем обрезается после завершения процесса печати. Мы рекомендуем добавить направляющие на расстоянии 1/8 дюйма от каждого края вашего документа, чтобы обозначить линию разреза (линию, по которой ваш документ будет обрезан). Область выхода за пределы этой линии (называемой линией выпуска за обрез) будет выходить за пределы этой линии.

    Запасы безопасности

    В дополнение к линии выхода за обрез мы также рекомендуем добавить второй набор направляющих на расстоянии 1/8 дюйма от линии выхода за край (1/4 дюйма от каждого края документа). Мы называем это запасом прочности, и любой текст, который вы включаете в свой документ, не должен выходить за пределы этого поля. Любой текст, выходящий за пределы этого поля, выходит за пределы механических допусков нашего оборудования для резки бумаги и может быть случайно обрезан.

    Линии сгиба

    Если ваша иллюстрация включает сгибы (например, брошюра, сложенная втрое), добавьте направляющие по линиям сгиба и 1/8 дюйма по обеим сторонам сгиба в качестве запаса прочности для каждой панели. Это поможет обеспечить правильную симметрию изделия при печати, вырезании и складывании.

    Границы

    Если ваш дизайн включает рамку, которая не проходит по внешнему краю страницы, мы рекомендуем оставить не менее 1/4 дюйма (0,25) свободного пространства между линией отреза и рамкой. Это обеспечит более симметричный внешний вид после обрезки печатной части.Если ваш дизайн включает границу, которая проходит вдоль внешнего края, мы рекомендуем ширину границы не менее 1/4 дюйма (0,25) внутри линии разреза и 1/8 дюйма (0,125) снаружи линии разреза для общей ширины. 3/8 дюйма (0,375). Объяснение, зачем это нужно, можно найти здесь.

    Обработка изображений

    При разработке дизайна для печати важно использовать изображения с высоким разрешением и цветовой гаммой CMYK. В то время как 72 dpi и RGB являются приемлемыми (и предпочтительными) для просмотра в Интернете, изображения для печати должны иметь разрешение 300 dpi и использовать CMYK. В противном случае они не будут правильно воспроизводиться на печатном оборудовании. Не пытайтесь компенсировать низкое разрешение изображения простым увеличением DPI вручную. Это приведет только к сердечной боли и скрежету зубов. Подробнее о разрешении изображения читайте в этой статье Справочного центра.

    Убедиться, что черное — это черное

    Все мы знаем об оттенках серого, но в полиграфии также используются разные оттенки черного. Для более насыщенного и темного черного цвета мы рекомендуем настройку CMYK C=30%, M=30%, Y=30% и K=100%. Это известно как Rich Black.

    Читайте также: