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

Создание шаблона плитки

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

1. Перейдите в меню «Файл» > «Создать» > «Документ» и создайте новый файл размером 12 x 12 дюймов, используя необходимое разрешение.
2. Установите режим на 8-битный точечный.
   
   
3. Нажмите ОК.
4. Перейдите в меню «Вид» > «Сетка…».
5. Установите начало координат сетки на 0,0, а размер сетки на 2 x 2 дюйма.
6. Установите флажок «Привязать к» и нажмите «ОК». На данный момент нет необходимости показывать сетку.
   
   
   
   
7. Дважды щелкните инструмент «Линия» на палитре инструментов, установите размер линии на 10 пикселей и нажмите «ОК».
   
   
8. Удерживая клавишу ⇧ (Shift) на клавиатуре, нарисуйте диагональную линию из верхнего левого угла и нижнего правого угла дизайна.
   
   

9. Выберите инструмент «Ведро» на палитре инструментов. Нажатие K на клавиатуре автоматически выберет этот инструмент.
10. Установите Допуск на 0 и Видите видимые слои.
11. Нажмите на нижнюю половину рисунка, чтобы залить область цветом.
    
    
    
    
12. Перейдите в меню «Вид» > «Сетка», чтобы открыть настройки сетки, и снимите флажок «Привязать к».
13. Перейдите в меню «Вид» > «Повторить», чтобы открыть окно повтора . Альтернативно используйте сочетание клавиш ⌘B.
14. Установите количество повторов: 2 поперек и 2 вниз.
15. Откройте дополнительные элементы управления, щелкнув треугольник раскрытия, и установите зеркало в вертикальное и горизонтальное положение, как показано на изображении ниже.
    
    
16. Теперь ваш дизайн будет выглядеть так:
    
    
    
    
17. Перейдите в меню «Правка» > «Выбрать все» (⌘A).
18. Выберите инструмент «Обрезка» на палитре инструментов или нажмите клавишу X на клавиатуре, чтобы автоматически выбрать инструмент.
19. Удерживайте ^ (клавишу управления) на клавиатуре и выберите «Установить из выбранного» в контекстном меню.
20. Снова нажмите и удерживайте ^ (клавишу управления) и выберите «Обрезать один повтор» в контекстном меню.
21. Перейдите в меню «Вид» > «Повторить», чтобы открыть окно «Повтор» (если вы закрыли его после шага 15), и установите стандартные зеркала.
22. Установите количество повторений 2 х 2.
    
    
23. Теперь ваш дизайн будет выглядеть примерно так:
    
    

Добавление плиток меньшего размера в существующую раскладку плиток

В этом примере мы добавим несколько плиток меньшего размера к приведенному выше макету.

1. Перейдите в меню «Просмотр» > «Повторить», чтобы открыть окно повтора.
2. Установите количество повторов 1 х 1.
3. Дважды щелкните инструмент «Измерение» на палитре инструментов, выберите два параметра «Центр», как показано на изображении ниже, и нажмите «Установить».
   
   
   Это установит начало линейки 0,0 в центре вашего дизайна.
   
   
   
   
4. Перейдите в меню «Окно» > «Геометрические инструменты» и выберите вкладку «Прямоугольник».
5. Введите нужный размер в диалоговых окнах. В этом примере мы применяем угол 45°.
   
   
6. Отметьте «Центр» в начале линейки и нажмите «Выбрать». В дизайне появится выборка выбранного вами размера.
   
   
   
   
7. Добавьте новый слой в свой дизайн и сделайте его цветом, отличным от цвета первого слоя.
   
   
8. Перейдите в меню «Правка» > «Заливка» или используйте сочетание клавиш ⌘6, чтобы заполнить выделение.
   
   
   
   
9. Активируйте первый слой (в данном примере черный слой) и нажмите ⌫ (клавиша возврата) на клавиатуре, чтобы удалить информацию из этого слоя, который находится в пределах этого выделения.
   
   
   
   
10. Выберите инструмент «Измерение» на палитре инструментов и нажмите «Сброс», чтобы сбросить начало координат линейки.
11. Используя окно повтора, поместите документ в повторение 2 x 2.
    
    
    
    
12. Перейдите в Отдельное меню > Создать пятно. Это создаст слой маски для того, что в данный момент является белым в примере выше. При необходимости перекрасьте этот слой.
    
    
    
    

Создание затирки между плитками

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

1. Перейдите в меню «Окно» > «Палитра выделений» и нажмите «Повторить со смещением». Это автоматически поместит ваш дизайн в повтор 2 x 2 и поместит выделение размером с одиночный повтор, но со смещением над соединениями повторов.
   
   
   
   
2. Перейдите в меню «Окно» > «История», чтобы открыть окно истории .
3. Нажмите на замок на предпоследнем шаге, а затем снова нажмите на шаг «Выбрать повтор со сдвигом», чтобы вернуть дизайн в режим повторения.
   
   
4. Активируйте все слои в палитре слоев .
   
   
5. Перейдите в меню «Окно» > «Захват», чтобы открыть окно «Захват» .
6. Перейдите на вкладку «Прямоугольные» и введите небольшое значение в диалоговом окне «Сумма». В этом примере мы выбрали 0,2 мм.
   
   
7. Нажмите ОК. В зависимости от размера вашего документа может появиться индикатор выполнения. Когда индикатор выполнения исчезнет, увеличьте масштаб документа и обратите внимание, что теперь между всеми слоями имеется небольшое перекрытие.
   
   
8. Перейдите в меню «Правка» > «Выбрать» > «Перекрытия». Это создаст выделение перекрывающихся областей.
9. Добавьте новый слой в палитре слоев и раскрасьте его соответствующим образом. Назовите слой, если хотите, чтобы этот слой легко отличался от других.
10. Перейдите в меню «Правка» > «Заливка» или используйте сочетание клавиш ⌘4, чтобы заполнить выделение, созданное на шаге 8.
    
    
11. Используйте сочетание клавиш ⌘D, чтобы снять выделение.
12. Используйте окно повтора, чтобы вернуть дизайн к одному повтору. Альтернативно для этого можно использовать кнопку «Один повтор» на панели инструментов окна «Дизайн». Возможно, вам придется настроить панель инструментов и сначала перетащить на нее эту кнопку.
    
    
    
    
13. Если вы закрыли палитру выбора после шага 1, откройте ее снова.
14. Перетащите созданный вами слой затирки на палитру выбора.
15. В окне истории щелкните шаг, который вы заблокировали на шаге 3, и разблокируйте его. Но оставайтесь на этом шаге. Подобный возврат в историю возвращает дизайн к этапу, когда все слои прилегали друг к другу встык, то есть между слоями маски не было перекрытия.
16. Перетащите выделение, которое вы добавили в палитру «Выборы» на шаге 14, в палитру «Слои». При этом создается слой затирки, который располагается поверх слоев маски, прилегающих к стыку.
    
    
    Теперь вы готовы приступить к вставке текстур в слои-маски.

Вставка текстур в слои маски

1. Откройте текстуру, которую вы хотите вставить в макет плитки, и активируйте все слои, которые вы хотите скопировать, в палитре слоев.
   
   
2. Перейдите в меню «Правка» > «Выбрать все» или используйте сочетание клавиш ⌘A.
3. Перейдите в меню «Правка» > «Копировать» или используйте сочетание клавиш ⌘C.
4. Вернитесь к макету плитки и активируйте слой маски, в который вы хотите вставить текстуру.
5. Перейдите в меню «Правка» > «Выбрать» > «Привязка» или используйте сочетание клавиш ⌘/.
6. Добавьте столько 8-битных слоев, сколько было в проекте, из которого вы копируете. В этом примере мы добавим три слоя.
7. Активируйте 3 новых слоя, убедившись, что ни один из слоев маски не активирован. Убедитесь, что выделение, созданное на шаге 5, все еще активно. Если нет, повторите шаги 4–5.
   
   
8. Перейдите в меню «Правка» > «Вставить в» . Информация из текстуры будет скопирована в выделенный и активированные слои.
9. Выберите инструмент выделения на палитре инструментов, например инструмент «Лассо».
   
   
10. Используйте курсор, чтобы перетаскивать выделение до тех пор, пока вы не будете удовлетворены тем, как текстура расположена в документе.
    
    
    Повторите шаги 1–10, чтобы завершить дизайн плитки.

Окрашивание слоев в макете плитки в соответствии с исходным дизайном текстуры.

1. Нажмите на текстуру.
2. Откройте палитру образцов, нажав кнопку, выделенную на изображении ниже.
   
   
   
   
3. Перетащите цвет каждого слоя на фишку в палитре образцов.
   
   
4. Вернитесь к макету плитки.
5. Перетащите цвета из палитры образцов на соответствующие слои.