Закрыть объявление

Из-за эксцессов и поведения Adobe по отношению к своим клиентам все больше художников-графиков и дизайнеров ищут альтернативы, так же, как они искали замену QuarkXpress и нашли ее в Adobe InDesign. У Photoshop есть две хорошие альтернативы для Mac — Pixelmator и Acorn — и с добавлением функций в оба приложения все больше и больше людей прощаются с многофункциональным программным обеспечением Adobe с загроможденным пользовательским интерфейсом. У Illustrator есть только одна адекватная замена — Sketch.

Как и Illustrator, Sketch — векторный редактор. Векторная графика в последнее время приобретает все большее значение из-за общего упрощения графических элементов как в Интернете, так и в операционных системах. В конце концов, iOS 7 почти полностью состоит из векторов, а текстурные приложения в старых версиях системы требовали очень квалифицированной графики для создания эффектов дерева, кожи и тому подобных эффектов. Проведя несколько месяцев с приложением, я могу подтвердить, что это отличный инструмент как для начинающих дизайнеров, так и для продвинутых графических дизайнеров благодаря своей интуитивности и набору функций.

Пользовательский интерфейс

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

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

Хотя бесконечная область является стандартной в векторных редакторах, например, при создании приложений графического дизайна идеально иметь ограниченную рабочую область. Хотя эту проблему можно решить, например, используя прямоугольник в качестве основы, настроить сетку будет сложно. Sketch решает эту проблему с помощью так называемого артборда. при их активации вы задаете отдельные поверхности и их размеры, в которых вы будете работать. Либо бесплатно, либо есть несколько предустановленных шаблонов, например, экран iPhone или iPad. Когда вы работаете с монтажными областями, все векторные элементы за их пределами становятся серыми, поэтому вы можете лучше сосредоточиться на отдельных экранах и не отвлекаться на что-то выступающее.

У артбордов есть еще одно замечательное применение — из App Store можно загрузить соответствующее приложение Sketch Mirror, которое подключается к Sketch на Mac и может напрямую отображать содержимое отдельных артбордов. Например, вы можете протестировать, как предлагаемый пользовательский интерфейс iPhone будет выглядеть на экране телефона, без необходимости экспортировать изображения и загружать их на устройство снова и снова.

Конечно, в Sketch также есть сетка и линейка. Сетку можно задавать произвольно, включая выделение строк, также интересна возможность использовать ее для разделения области столбца или строки. Например, вы можете легко разделить пространство на три трети без необходимости отображать остальные вспомогательные линии. Это отличный инструмент, например, при применении золотого сечения.

инструменты

Среди инструментов векторного рисования вы найдете практически все, что ожидаете — базовые формы, включая спиральное и точечное рисование, редактирование кривых, преобразование шрифтов в векторы, масштабирование, выравнивание — почти все, что вам нужно для векторного рисования. Есть также несколько интересных моментов. Одним из них является, например, использование вектора в качестве маски для встроенного растрового изображения. Например, вы можете легко создать круг из прямоугольного изображения. Далее идет расположение выделенных объектов в сетку, где в меню можно задать не только расстояния между объектами, но и выбрать, учитывать ли края объекта или добавлять вокруг них рамку, если они иметь разную длину или ширину.

Функции на верхней панели автоматически становятся серыми, если они недоступны для данного объекта. Например, вы не можете конвертировать квадрат в векторы, эта функция предназначена для текста, поэтому панель не будет вас смущать постоянно горящими кнопками, и вы сразу будете знать, какую из функций можно использовать для выбранных слоев.

Слои

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

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

Отдельные объекты и папки можно скрыть или заблокировать в заданном положении на панели слоев. Артборды, если вы их используете, то служат высшей точкой всей конструкции, и перемещая объекты между ними в левом столбце, они также будут перемещаться по рабочему столу, а если Артборды имеют одинаковые размеры, то и объекты будут перейти в ту же позицию.

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

Inspektor

Инспектор, расположенный на правой панели, — это то, что отличает Sketch от других векторных редакторов, с которыми мне доводилось работать до сих пор. Хотя это и не новаторская идея, ее реализация в приложении способствует очень простому манипулированию объектами.

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

