Как стать автором
Обновить

Комментарии 69

Недавно на Moscow Dribbble Meetup один из докладов был — «Sketch 3. Мастер-класс»
Вполне себе вкусная программулина, напомнила мне чем-то древнюю Corel Xara.

Лично для меня отвал башки будет тогда, когда в ней запилят базовую работу с таблицами, как это сейчас существует в InDesign.
Не древняя Corel Xara, а современный Xara Designer Pro. Жду когда Богемные кодеры перетянут основные киллерфичи из Зары (нормальные булевые операции, работа с заливками и т.п.) и главное — скорость рендера. По рендеру зара до сих пор уделывает все векторные редакторы вместе взятые.

Думаю через тройку-четвёрку мажорных версий скетч станет очень крутым.
Булевые операции и теперь в Sketch достаточно крутые, уж круче некуда.
Сравнивать Xara Pro и Sketch куда более сложно, нежели Photoshop и Sketch. Хотя и ксара и скетч — оба векторные редакторы, но заточка слишком разная. Ксара — скорее альтернатива корелу, ибо он властвует на компьютерах с Windows, и ведь ксара была под крылом корела. Скетч — абсолютно маковский продукт со всеми плюсами и минусами именно маковской среды. Но еще раз повторю — тут заточка под предельно пиксельную работу, чего у ксары никогда не было и не будет. Нынче топология такова, что на двух стульях не получится сидеть. Тем более на трех, четырех, пяти… Либо фото, либо полиграфия, либо веб, либо что-то еще. Время раздутых универсальных решений в прошлом. Дизайнерам нужны внятные и простые инструментарии под конкретные нужды. Скетч — для UIстов. Ксара — для не пойми чего.
Небольшая историческая справка про Зару и Корел. «Под крылом» — не совсем так. Даже совсем не так.

Зара существует со времён первых компьютеров с 1981 года. Они разрабатывали софт для Atari и других платформ.

Например, шестая версия Корела должна была выйти на одном диске с одной из первых версий Зары. Но даже партнерское соглашение было нарушено Корелом. Тогдашняя версия Зары весила всего десять мегабайт против 150 (!) у Корела. Мало того, Зара, работала в тысячи раз быстрее, и сами файлы сохранялись и открывались быстрее. А контекстный тулбар, где параметры изменяются в зависимости от выбранного инструмента — разработка Зары. Позже этот тулбал был благополучно украден Корелом и появился в седьмой версии. В результате Корел 6 вышел на диске без Зары.

Изначально Зара была заточена под издательскую деятельность. Но они почему-то долгое время не могли договориться с компанией Pantone, может, как раз благодаря «партнерству» с Корел. Позже добавились стили для интерактивных элементов (кнопок, тулбаров и т.д.). То есть уже можно было делать графические кнопки для сайта, например. Или мокапы для сайта. При этом Зара сразу выдавала html-код и умела отлично оптимизировать графику для веб (jpg, gif, png). А реализация заливок и прозрачностей вообще вне конкуренции до сих пор. А какой быстрый там рендер с антиалиязингом!

Последние версии уже умеют работать с pdf, пантонами, и ещё невероятным множеством всего. Появилась 64-битная версия. Самый последний Webdesigner умеет создавать адаптивные сайты, например.

Единственный недостаток — это только Windows. Под мак её нет.
Единственный недостаток решается установкой parallels desktop ;)
Я с удовольствием продолжаю в ней работать даже после перехода на Sketch под маком.
Две машинки рабочих — эйр и десктоп с W7.

А ставить Parallels из-за одной единственной, пусть и любимой, программы не вижу смысла.
Я его увидел :)
Как в скетче сделать это? Пробовал, получается. Но не так быстро и не так чётко. Впечатление, что у него работа с безье и булевыми пока глючновата. Поправьте, если это не так.

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

Скетч, несмотря на его детские болезни, уже сейчас хорошо бодается с конкурентами. Особенно в секторе UI-дизайна. Осталось дождаться, когда кодеры и верстальщики будут принимать макеты не только в .psd, но и в .sketch. Для этого было бы неплохо портировать редактор под винду.
Да, я плохо знаю Xara. Немного работал с ней лет семь назад, когда еще был на платформе windows. Но потом перешел на мак и забыл о существовании CorelDRAW и Xara.

