400 кроликов

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

Автоматическая трассировка

Сегодня мы рассмотрим три разных подхода к автоматической трассировке в Adobe Illustrator. Они хорошо подходят для нарочито небрежных рисунков, когда эту небрежность нужно сохранить и в векторе. Для идеальных линий нужен кардинально иной подход, который мы тоже однажды опишем в наших статьях.   Шаг 1. Создайте надпись от руки, а затем отсканируйте либо сфотографируйте ее.     Александр Сераков: Конечно, идеально — использовать планшетный сканер. Но и телефон сойдет: главное, чтобы хватало света и было как можно меньше перспективы, говоря проще — держите телефон параллельно бумаге. Шаг 2. Откройте изображение в Photoshop. Если изображение цветное — обесцветьте его через меню Image > Adjustments > Black & White. Шаг 3. Отредактируйте яркость и контрастность изображения так, чтобы буквы стали полностью черными, а бумага — белой. Для этого перейдите в меню Image > Adjustments > Levels. Чтобы отрегулировать цвет бумаги, сдвигайте белый ползунок влево, пока бумага не станет абсолютно белой. При необходимости можно отрегулировать и средний ползунок, который отвечает за общую яркость. Здесь с его помощью вы настроите качество краев букв. Шаг 4. Создайте в программе Illustrator новый документ и поместите туда получившееся изображение через меню File > Place. Шаг 5. Чтобы приступить к трассировке, выделите изображение > перейдите в меню Window > Image Trace > в …

Спирали и паттерны

Казалось бы — что может быть проще, чем простая спиралька? Но выясняется, что в Illustrator заложена возможность рисовать лишь расходящиеся, логарифмические спирали, а вот ту, что называется «Архимедова» — с равным шагом, нарисовать куда сложнее. Вообще-то, мы хотели сделать урок про паттерны, но на фоне сложностей со спиралью урок получился совсем про другое. Впрочем, паттерн у нас все равно получится! Шаг 1. Паттерн будет состоять из множества спиралей. Начнем с создания одной из них. Возьмите инструмент Line Segment Tool и нарисуйте несколько горизонтальных параллельных друг другу линий. Количество линий — это количество витков будущей спирали. Обратите внимание на расстояние между ними — оно должно быть везде одинаковым. В примере мы задали шаг в 10 мм. Получить строго горизонтальную линию можно, если при перемещении курсора удерживать клавишу Shift. Включите направляющие, которые покажут, на какое расстояние вы сдвигаете каждую линию (меню View > Smart Guides). Чтобы ускорить процесс создания линий, просто нарисуйте первую, а затем, с зажатой клавишей Alt, потяните ее вниз, сделав таким образом ее копию. После этого несколько раз нажмите сочетание клавиш  Cmd + D. Программа автоматически скопирует линию с заданным шагом.    Александр Сераков: Обратите внимание: количество этих линий — это количество витков спирали. Шаг 2. Выделите все линии …

Лента Мёбиуса

Нам так понравилось делать невозможные фигуры в Adobe Illustrator, что мы решили пойти дальше. Как справедливо сказано: «Чудо — не в том, что нарушаются законы природы, а в том, что эти законы вообще существуют!» Сегодня мы нарисуем одну из разновидностей ленты Мёбиуса. Это удивительная фигура! Трудно поверить, но у нее всего одна поверхность. Если сделать простейшую ленту из полоски бумаги, взять ручку и начать вести линию вдоль этой полоски, то в какой-то момент случится чудесное — вы встретите начало своей линии и при этом окажется, что эта линия прошла по «обеим сторонам» ленты! Неудивительно, что она как магнитом притягивает внимание творческого человека. Шаг 1. Нарисуйте шестиугольник инструментом Polygon Tool. Отключите заливку  объекта.   Шаг 2. Сделайте углы фигуры скругленными. Не снимая выделение, возьмите инструмент Direct Selection Tool (белая стрелка) и на панели управления задайте радиус скругления углов Corners: 10 mm. Шаг 3. Тем же инструментом (Direct Selection Tool)  выберите сразу две опорных точки на шестиугольнике. Далее нажмите сочетание клавиш: сначала CMD + C, а сразу после —  CMD + F — дважды, чтобы скопировать выбранную область и вставить ее на то же место над объектом (paste in front).  Возьмите инструмент Selection Tool (черная стрелка), перетащите скопированный объект вниз и состыкуйте его …

Треугольник Пенроуза

