html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

Как сделать шестиугольную сетку для создания паттернов в Adobe Illustrator


Цель Урока

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

Вы можете скачать исходный векторный файл к этому уроку

Создание геометрических сеток при помощи плагина Scriptographer

Вы можете быстро создать геометрические сетки при помощи плагина Scriptographer и скрипта Grid Generator, который работает внутри указанного плагина. Этот способ, к сожалению, доступен только пользователям ранних релизов Adobe Illustrator (9 – CS5). Пользователям последних релизов приложения (CS6-CC) придется создавать подобные сетки вручную, и мы поговорим об этом ниже.

Скачайте плагин Scriptographer. Перед установкой плагина ознакомьтесь с инструкцией. Теперь скачайте скрипт Grid Generator и поместите его в папку со скриптами для плагина Scriptographer. На моем компьютере путь к этой папке выглядит следующим образом C:\Program Files\Adobe\Adobe Illustrator CS5\Plug-ins\Scriptographer\Scripts\Examples\Scripts. Запустите Adobe Illustrator или перезапустите приложение, если оно было открыто в процессе установки. Теперь переходим Window > Scriptographer > Show Main Palette, затем находим скрипт Grid Generator и нажимаем на кнопку Play в нижней части панели.


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


На рисунках ниже показаны четыре варианта сеток, которые были созданы этим скриптом.









Создание геометрических сеток вручную

Кроме того, что ручные способы подходят пользователям Adobe Illustrator CS6-CC, они обладают большей гибкостью в создании сеток, то есть вы не ограничены четырьмя вариантами, которые нам предлагает скрипт Grid Generator. Рассмотрим ручные способы на примере создания Triangular grid. Это, наверное, самый распространенный вид сетки. Другие варианты строятся по тому же принципу. Создадим шестиугольник при помощи Polygon Tool.


Не снимая выделения с объекта, переходим Object > Transform > Rotate… и устанавливаем угол 90 градусов в диалоговом окне.


Проверьте или у вас включены Smart Guides (View > Smart Guides или комбинация горячих клавиш Cmd/Ctrl +U)


Для большей точности вы также можете включить режим Outline Preview (View > Outline или комбинация клавиш Cmd/Ctrl + Y)


Берем Line Tool (\) и соединяем противоположные вершины шестиугольника так, как это показано на рисунке ниже. При точном совпадении с вершиной появляется надпись "anchor” – это работа умных направляющих.


Выделяем все созданные объекты, затем нажимаем на Divide в панели Pathfinder (Window > Pathfinder).


В результате мы получили группу, состоящую из шести треугольников.


Не смотря на точное позиционирование объектов, иногда мы также можем получить паразитные точки. Поэтому проверяйте панель Layers и удаляйте их, например, так Object > Path > Clean Up….
Переместим группу из треугольников вниз и вправо так, чтобы вершина A совпала с вершиной B. Умные направляющие помогут нам сделать это точно. Когда появится надпись "intersect”, вам следует остановиться. Удерживайте во время перемещения клавиши Opt/Alt, что приведет к дублированию группы.


Выделяем обе группы, затем переместим их вправо, удерживая Shift + Opt/Alt. В этот раз мы совмещаем вершины отмеченные буквами C и D и дублируем группы.


Теперь используем комбинацию горячих клавиш Cmd/Ctrl + D требуемое количество раз для последовательного повторения последнего действия (перемещение и дублирование).


Выделяем все созданные объекты и повторяем последние действия в вертикальном направлении. То есть перемещаем вниз, удерживая Shift + Opt/Alt, затем используем комбинацию Cmd/Ctrl + D.



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

Вы также можете использовать эффект Transform для дублирования ячеек сетки. Перед применением эффекта нам потребуется произвести некоторые измерения. Выделим одну из групп с треугольниками. Ее ширина будет равна величине горизонтального перемещения. Эту величину мы можем увидеть в панели Control или в панели Transform.


Для того чтобы определить величину вертикального перемещения нам необходимо измерить расстояние между точками A и B. К сожалению, Measure Tool вообще не пригоден для точных измерений. Но мы можем использовать для этих целей Line Tool (\). Создадим прямолинейный сегмент между точками A и B. Умные направляющие помогут нам идеально точно позиционировать его точки.


Длина сегмента является искомой величиной вертикального смещения.


Если немного подумать, то окажется, что при помощи Line Tool (\) можно было сразу определить величины горизонтального и вертикального смещения. Для этого нужно провести прямолинейный сегмент между точками C и D, как это показано на рисунке ниже.


Ширина этого сегмента равняется величине горизонтального смещения, а его высота соответствует величине вертикального смещения. Так или иначе, все измерения сделаны, приступим к применению эффекта. Выделяем обе группы, затем переходим Effect > Distort & Transform > Transform…. Устанавливаем величину горизонтального смещения и требуемое количество копий, нажимаем OK.


Теперь применим эффект еще раз (Effect > Distort & Transform > Transform…). На этот раз устанавливаем величину вертикального смещения и необходимое число копий.


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



Такую сетку можно использовать в качестве шаблона в будущих работах. Однако если вы собираетесь ее окрашивать вам необходимо перейти Object > Expand Appearance для того, чтобы избавиться от эффектов.



Окраска ячеек сетки


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


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


Выделяем сетку и растровое изображение, затем запускаем скрипт rasterColor в палитре Scriptographer.



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

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


Конечно, вы можете окрашивать ячейки сетки, просто выделяя их и окрашивая в нужные цвета, получая при этом интересные узоры. Ячейки сетки можно также окрашивать, используя Live Paint Bucket Tool (K). Этот инструмент позволяет осуществить окраску быстрее.


Только не забывайте после окраски перейти Object > Live Paint > Expand. Бесшовные паттерны, показанные на рисунках ниже, были получены именно таким способом.



Создание бесшовных паттернов


Пользователи последних релизов Adobe Illustrator (CS6-CC) для создания бесшовного паттерна могут использовать функцию Pattern Creation (Object > Pattern > Make). При этом окончательная окраска ячеек сетки, находящихся на краях плитки должна происходить режием Pattern Creation.


Для пользователей более ранних релизов существует несколько способов создания бесшовных паттернов, о которых вы сможете узнать из статьи How to Create a Seamless Pattern in Illustrator.


Вы также можете купить 16 готовых бесшовных паттернов всего за $15, нажав на кнопку Download в этой статье. Все они были созданы мной на основе геометрических сеток.

Вы можете скачать исходный векторный файл к этому уроку




Читать дальше
Twitter
Одноклассники
Мой Мир

материал с vectorboom.com

4

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • sasa1975sasa
          • окна
          • lines
          • windows
          • adobe illustrator
          • домен ru.vectorboom.com
          • домен vectorboom.com

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции