Создание пазла

Введение:

Привет дорогое сообщество PSD-Tutorials.de. Я рад видеть вас снова на одном из моих учебных пособий здесь на PSD-Tutorials.de. В сегодняшнем уроке вы узнаете, как создать пазл в Illustrator. (Рисунок 01). В процессе вы познакомитесь с инструментом Прямоугольная растровая сетка. Итак, достаточно говорить. Давайте начнем прямо сейчас.

Создание головоломки - Adobe Illustrator

Шаг 1: Создание основной сетки

Прежде чем мы начнем, вам необходимо создать новое рабочее пространство. Для этого перейдите в Файл>Новый и выберите альбомный формат DIN A3.

Создание головоломки - Adobe Illustrator

Для создания основной сетки нашего пазла нам понадобится так называемый Прямоугольная растровая сетка.

Этого нет? Да, это действительно существует. Этот инструмент скрыт под инструментом Линия и может быть вызван длительным нажатием на него. (Рисунок 03).

Создание паззла - Adobe Illustrator

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

Для Стандартного размера выберите формат 300x212мм. Для Горизонтальных и Вертикальных делений выберите значение два. Асимметрию оставьте на 0%. (Рисунок 04).

Пометка:

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

Создание головоломки - Adobe Illustrator

После того как вы нажмете OK, это должно выглядеть у вас примерно так (см. Рисунок 05):

Создание головоломки - Adobe Illustrator

Шаг 2: Подготовка элементов пазла

Далее вам нужно один раз щелкнуть по инструменту Прямая выборка, а затем выбрать инструмент Рисование. Это необходимо потому, что в следующем шаге понадобятся оба инструмента. Если в Illustrator нажать клавишу Command- или Ctrl, то предыдущий инструмент снова активируется. В данном случае это будет Прямая выборка.

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

Пометка:

Если вы переместите курсор с инструментом Рисование по активированному Пути, появится маленький «+» рядом с значком Рисование. Это означает, что вы можете добавить новую точку пути в этом месте, кликнув по нему.

Создание головоломки - Adobe Illustrator

Теперь действительно придется поработать, потому что теперь вам нужно создать эти четыре точки пути в каждой ячейке вашей растровой сетки. В конце концов это должно выглядеть у вас примерно так (см. Рисунок 07):

Создание головоломки - Adobe Illustrator

После того как вы создали все точки пути, возьмите снова инструмент Прямая выборка и переместите только что созданные точки пути так, чтобы они выглядели как выпуклость или выемка. (Рисунок 08).

На этом этапе вам не нужно работать особенно точно, потому что позже вам, вероятно, придется еще что-то исправить или улучшить.

Пометка:

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

Создание пазла - Adobe Illustrator

Шаг 3: Оптимизация элементов пазла

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

Выберите с помощью инструмента Прямая выборка внутренние пути (внешний контур не должен быть выбран) и перейдите в верхнее меню Эффект>Фильтры стилизации>Скругление углов …

Создание головоломки - Adobe Illustrator

В следующем окне выберите Радиус 3мм и подтвердите нажатием OK.

Создание головоломки - Adobe Illustrator

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

В конце концов это должно выглядеть примерно так (см. Рисунок 11):

Здесь также нужна ваша собственная креативность.

Создание головоломки - Adobe Illustrator.

После этого отмечаетесь все с Command+A или Strg+A и затем идете к Объекту>Преобразовать в облик.

Создание головоломки - Adobe Illustrator

В этом случае эффект Скругление углов будет применен к Кривой. Создадутся новые точки кривой. (Рисунок 13).

Создание головоломок - Adobe Illustrator.

Теперь вам понадобится Pathfinder. Если вы его еще не включили, то найдете его в Окне>Pathfinder. (См. рисунок 14).

Создание головоломки - Adobe Illustrator

Отметьте все еще раз с помощью Command или Strg+A и щелкните на Разделить области в Pathfinder. (Рисунок 15).

Создание паззлов - Adobe Illustrator

Поскольку Illustrator автоматически группирует все объекты, вам нужно разгруппировать их с помощью комбинации клавиш Command+Shift+G (на ПК - Strg+Shift+G).

Затем в Палитре слоев должно появиться девять различных Кривых. (См. рисунок 16).

Создание пазла - Adobe Illustrator

Шаг 4: Сохранение и архивация головоломки в качестве символа

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

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

Для создания собственных Символов вам сначала понадобится Палитра символов. Вы найдете ее в Окне>Символы.

Создание головоломки - Adobe Illustrator

Затем отметьте ваш объект, который вы хотите сохранить как Символ (в данном случае - текущий состав вашей головоломки) и затем щелкните на стрелке в верхнем правом углу в Палитре символов. (См. рисунок 18).

Здесь у вас есть возможность нажать на Новый символ

Затем вы можете ввести подходящее имя для вашего Символа и нажать OK.

Создание головоломки - Adobe Illustrator

Прежде чем вы сохраните собственную Библиотеку символов, я рекомендую вам удалить стандартные символы Illustrator. Вы можете сделать это очень просто, кликая на них с зажатой клавишей Shift, чтобы выбрать по одному.

Когда вы все выбрали, нажмите на маленькую корзину в нижнем правом углу. (Рисунок 19).

Создать головоломку - Adobe Illustrator

После этого в Палитре символов должен остаться только собственный объект. (См. рисунок 20).

Создание головоломки — Adobe Illustrator.

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

Создание пазла - Adobe Illustrator

Чтобы в дальнейшем снова открыть эту библиотеку (например, в другом файле), просто снова нажмите на маленькую стрелку в Палитре символов и выберите Открыть библиотеку символов. Здесь вы найдете только что сохраненную Библиотеку символов. (Рисунок 22).

Создание пазла - Adobe Illustrator

Шаг 5: Текстурирование головоломки

После того как вы сохранили текущее состояние головоломки как Символ, можно начать наложение изображения на отдельные части головоломки. В прилагаемых к этому учебнику рабочих данных вы найдете файл с названием "Мотив.pdf". Его необходимо открыть в Illustrator и вставить в ваш файл головоломки.

Затем уменьшите Непрозрачность примерно до 50%, чтобы видеть части головоломки сквозь него. (Рисунок 23).

Создание головоломки - Adobe Illustrator.

Переместите ваш мотив так, чтобы он точно находился в центре вашей головоломки. Затем верните Непрозрачность обратно на 100%.

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

Убедитесь, что вы помещаете копии мотива под части головоломки в Палитре слоев. (См. рисунок 24).

Создание головоломки - Adobe Illustrator.

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

Теперь выберите первую часть головоломки и копию мотива, удерживая клавишу Shift, и затем перейдите в Объект>Маска обрезки>Создать.

Создание головоломки - Adobe Illustrator

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

После этого все должно выглядеть примерно так (Рисунок 26):

Создание головоломки - Adobe Illustrator

Шаг 6: Финальная шлифовка

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

Создание головоломки - Adobe Illustrator

Поскольку в текущем состоянии трудно отличить части, находящиеся друг над другом, добавим к нашему пазлу тень. Для этого выберите все с помощью Command или Ctrl+A и затем перейдите к Effect>Stylize Filter>Shadow. Подтвердите следующее окно с помощью OK.

Ваш пазл готов. (Рисунок 28)

Создать головоломку - Adobe Illustrator

Заключение:

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

Оставайтесь креативными…

Ваш Юлиан