В скетче основное преимщество вовсе не в мощных и удобных векторных инструментах, а в очень правильной поддержке работы с пикселями. Вот буквально все там заточено под такую работу, чтобы получать предельно четкие и ровные результаты. Оттого и оценили данную программу ui-дизайнеры. Будь в Xara такие же функции — возможно, был бы достойный продукт. Но, насколько я знаю, ничего такого в ней нет, и она просто в какой-то степени наверное более лучший вариант корела.
В xara привычный человек ориентируется по цифрам. Привязка к пиксельной сетке и, в случае нужды, примененный фильтр позволяют практически все.

Касаемо иконок, очень занятно посмотреть видео «how it's made» Дениса Сажина:
iconka.com/ru/blog/

Странно, даже на его канале не могу найти, был еще speed drawing бокала пива.
Я посмотрел на ютубе ролики про новые возможности ксары про 7. Сдается мне, я не смог бы работать в такой программе. Слишком она перегружена интерфейсными элементами. Та же у нее болезнь, что у корела или адобовских продуктов. они стараются объять необъятное и предоставить пользователю как можно больше фич сразу, когда оно нафиг не надо, и в итоге разработчики сами загоняют себя в необходимость как-то компоновать, скрывать, привязывать друг к другу разные панели. Все это уже устаревшие тренды. Современное ПО предполагает предельную простоту и показ только тех опций, которые нужны именно на данном этапе, а не всей кучи имеющихся фич. В скетче подавляющее большинство возможностей так или иначе спрятано, и появляется по мере необходимости. Плюс в ксаре лично мне очень не понравилось оформление ui. Какие-то градиенты, какие-то несерьезные и скучные иконки, все эти старомодные бевелы у окошек воода значений и т.п. Выглядит вся эта окрошка довольно уныло. Лет 10 назад было бы круто, но не сегодня. Простой и лаконичный светлый интерфейс скетча как-то больше располагает.
Интерфейсные элементы — не зло, если ты собираешься профессионально работать в программе. Да, они могут отпугнуть при первом знакомстве, но при частом использовании они нужны и полезны. Лично у меня вызывают неприязнь ribbon'ы новых офисов как раз тем, что множат на ноль моторную память. В старых же офисах бесило автоскрытие неупотребляемых пунктов меню, когда приходилось вчитываться каждый раз, когда это меню понадобилось.

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

p.s. Кстати, интерактивный тулбар, в котором отображаются опции текущего инструмента я впервые увидел в xara, тогда еще corel xara, которая умещалась на 3 дискетах. Там же впервые появился инструмент интерактивной градиентной заливки и такой же прозрачности, это был как гром с ясного неба. Довольно быстро эти находки перекочевали в coreldraw и с огромным опозданием — в иллюстратор.
Для этого было бы неплохо портировать редактор под винду.

Скетча не будет под винду. По крайней мере в ближайшие 5 лет, точно.
Насчет передчи макетов верстальщикам: вот эти ребята вроде бы собираются поддержку.скетч сделать.
Вступлюсь в защиту Xara и возможность пиксельной работы. Хоть у нее нет иллюстраторовского режима pixel preview, но есть инструментарий, чтобы этот самый пиксельный превью получить. Называется «живые фильтры», не мешает работать с вектором, но одновременно показывает пиксель.
Растеризация же у xara выше всех похвал.

Касаемо назначения xara… Для веб-дизайна я ничего более удобного не встречал. Заточка как раз идет под это — странице можно назначить хедеры и футеры, меню и ссылки. Клиенту можно спокойно показывать рабочий прототип в html, что очень подкупает.

Очень хорошо в xara рисовать иконки в векторе, очень хорош автоматический экспорт в случае необходимости изменений. Опять-таки, не встречал лучше.