Невозможные фигуры всегда будоражат сознание творческих людей. Еще бы! При помощи карандаша и листа бумаги взять и отменить целую геометрию Эвклида, разве это не заманчиво? Сегодня мы вооружимся более сложным инструментом, чем карандаш, и построим в Adobe Illustrator знаменитый треугольник Пенроуза, одну из самых известных «невозможных фигур». Она была открыта в 1934 году шведским художником Оскаром Реутерсвардом, который изобразил его в виде набора кубиков (так, как мы его сегодня и нарисуем). В 1980 году этот вариант невозможного треугольника был напечатан на шведских почтовых марках. Широкую известность эта фигура обрела после опубликования статьи о невозможных фигурах в Британском журнале психологии английским математиком Роджером Пенроузом в 1958 году. В этой статье невозможный треугольник был изображен в наиболее общей форме — в виде трёх балок, соединённых друг с другом под прямыми углами. Под влиянием этой статьи в 1961 голландский художник Мауриц Эшер создал одну из своих знаменитых литографий «Водопад».     Шаг 1. Cоздайте три квадрата, используя инструмент Rectangle tool. Шаг 2. Для удобства рисования зайдите в меню View > включите функцию Smart Guides. Направляющие подскажут, где линии пересечения, где перпендикуляр, и даже обозначат середину объекта. Шаг 3. Выделите все три объекта, перейдите в меню Object > Transform > Transform each. В появившемся окне в секции Scale …

Памятка по инструментам Pathfinder

Панель Pathfinder позволяет легко создавать новые объекты различными методами сочетания нескольких исходных объектов. Это очень популярный метод, ведь многие сложные фигуры проще всего создавать, комбинируя простые. Легко догадаться, что для создания полумесяца нужно два круга, а замочная скважина состоит из треугольника и круга. Если с такой позиции начать рассматривать, скажем, классику логотипов, то мы увидим, что многие из них построены именно по такой схеме, присмотритесь внимательно: Сегодня мы решили выложить здесь памятку по инструментам панели Pathfinder, надеемся, она вам пригодится. Панель Pathfinder вызывается из меню Window, как и любая другая панель, но скорее всего она у вас уже открыта. Три наиболее популярные панели всегда открываются одновременно, какую бы вы ни выбрали: Transform, Pathfinder и Align: Для создания нового объекта нужно выделить объекты, из которых он будет составляться, и нажать одну из кнопок панели Pathfinder. Shape Modes: Add Объединяет выделенные объекты в один с общим контуром. Новый объект будет обладать свойствами объекта, который перед выполнением команды был поверх всех остальных. Minus Front Вычитает из нижнего объекта верхний. Верхний при этом исчезает. Если объектов больше двух, то результатом будет последовательное вычитание из нижнего объекта всех, лежащих поверх. При этом исчезнут все объекты, кроме нижнего, точнее — того, что от него осталось. Свойства (заливка и обводка) …

И снова о масках в Adobe Illustrator

Сегодня в нашем читальном зале простой и понятный урок про маску в Adobe Illustrator. Наши ученики с опаской подходят к этой теме, считая маску чем-то уж очень сложным и сверх профессиональным. На самом деле это не так. И в Photoshop и в Illustrator маски делаются просто, в работе необходимы, понять их легко. Убедитесь сами! Шаг 1. Создайте несколько кружков любого размера, стоящих в один ряд. Для это используйте инструмент Ellipse Tool.    Чтобы нарисовать ровный круг,  держите зажатой клавишу Shift. Шаг 2. Раскрасьте получившиеся кружки в любые цвета. Для этого воспользуйтесь палитрой Swatches (меню Window > Swatches). Если вы раскрасили кружки, но потом захотели поменять цвета, то заново выбирать каждый кружок и перекрашивать его займет определенное время. В Adobe Illustrator есть инструмент Recolor Artwork, который позволяет корректировать и заменять цвета сразу у нескольких объектов. Чтобы вызвать этот инструмент, нажмите иконку в виде цветового круга сверху на панели или зайдите в меню Edit > Edit Colors > Recolor Artwork . Не забудьте выделить все кружки перед использованием Recolor Artwork. Далее выберите понравившееся сочетание цветов в Harmony Rules.   Чтобы изменить один из цветов, щелкните дважды на цвете справа от стрелочки.   Вы также можете изменить цвета, выбрав цветовую модель  и задав ей определенное числовое значение. …

Векторные тюльпаны и художественные кисти

В основу этого урока положено свойство художественных (art brushes) кистей вытягивать рисунок вдоль контура. Это позволяет легко создавать в иллюстрации множество схожих объектов, отличающихся высотой или шириной, как это бывает с различными объектами живой природы. В нашем примере рассматривается создание цветов, однако по этой методике можно создавать и другие «растительные» объекты, например,  деревья или траву.   Создайте полностью прорисованный цветок, со стеблем и листьями. Ввиду особенности работы кистей, не включайте в рисунок градиенты, а при необходимости использовать плавные переходы цвета воспользуйтесь блендами.       Создайте на основе полученного рисунка художественную кисть. Для этого перетащите готовый цветок в панель Brushes (Кисти) и укажите тип новой кисти — art brush (художественная).   Двойным щелчком вызовите настройки новой кисти. Выберите подходящий алгоритм, по которому программа масштабирует рисунок кисти (Brush Scale Options).   Вариант Stretch to Fit Stroke Length (Растянуть по всей длине) позволяет сохранять величину объекта, но сплющивает или вытягивает его в зависимости от длины линии.     Алгоритм Scale Proportionately (Пропорционально масштабировать) меняет размер объектов, не искажая пропорций, в результате чего вдоль коротких линий появляются маленькие объекты, вдоль длинных — большие.       Если же установить переключатель на пункт Stretch Between Guides (Растянуть между направляющими), то менять размер будет та …