Помимо других свойств, таких как прекращение стыков или стиль наложения, вы также найдете базовые эффекты — тени, внутренние тени, размытие, отражение и регулировку цвета (контраст, яркость, насыщенность).

Очень грамотно решены стили как шрифтов, так и других векторных объектов. В случае с текстом его свойства можно сохранить как стиль в инспекторе, а затем назначить другим текстовым полям. Если вы затем измените стиль, весь текст, в котором он используется, также изменится. Аналогично это работает и с другими объектами. Под кнопкой «Ссылка» находится меню для сохранения стиля выбранного объекта, т. е. толщины и цвета линии, заливки, эффектов и т. д. Затем вы можете связать этим стилем другие объекты, и как только вы измените свойство одного объекта, изменение также переносится на связанные объекты.

Дополнительные функции, импорт и экспорт

Sketch также разрабатывался с упором на веб-дизайн, поэтому создатели добавили возможность копирования CSS-атрибутов выбранных слоев. Затем вы можете скопировать их в любой редактор. Приложение умело комментирует отдельные объекты, чтобы вы могли распознать их в коде CSS. Хотя экспорт кода не является 100%, вы все равно можете добиться лучших результатов с помощью специального приложения. Веб-код, но он в значительной степени выполнит свою задачу и сообщит вам, если не сможет передать некоторые атрибуты.

К сожалению, редактор пока не может читать файлы AI (Adobe Illustrator), но может обрабатывать стандартные форматы EPS, SVG и PDF. Он также может экспортировать в те же форматы, включая, конечно же, классические растровые форматы. Sketch позволяет выбрать любую часть всей поверхности и затем экспортировать ее, а также пометить все артборды для быстрого экспорта. Кроме того, он запоминает все выбранные поверхности, поэтому если вы внесете какие-то изменения и захотите экспортировать еще раз, у нас в меню будут уже выбранные ранее детали, которые вы конечно же сможете перемещать и менять размеры по своему усмотрению. Возможность экспорта в двойном (@2x) и половинном (@1x) размерах одновременно с размером 100% также удобна, особенно если вы разрабатываете приложения для iOS.

Самая большая слабость приложения — полное отсутствие поддержки цветовой модели CMYK, что делает Sketch совершенно бесполезным для всех, кто занимается дизайном для печати, и ограничивает его использование только цифровым дизайном. Очевидный акцент сделан на веб-дизайне и дизайне приложений, и можно только надеяться, что поддержка будет добавлена, по крайней мере, в будущем обновлении, как это произошло позже с Pixelmator.

Вывод

Это изображение было создано только с использованием Sketch

После нескольких месяцев работы и двух работ по графическому дизайну я могу сказать, что Sketch может легко заменить для многих дорогой Illustrator, причем за небольшую цену. За все время использования я не встретил ни одного случая, чтобы я пропустил какую-либо из функций, наоборот, есть еще несколько вещей, которые я не успел опробовать.

Учитывая общий переход от растровых изображений к векторным в мобильных приложениях, Sketch может сыграть интересную роль. Один из упомянутых заказов как раз касался графического дизайна iOS-приложения, к которому Sketch прекрасно подготовлен. В частности, сопутствующее приложение Sketch Mirror может сэкономить много времени при тестировании проектов на iPhone или iPad.

Если бы мне пришлось сравнивать Sketch с Pixelmator с его конкурентами из Adobe, Sketch все еще находится немного дальше, но он больше обязан надежности Photoshop. Однако, если вы планируете покинуть Creative Cloud и всю экосистему Adobe, Sketch — явно лучшая альтернатива, во многом превосходящая Illustrator своей интуитивностью. И за 80 долларов, которые стоит Sketch, это не такое уж и сложное решение.

Примечание. Первоначально приложение стоило 50 долларов, но в декабре и феврале цена упала до 80 долларов. Возможно, что со временем цена снизится.

[url приложения =»https://itunes.apple.com/us/app/sketch/id402476602?mt=12″]

.