Я по платформенным причинам не могу глянуть на sketch, но xara — это один из великолепнейших инструментов для веб-дизайна, рисования в векторе и для разработки пиктограмм.
Дело не совсем в пиксельной растеризации и прочих делах. У скетча есть много крутейших фишек, облегчающих работу с пикселями. Опция Round To Nexrest Pixel спасает уйму времени при выравнивании кривоватых иконок и логотипов. Зажатые Alt или Cmd дают возможность на лету оценить все отступы и расстояния до ближайших объектов. Функция Make Grid повзоляет быстро и очень качественно распределить объекты. Встроенные темплейты от Teehan+Lax дают возможность легко проектировать интерфейсы для iOS. Sketch Mirror позволяет тут же отследить макет на айпаде или айфоне. Автоматический экспорт слоев в PNG просто поражает своей простотой и эффективностью. Copy CSS и вовсе дает небывалую мощность для разработчиков интерфейсов. Ну и так далее. Все эти полезные свойства программы я постараюсь описать в следующих частях обзора. Ведь программ для создания графики нынче много (на маке те же Acorn, Pixelmator, Inkscape, Intaglio) — каждая по-своему хороша, но ни в одной из них нет такой уникальной и очень крутой заточки под пиксельную работу, как у скетча.
Спасибо за обзор! Похоже надо будет все-таки найти время на изучение данной программки.
Кстати, сразу вопрос всплывает: а что у нее с совместимостью с упомянутым тут же фотошопом?
Прямой совместимости нет. Скетч не понимает формат .psd, равно как фотошоп не ведает о существовании .sketch
Но возможно с определенной степенью достоверности портировать свои макеты из фотошопа в скечт, используя все тот же иллюстратор.
Записывает в фотошопе в формат Photoshop EPS. Открываете в иллюстраторе и пересохраняете в .svg, отметив галочку Preserve Illustrator Editing Capabilities.
Полученный .svg открываете в скетче и после недолгой подчистки некоторых косяков наслаждаетесь вполне работоспособным макетом.

Впрочем, я думаю, появление онлайнового сервиса psd2sketch — дело времени, ибо, как показывает практика, такие сервисы появляются по мере распространенности искомых форматов.
В свое время тоже интересовался этим вопросом, и очень порадовал официальный ответ разработчиков: «Только Адоб понимает логику создаваемых файлов .psd, равно как и их чтение. Нам эта магия недоступна :(».
Тем не менее, ряд программ сторонних и довольно некрупных разработчиков понимает .psd. Тот же Pixelmator.
Есть тулза для Руби от LayerVault — PSD.rb
Да, спасибо. Пригодится.
Понимает, но не полностью, текстовые слои открывает не правильно

Скачал последний Pixelmator
однако уже все гораздо лучше чем раньше с PSD, теперь с чистой совестью покупаю его и удаляю Фотошоп
По PSD есть официальная спецификация www.adobe.com/devnet-apps/photoshop/fileformatashtml/. Есть множество парсеров данного формата. Поэтому технически реализовать это в Sketch возможно — с помощью плагинов.
Полагаю, что со временем будет все это реализовано. Главное, чтобы Adobe не покупало Bohemian и не пыталось с ними судиться. потому как опыт показывает, что купленые адобой продукты либо помирают, либо превращаются со временем в очередной придаток фотошопа, что ничего хорошего за собой не влечет.
да, любопытно, надо попробовать. хотя если вот так сходу то отвращает светлый интерфейс, отвык от него. а я вот жду когда допилят бету Quasado gravit. планировали на май, но задержались с переработкой стилей. теперь клятвенно обещают к первому июля пустить в народ.
посмотрел небольшой ролик, где удалось увидеть хоть какой-то интерфейс этого Gravit: www.youtube.com/watch?v=CXBvSWBXofY
на мой взгляд, совершенно несерьезная приблуда, годная для простых манипуляций. На поиграться, в общем. В ней нет и десятой доли тех фич, что реализованы в скетче. полагаю, что еще весьма долго данный продукт не будет пригодным для профессионалов.
надо смотреть и пробовать. но вообще хочется верить в чудо :) меня на gravit навели люди с фрихендфорума, они эту разработку как-бэ курируют и поддерживают. хотя Иллюстратор всем хорош (и эти поделия ему не конкурент, если честно), но его тяжеловесность часто достает нечеловечески. на данный момент для «вектор по быстрому» пользую iDraw, он удобный, но очень уж сиротский
И если в фотошопе после создания текстового объекта необходимо в панели инструментов выбрать что-то другое, например, инструмент перемещения объектов, а для того, чтобы вернуться к редактированию текста, выбрать инструмент текста...