Создание кельтских узоров

Создание таких орнаментов не бывает простым, ни на бумаге, ни в компьютерной программе. Но если постараться как следует и вникнуть в суть, то даже новичок сможет сплести что-то красивое. Мы испробовали различные подходы и нашли такой, при котором возникает меньше всего лишних контуров, не соединенных точек и программных ошибок, и пришли к выводу, что для сложных узоров наиболее оптимальным будет алгоритм, приведенный ниже. Но сначала скажем несколько слов о том, как плетется узор. Итак, вы имеете готовое изображение узора, например, взятое из книги или из интернета, и пытаетесь разгадать, где же у него начало, а где конец, и с рисования какой части следует начинать работу? Для начала попробуйте разобрать его на части. В нашем случае очевидно, что узор состоит из четырех переплетающихся частей. Выберите любую точку на одной из повторяющихся частей и проследите путь линии, пока не вернетесь в начало. Та фигура, которую описывает линия, и есть главный строительный элемент узора. Теперь можно браться за работу в программе Illustrator. 1. Создаем главный строительный элемент узора. С помощью геометрических примитивов, линий и панели Pathfinder (Обработка контуров) получаем единичный элемент узора. 2. Получаем целый орнамент. Выделяем полученный элемент и применяем к нему команду главного меню Object> Transform> Reflect (Объект> Трансформация> Зеркальное отражение). Операцию отражения заканчиваем нажатием …

Градиентное чаепитие или способы создания градиентных сеток

Первое правило — подбирайте для вашего объекта наиболее оптимальный способ создания сетки. В Adobe Illustrator существует три варианта, как превратить объект в градиентную сетку: командой Create Gradient Mesh (Создать градиентную сетку), разбивающей объект на прямоугольные сектора, инструментом Mesh или путем конвертации градиентной заливки в сетку. Правильно выбранный способ — это полдела. При работе над кружкой мы задействовали все три способа создания сетки, поскольку оказалось, что для разных элементов удобны разные приемы.  Чашка и чай были получены из радиальных градиентных заливок (это подсказывает их форма), ручка кружки — путем разбивки объекта на прямоугольные сектора (так как здесь потребовалось нарисовать вытянутые тени и блики), а фон был получен с помощью инструмента Mesh  (что дало свободу расположения узлов сетки и избавило от необходимости настройки или удаления лишних точек). Второе правило — избегайте при работе с сетками объектов сложной формы (со всевозможными изгибами, ответвлениями и т.п.). Их почти всегда можно заменить несколькими более простыми объектами. Точно подобрать цвет в зоне стыковки элементов гораздо проще, чем настроить  запутанную градиентную сетку. В нашем примере мы создали ручку кружки как отдельный элемент с собственной сеткой вместо того, чтобы настраивать сложную паутину линий, которую бы получили, работая с силуэтом кружки с ручкой.   1. Работа над сеткой чая. …

Стрелки в Adobe Illustrator

Мы обнаружили, что в наших статьях незаслуженно обошли стороной Adobe Illustrator. Видимо потому, что рассказываем об этом на базовом курс по этой программе. Срочно восполняем этот пробел! Эта заметка будет посвящена теме создания стрелок. Действительно, стрелки — нужная штука: часто используется, дает простор для дизайнерских экспериментов, и вообще без них никуда. Но оказывается, что не все знают, как это сделать в Illustrator, и просто ищут их в сети или (о ужас!) покупают на стоках. А тем не менее, делать стрелки проще простого. Для сначала — способ лежащий на поверхности. Начиная с версии CS5, в палитру Stroke были введены опции управления торцами линий, что позволяет легко создавать самые разнообразные стрелки (в более ранних версиях этого можно было добиться лишь через эффект Add Arrowhead). В палитре Stroke (ее нужно полностью раскрыть, чтобы появился блок, отвечающий за работу со стрелками) можно выбрать форму наконечника для обоих сторон линии: Start — для начала и End — для конца. Другой способ создания стрелок — это использование кистей. В меню палитры Brushes есть несколько наборов стрелок разной формы. Чтобы ими воспользоваться, необходимо обратиться к команде Open Brush Library и в списке выбрать Arrows> Arrows Standart.   Создать при помощи кисти стрелку можно двумя способами: выделить линию и применить …