Создание эффекта завивки страницы - это удобный навык, особенно для маркетингового и рекламного графического дизайна. В этом уроке вы узнаете, как создать наклейку с отслаивающейся пленкой со скручиванием страницы или с собачьей страницей, используя эффект Adobe Illustrator CC. Обратите внимание, что эффект завивки этой страницы также можно сделать с использованием CS6 или других последних версий.
Процесс, описанный ниже, начнется с создания нового документа и использования инструмента Rectangle, инструмента «Перо» и «Тип». Затем мы добавим цвет для обеих фигур и текста, выберите шрифт, внесите изменения в размер и стиль шрифта и вращающийся текст. Вы обнаружите, что методы, используемые для создания этой графики, - это те, которые затем могут применяться к созданию различных типов графики.
Чтобы следовать, продолжайте каждый шаг, пока не достигнете конца и не получите завершенную графику.
01 из 19Создать новый документ
Чтобы создать новый документ в Illustrator, выберите файл > новый, Здесь мы назвали файл «наклейкой» и сделали его 6 "x 4." Затем нажмите Хорошо.
Создать квадрат
На панели инструментов выберите инструмент Прямоугольник, затем щелкните и перетащите, чтобы создать большой прямоугольник над большей частью монтажной области.
03 из 19Сохранить файл
Чтобы сохранить свой прогресс, выберите файл > Сохранить, затем нажмите Сохранить, Появится диалоговое окно. Для большинства проектов вы можете сохранить настройки по умолчанию и нажать Хорошо.
04 из 19Добавить цвет
Теперь сделаем прямоугольник цветным. На панели «Инструменты» дважды щелкните поле «Заливка», чтобы открыть «Выбор цвета». Там вы можете выбрать цвет в поле «Цвет» или ввести цифры, чтобы указать цвет. Здесь мы вводили поля RGB 255, 255 и 0, что дает нам ярко-желтый цвет. Затем нажмите Хорошо.
05 из 19Удалить ход
Здесь вы можете изменить цвет штриха, дважды щелкнув на поле «Обводка» на панели «Инструменты» и выбрав цвет в «Выбор цвета», но в этом случае нам не нужен штрих. Чтобы удалить значение, указанное по умолчанию, нажмите на поле «Обводка», затем на Никто кнопку под этим.
06 из 19Нарисуйте линию
На панели «Инструменты» выберите инструмент «Перо». Чтобы сделать линию, в которой вы хотите, чтобы наклейка отклеилась назад, щелкните над своим прямоугольником и снова справа от нее.
07 из 19Разделить прямоугольник
Теперь разделите прямоугольник так, чтобы он стал двумя частями. На панели «Инструменты» выберите инструмент «Выделение» и нажмите на рисованную линию, чтобы выбрать его, затем нажмите и удерживайте клавишу сдвига, когда вы нажимаете на прямоугольник.
Это выберет как линию, так и прямоугольник. Далее выберите Окно > следопыт, нажми на Делить , затем на Минус Назад чтобы удалить угловой элемент.
08 из 19Нарисуйте Пил Назад
Теперь вы хотите нарисовать форму для отслаивания. С помощью инструмента «Перо» щелкните по верхней части прямоугольника, где он был разделен, чтобы создать точку, затем нажмите и перетащите ее ниже, чтобы создать кривую линию. Удерживая нажатой клавишу shift, вы нажимаете на последнюю сделанную точку, затем щелкните и перетащите правую сторону прямоугольника, где он был разделен, чтобы создать еще одну кривую линию, как показано.
Чтобы завершить форму, нажмите на первую сделанную точку.
09 из 19Добавить цвет
Так же, как вы добавили цвет в прямоугольник, теперь вы добавите цвет в свою фигуру. На этот раз в Color Picker мы набрали цветные поля RGB 225, 225 и 204 для кремового цвета.
Это было бы подходящее время, чтобы снова сохранить ваш прогресс. Ты можешь выбрать файл > Сохранить, или используйте комбинацию клавиш «Command + S» на Mac или «Control + S», если вы используете Windows.
10 из 19Добавить тень
Выбрав выбранную фигуру, вы выберете эффект > Стилизовать > Drop Shadow, Нажмите, чтобы поместить чек в поле рядом с предварительным просмотром, который позволяет вам увидеть, как будет выглядеть тень, прежде чем совершать ее.
Чтобы воссоздать внешний вид, который мы создали, выберите «Умножить» для режима, 75% для непрозрачности, сделайте смещения X и Y на 0,1 дюйма, сделайте Blur 0.7, сохраните цвет по умолчанию черный и нажмите Хорошо.
11 из 19Скрыть слой
Чтобы открыть панель «Слои», перейдите к Окно > Слои, Нажмите на маленькую стрелку рядом с уровнем 1, чтобы открыть ее подслои. Вы также нажмете на значок глаза рядом с подуровнем для пути, который вы хотите скрыть, это ваша обратная форма откручивания.
12 из 19Добавить текст
Нажмите инструмент «Тип» на панели «Инструменты», затем щелкните на монтажной области и введите текст. Здесь мы использовали «ПРИНИМАЕМ ДОПОЛНИТЕЛЬНУЮ 30% или 20% или 15% ВЫКЛ», используя, в случае необходимости, верхний и нижний регистр.
Затем вы нажмете escape. По умолчанию цвет текста черный, что вы можете изменить позже.
Чтобы создать еще одну область текста, снова нажмите инструмент «Текст». На этот раз мы ввели текст за завитушкой страницы: мы набрали «PEEL TO», затем нажали на возврат, чтобы перейти к следующей строке, и набрали «REVEAL», затем нажмите escape.
13 из 19Перемещение и поворот текста
С помощью инструмента «Выделение» щелкните и перетащите текст за слоем страницы («PEEL TO REVEAL» в нашем дизайне) в верхнем правом углу, где был вырезан прямоугольник.
Дважды щелкните расширенный дескриптор и переместите курсор в угол ограничительной рамки, пока не увидите двойную стрелку. Затем перетащите, чтобы повернуть текст.
14 из 19Настройка шрифта
С помощью инструмента «Текст» щелкните и перетащите текст, чтобы выбрать его. Тогда выбирай Окно > символ, На панели «Символ» вы можете изменить размер шрифта и шрифта на все, что вам нравится, нажав на любую из маленьких стрелок, чтобы отобразить ваши параметры.
Здесь мы сделали шрифт Arial, стиль Bold и размер 14 pt.
15 из 19Изменить цвет шрифта
Когда текст по-прежнему выбран, нажмите маленькую стрелку рядом с цветом заливки на панели параметров, чтобы отобразить альтернативные цвета и выбрать ярко-красный цвет. Цвет не отображается, когда текст выделен, поэтому нажмите на текст, чтобы увидеть, как он выглядит.
16 из 19Текст центра
Для этого проекта мы хотели, чтобы текст был центрирован. Чтобы центрировать текст, щелкните и перетащите текст, чтобы снова выбрать его, выберите Окно > Параграф, или нажмите Параграф рядом с панелью «Символ». На панели «Абзац» нажмите на центральную кнопку выравнивания. При необходимости вы также можете использовать инструмент «Выделение» для перемещения текста.
17 из 19Редактировать текст
Вот ваша возможность внести изменения в остальную часть текста.
Для этого дизайна мы использовали инструмент «Текст», чтобы поместить курсор после слова «EXTRA» и нажать «возврат». Это разделило текст на две отдельные строки. Чтобы сделать это тремя строками, мы поместили курсор после «30%» и снова нажали на возврат.
Чтобы изменить шрифт и размер, выделите весь текст, чтобы выбрать его, и сделайте выбор на панели «Символ». Здесь мы изменили шрифт на Arial Black и сделали ведущее (пробел между строками) 90 pt.
На панели «Абзац» мы также решили нажать кнопку, которая оправдывает все строки, а на панели «Параметры» мы изменили цвет на ярко-синий.
После внесения изменений вы можете щелкнуть текст, чтобы посмотреть, как он выглядит до сих пор.
После обзора мы решили выделить только верхнюю строку, чтобы выбрать ее, а на панели «Символ» изменился ее размер до 24 пт. Затем мы выделили вторую строку и изменили ее размер на 100%. Чтобы выбрать 100%, вы должны ввести в поле значения, так как максимальная видимая опция составляет 72%. Затем мы выделили последнюю строку и сделаем ее 21%.
18 из 19Масштабный текст
Затем вы масштабируете текст. Хотя нам нравились пропорции линий текста по отношению друг к другу, мы хотели сделать все немного больше. Чтобы выполнить это изменение, используйте инструмент «Выделение», чтобы щелкнуть по тексту, затем выберите объект > преобразование > Масштаб, и с выбранным вариантом Uniform введите свое значение - мы выбрали 125% - затем щелкните Хорошо, Затем нажмите и перетащите текст, чтобы поместить его дальше влево.
19 из 19Сделать окончательные корректировки
Теперь для окончательной настройки. На панели «Слои» щелкните пустое поле слева от скрытого пути, чтобы открыть значок глаза и сделать видимым путь. Также на панели «Слои» щелкните и перетащите этот подуровень над другими подуровнями, который поместит обратную форму отслаивания перед текстом на монтажной панели.
Для этого проекта мы хотели, чтобы верхняя строка текста оставалась там, где она была, но имеет вторую и третью строки текста справа. Чтобы внести это изменение, выберите инструмент «Текст», поместите курсор перед второй строкой и нажмите вкладку, затем выполните то же самое с третьей строкой. Если вы хотите, вы также можете щелкнуть и перетащить одну строку текста, чтобы выбрать ее, и настроить верхнюю панель на панели символов.
Когда вам понравится, как все выглядит, выберите файл > Сохранить, и вы сделали! Теперь у вас есть наклейка с откидной крышкой с эффектом завивки страницы, готовым для использования.