Здесь у меня возник вопрос: вы точно 15 лет работали в Photoshop? Я работаю в нем ровно в два раза меньше и предлагаю вашему вниманию другие способы применить изменения (или первоначальный ввод текста) без переключений на другие инструменты:
1. Самый удобный, в случае если вы работаете на клавиатуре с полноценным цифровым блоком — нажать Enter на этот самом цифровом блоке.
2. Нажать Ctrl+Enter (соответственно, быстрее всего нажать правый Ctrl+Enter).
3. Кликнуть мышкой по редактируемому текстовому или любому другому слою в панели слоев (но это долго и сродни написанному вами).

Войти в режим редактирования нужного текстового слоя, с одновременным выделением всего текста и переключением на Type Tool, можно дважды кликнув левой кнопкой мыши по области предпросмотра сего слоя в соответствующей панели.

Можно выйти из режима редактирования текста, не применяя изменений (или отменить первоначальный ввод), нажав Esc.

Это из тех, что знаю я. Возможно есть и другие варианты.
Это сугубо дело привычки. С самого начала в фотошопе ничего такого не было, и он приучил практически все делать из тулбаров, кликая мышкой по иконкам и кнопкам. Со временем появились вменяемые и главное — настраиваемые шорткаты, стало поудобнее. Но все равно, многие вещи приходится делать по старинке, по привычке.
К тому же немаловажным здесь является фактор лернабельности. Исследуя скетч, я поставил себя в позицию начинающего дизайнера, который мало что знает. Так проще открывать интересные функции. Так вот лернабельность таких функций у скетча пока значительно лучше, чем у фотошопа. О том, как войти в редактирование текста и выйти из него, не прибегая к переключению инструментов на тулбаре (а это самый очевидный с точки зрения лернабельности путь), нужно откуда-то ЗНАТЬ. И это очень плохо. Ведь нужно изучить документацию, посмотреть туеву хучу туториалов, типсов-триксов и т.п., чтобы набрать себе в голову всю эту методику. В скетче же делаешь все интуитивно, и процесс того же входа и выхода в режим редактирования текста прост и понятен сразу.
Привычка привычкой, но изменять себя всё-таки нужно. Иначе я бы до сих пор использовал ластик вместо масок и рисовал выделениями, а не векторными фигурами. Для узнавания первого и третьего из описанных способов не не потребовалось никаких уроков. Мне кажется, ваших 15 лет более чем достаточно для узнавания тем же «методом тыка».

Хотя, силу привычка трудно недооценивать. После изучения Illustrator я привык, что самый быстрый способ выйти из режима редактирования текста с сохранением всех изменения — это нажать Esc. Теперь, когда работаю в Photoshop, мне «доставляет» совсем обратный функционал программы. И, кстати, я считаю, что несколько глупо не использовать багаж полученных знаний для ускорения обучения новому. Мне, в том же изучении Illustrator, знания по Photoshop вполне пригодились и дополнительное постижение некоторых функций фактически не потребовалось. Но тут, несомненно, играют роль личностные возможности и видения.
Время открытия фотошопа — это смешно, да. :)
Почему-то у меня он открывается около секунды, вместо заявленных вами 27 :)
Достаточно долго у меня висит бар Initializing Type Tool. Полагаю по причине того, что у меня включено около 3000 шрифтов. Плюс какие-то плагины подгружаются. Когда я отключаю большинство из них, фотошоп грузится, конечно, быстрее. К тому же на более современном маке с процессором i5 и SSD-диском он загружается молниеносно. У меня, увы, устаревшая техника… Впрочем, CS5 грузился тоже весьма шустро, секунды две-три.
Suitcase Fusion не пробовали?
У меня Linotype FontExplorer.
Конечно, столько много шрифтов редко нужно, и большинство из них я отключаю в повседневной работе. Но я большой любитель больших шрифтовых наборов в пределах одной гарнитуры, потому у меня собраны по максимуму всякие Helvetica Neue, Univers, Avenir, Myriad Pro, Minion Pro, Proxima Nova, OpenSans, PT Sans, Frutiger, Futura, Times, Book Antiqua и т.п. В процессе я люблю поиграть с разными гарнитурами, подобрать подходящую. Вот и висит в памяти охапка этих шрифтов, заставляя фотошоп загружаться дольше обычного.
Пора, в общем, мак менять. Уж дождусь появления аймаков на ретине, тогда возьму. Явно будет помощнее и пошустрее…
Не знаю почему, но когда я вижу человека рисующего интерфейс в Фотошопе, я сразу вспоминаю эту сцену:

image

Еще заметил, что Скетч хвалят только люди, которые перешли на него с Фотошопа. Хотя согласен, после Фотошопа это просто праздник.
У меня даже есть подозрение, что дизайнер Скетча тоже работал в Фотошопе.
Когда мне приходится экспортировать интерфейс в фотошоп, я вспоминаю эту сцену:
Ну так поделитесь, пожалуйста, хорошими тулзами для рисования интерфейса. Сам далеко не дизайнер, но чувствую может пригодиться :)
Fireworks
Собственно Скетч после слития Адобом этого редактора и обрёл некоторую популярность и начал активнее разрабатываться.
Но Скетчу до Файрворкса ещё пилить и пилить к сожалению.
У нас вон полна студия аниматоров которые рисуют в фотошопе, и не то что бы хотели переключатся на другой софт. А есть альтернативы для анимационного рисования?
Лично я для этих целей использую Adobe Edge Animate CC: html.adobe.com/edge/animate/
Аниматоры, это люди которые рисуют анимации… Мультики. Простейший пример — vimeo.com/93206523. Причем тут Edge?
Edge будет жить не долго. Это инсайдерская инфа.
Иногда еще After Effects CC
А что они анимируют?
Edge создает веб-анимацию на базе HTML5 + CSS3 + JavaScript.
AfreEffects — программа для создания видеоанимации.
Спасибо, я в курсе.
Я спрашиваю у человека, что они там анимируют, т. к. каждый софт под свои задачи.
Они анимации рисуют. Героев для игр… Я не знаю как мне поможет edge или after effects.
Если спрайты, то, конечно, в Фотошопе.
Если персонажи плоские, то можно и в Иллюстраторе.
Еще есть Flash Professional. В СС 2015 версии много чего было добавлено. К нему сейчас повторно просыпается интерес у аниматоров для геймдева. Тем более, что это и рисование и тут же анимация.
TVPaint
Ну, да. Это самый заметный из конкурентов, но хотелось бы дешевле фотошопа.
Сейчас акция у них: фотошоп+лайтрум за 300 рублей в месяц, куда дешевле. Но для аниматора фотошоп гораздо менее удобен, как мне представляется. Я конечно больше аниматор в теории:)
В Фотошопе довольно удобные и развесистые анимационные тулзы. В основном его любят за очень крутую часть которая отвечает за рисование. TVPaint, это пожалуй единственный конкурент у которого рисовательные тулзы тоже неплохи. Хотя цена уж очень большая.
Я перешел на Скетч с Фаерворкса и Иллюстратора. Но тоже на все стороны хвалю. Дизайнер Скетча еще жив — значит, рисовал все-таки не в Фш.
Да, Скетч — это новый Фаерворкс.
Может я чего-то не понимаю, но почти все, что можно было сделать в фаерворксе (и теперь можно в Скетче), можно сделать в Иллюстраторе или Индизайне. При чем, намного быстрее.
Позже я покажу несколько реальных примеров создания в Sketch интерфейсов. И уверяю вас, в иллюстраторе и тем более индизайне вы это будете делать в разы дольше и сложнее.
Интересно посмотреть.
Я честно пробовал одно приложение сделать в Скетче, но, после двух дней мучений, бросил эту затею и сделал за час в Иллюстраторе.
Любопытно, в чем конкретно заключались эти мучения?
Это если забить на киллер-фичу фаерворкса — многостраничный кликабельный прототип с ховерами и попапами.
Панель выравнивания в Скетче давно есть.

Вот, точняк! А я ее там не приметил. Спасибо, буду знать.
При всех его плюсах — он остаётся игроком одной платформы.
Фотошоп — индустриальный стандарт. А Скетч что это?
Табличка со скоростью запуска и потреблением памяти повеселила. Навесьте на скетч все то, что умеет фотошоп и мы упремся в +\- те же цифры.

Вопрос по существу. В скетче есть управление редактором через скрипты? У фотошопа есть JSX, а у Скетча?
Именно так. На первых порах он быстрый, а когда придёт время — будет тот же тяжёлый монстр.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории