Как установить карандаш Apple Pencil и начать им пользоваться. Создание прототипов Пошаговая инструкция для работы в программе pencil

Анонсированный Apple Pencil для iPad Pro вызвал у части скептично настроенных критиков лишь недоумение: как можно в 2015 году представлять публике стилус? Однако разработчики из Apple имели свои взгляды на применение этого девайса, которые затем разделили и все остальные. Этот небольшой обзор всех фишек Apple Pencil покажет, что новая разработка от ребят из Силиконовой долины - далеко не стилус и даже не карандаш.

С помощью Apple Pencil и iPad Pro вы сможете создавать потрясающие проекты

Стилус - это палочка, которой можно «тыкать» в сенсорный экран для управления интерфейсом. От этого ещё давным-давно предостерегал Стив Джобс, заявляя, что графический интерфейс должен быть адаптирован для «тыкания» пальцами. Apple Pencil же идёт по другому пути - это крайне удобный интерактивный инструмент, который обладает широким спектром возможностей и предназначен совсем не для того, чтобы просто нажимать виртуальные кнопки на своём «Айпаде».

Скорость отклика

Главная фишка, которую ставят в приоритет создатели. Да, уже создавались различные инструменты, позволяющие заниматься творчеством в виртуальном пространстве. Но «карандаш» от Apple способен гораздо быстрее оставлять след на бумаге, то есть на экране.

Точек, которые регистрирует дисплей iPad при работе с Apple Pencil, в два раза больше, чем от касания пальцем. Сканируется контакт при этом с огромной частотой: 240 раз в секунду. Для любого профессионала отсутствие задержек будет очень важным .

Регулирование давления

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

Датчики, определяющие силу нажатия, в отличие от iPhone 6S/7, расположены не в iPad, а в самом «карандаше». Это даёт возможность применять куда большее разнообразие эффектов, . Перо будет рисовать именно то, что вы хотите видеть.

Наклон имеет значение

Датчики в интерактивном пере и Multi-Touch дисплей позволяют точно определять наклон. Таким образом, след на экране меняется, если вы слегка наклоните Apple Pencil. Делайте затенение: пробуйте пройтись «Эпл Пэнсил» под разным углом и получайте каждый раз другой эффект и, соответственно, другой рисунок.

Упритесь, как вам удобно

Не нужно бояться «чиркануть» ладонью по экрану и испортить рисунок. Ведь iPad Pro будет различать касания руки и интерактивного пера. Для работы с графическими планшетами профессионалы надевают перчатки. Здесь, как можно заметить, этого делать не нужно.

Доступ к любому творчеству

Apple Pencil, при всей своей уникальности, является универсальным инструментом. Даже если вы являетесь ярым консерватором, девайс вас удивит. Какие бы техники вы не использовали для рисования, «карандаш» без труда сможет их воспроизвести.

Многие художники-профессионалы опробовали этот гаджет и остались им очень довольны. Получившиеся рисунки практически не отличались от тех, что были сделаны традиционным методом на бумаге. А позволяет опробовать ещё большее количество возможностей и эффектов Apple Pencil для iPad Pro.

Время работы

Более прозаические характеристики девайса также на высоте. Заряжается Apple Pencil при помощи коннектора Lightning, который расположен на кончике устройства. Для зарядки нужно подсоединить его к iPad. Время работы составляет до 12 часов. Также разработчики заверяют, что 15 секунд зарядки хватит на 30 минут работы. Да, на практике возможен менее впечатляющий результат, но 12 часов - это более чем достаточно для труда.

Как подключить Apple Pencil к iPad Pro? Он соединяется с «Айпадом» при помощи Bluetooth 4.0. На самом устройстве уровень заряда никак не отображается, но при подключении на экране планшета появится соответствующий виджет, который и будет показывать, сколько процентов осталось, пока аккумулятор не сядет.

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

• Лёгкость. Apple Pencil сделан из белого пластика. Держать его в руке очень удобно ещё и потому, что он достаточно лёгкий. При этом на твёрдость низкий вес никак не повлиял, чему подтверждение различные краш-тесты.
• Минимализм. Тут всё в стиле Apple: маленькая продолговатая коробочка, внутри которой само устройство, несколько инструкций, дополнительный наконечник и адаптер для стандартного провода Lightning.
• Размеры. Apple Pencil имеет такую же длину, как и обычный карандаш или ручка. Поэтому вам придётся гораздо меньше привыкать к новому гаджету.

Где можно использовать Apple Pencil

Вот несколько приложений, которые в той или иной мере помогут реализовать свой творческий потенциал:

1. Заметки. Стандартное отлично поддерживает этот девайс. В Notes доступно несколько режимов, при помощи которых можно сделать рисунок ручкой, маркером или карандашом. Конечно, для профессионального использования это приложение не подойдёт, но в качестве развлечения и для отточки навыков вполне сгодится.
2. Procreate. Это приложение было специально адаптировано для нового iPad Pro. Есть режим в том числе и для «карандаша». Procreate 3 позволит создать уже куда более ценные произведения искусства, нежели Notes.
3. Astropad Graphics Tablet. Программа делает из «Айпада» графический планшет. С её помощью в соединении с Mac можно работать с Photoshop, Illustrator, Lightroom и другими популярными редакторами.
4. Paper. Paper от Fifty Three - это уже полноценный блокнот, который к тому же полностью адаптирован под новый девайс. С этим приложением будет очень легко делать простые , создавать графики, диаграммы, рисунки, презентации и многое другое.
5. Adobe Comp. Несколько приложений от компании Adobe были оптимизированы специально для iPad Pro. В Adobe Comp вы сможете работать с различными набросками, профессиональной векторной и растровой графикой, без труда создавать макеты и шаблоны, а затем импортировать их в «большие» программы Adobe: Illustrator, Photoshop, InDesign.

Для кого нужен Apple Pencil?

Тут стоит посмотреть правде в глаза. При своей цене, а составляет она сегодня семь с половиной тысяч рублей (а если к этому прибавить ещё стоимость iPad Pro 12,9”), Apple Pencil не захочешь купить в качестве игрушки. Пользоваться интерактивным пером будут профессионалы, для которых эта цена в обмен на такой высокий уровень качества не будет казаться высокой. Для развлечения такой девайс себе мало кто позволит.

Apple вновь установила общий стандарт, который постепенно входит в использование. Apple Pencil - не стилус, а высокоточный и удобный инструмент. Когда все лидеры в творческой деятельности перейдут на него, а другие компании начнут выпускать нечто подобное - вопрос времени. И на настоящий момент уже появилось достаточно большое количество аналогов.

encil - удобный open-source бесплатный инструмент прототипирования для создания mockup "ов. Подходит для создания любых пользовательских интерфейсов, но мы будем рассматривать создание веб интерфейсов.

Может быть установлен как плагин до firefox, либо как standalone приложение (в таком случае firefox у меня все равно поставился по зависимостях).

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

Разберемся с установкой и покажем пример использования.

Установка:

Windows - скачиваем и устанавливаем в пару кликов,

Wget https://github.com/prikhi/pencil/releases/download/v2.0.14/pencil-2.0.14-ubuntu-all.deb

устанавливаем:

Sudo dpkg -i pencil-2.0.14-ubuntu-all.deb

ArchLinux :

Yaourt -S pencil

Можем теперь запустить Pencil

Элементов интерфейса просто огромнейшее количество. (Единственное, что не стоит останавливаться на вкладке web, она довольно скудная. Но можно использовать элементы с других вкладок (например, для кнопок))

Для примера создадим mockup этого блога. Нам понадобятся элементы из вкладок "Basic Web Element" и "Desktop - Sketchy GUI".

Элемент Html texts удобен тем, что может генерировать Lorem Ipsum (Правая кнопка мыши -> Actions) При добавлении єлементов сразу появляется линейка для выравнивания (тоже удобно):

Новые страницы создаем, кликнув правой кнопкой мыши по панели вкладок, либо по кнопке "New page". Страницы можно соединять, создавая некоторое подобие поведения. (Если у вас более одной страницы, можно кликнуть по ссылке правой кнопкой и выбрать пункт "Link to"). Эта фича станет видимой, если экспортнуть файл, к примеру, в pdf или html формат.

Pencil 2D animation – это бесплатное программное обеспеченье, предназначенное для работы с рисованной анимацией. Программа без проблем запускается на разных платформах – MS Windows, Linux, Mac OS. Однако она больше подойдёт для любителей и новичков, которые только осваивают азы 2D-анимации.

Инструменты для рисования

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

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

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

Программа поддерживает работу с графическими планшетами.

Импорт файлов

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

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

Работа с анимацией

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

Анимация создаётся при помощи создания точек на временной шкале. Для каждого слоя временная шкала отдельная, благодаря чему можно анимировать практически любой элемент композиции.

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

Экспорт готовых работ

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

К счастью, с сохранением готовых работ всё нормально. Вы можете сохранить их в виде слайдов из PNG-изображений (актуально для очень небольших проектов), либо экспортировать в GIF, Flash или формат QuickTime. Последнее актуально только для пользователей Mac OS, либо тех, кто установил на компьютер специальное приложение от Apple.

Как итог, программа ещё нуждается в доработке, но при этом отлично подойдёт для новичков, либо тех, кто занимается анимацией не профессионально. У программы есть несколько форумов поддержки, а также обучающие YouTube-каналы (в том числе и на русском языке). Однако проект в данное время практически заброшен.

Итак, давайте сразу договоримся. Я буду "Pensil v0.3.3b" называть "пенсил", что бы было удобнее.

В пенсиле очень много разных штучек. Думаете, не разобратся? Очень ошибаетесь! Программка очень лёгенькая. Если не разбирётесь, то читайте инструкцию, и разберётесь уже 100%.

Итак,

Посмотрите: точь в точь как в паинте. Давайте объясним смысл всехкнопочек.

1.значёк "карандаш". Этой штукой вы можете рисовать и правда как карандашом. Трудно заточенным. Только немного тонкие линии иногда. Можно размер выбирать. Ну, это вы и сами поняли бы.

2.Значёк кисти. Эта штуковина рисует немного светящимися линиями. Карандаш рисует не так. Когда нарисуешл один кружок, будет красный, а вокруг как красная тень. Интересно, попробуйте.

3.Перо. Наверное, им рисовать удобнее всего. Знаете почему? Он рисует без тени, без тонких полос, которые просвечивают иногда. Размер тоже, менять можно. Довольно удобно.

4."много линия". Если честно, я не очень понимаю как ею пользоватся. Пока из опыта, говорю, не очень удобно. Нарисовал что то, а другая линия стирает.. Трудгная и неудобная штука, но иногда нужная.

5.Стерательная резинка. Как ею пользоватся, вы наверное знаете. Стирает только белым.

6.Чистка. Ну, он очищаетвсё поле. Не нажимайте, когда рисуете то, что нравится вам.

7.Закраска. Ну, вы понимаете. Закрашивает не всё сразу, а полосочками. Не очень удобно, но что есть. Иногда удобно.Довольно просто.

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

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

11.Рука. Переносить придметы, картинки. Полезная вещичка.

12. Пальчик. Я не разобралась ещё... Но не особо нужная.

А теперь, как пользоватся!

1шаг. откройте пенсил. Выберите карандаш, перо или кисть. Нарисуйте что то на белом листе. К примеру мы рисуем кошку. Закрасть рисунок. Нажмите рядом со словом "keys" +. Появится новый лист. Только, там, будет что то типо тени прошлого. Не замечаем.Рисуем далее.

2.Так рисуем пока не нарисовались. Хоть 100 кадров, хоть 10. Теперь, смотрим свои труды. Жмите кнопку "плей".

Для более полного понимания принципов анимации, необходимо знать ряд простейших понятий.

Концепт – общее, краткое описание идеи, с целью передать основной смысл разработки, ее цели. Так же концептом является небольшой набросок, рисунок, отображающий основные черты персонажа. Прежде чем сделать окончательный рисунок того или иного персонажа, иногда концепт перерисовывают десятки раз, перебирая десятки вариантов.Шрек до, и после концепта.

Сценарий – сюжетная схема, по которой создается некоторое действие (спектакль, фильм, мультфильм…). Предназначен для четкого понимания замысла автора сценария исполнителю (воплотителю).

Раскадровка – это последовательная серия рисунков, которые рассказывают картинками всю историю, сценарий с начала и до конца. Для рисования раскадровки, достаточно навыков рисования на уровне «палка палка огуречик».

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

Раскадровка эпизода из мультфильма «Франкенвинн».

Аниматик – это анимированная раскадровка. Здесь определяется хронометраж (затрата времени) всего фильма/ролика, его частей, эпизодов и сцен. На этом этапе получается четкое видение будущего фильма/ролика, являющееся будущим руководством для всего производства.

Область для рисования находится в середине экрана

Инструменты слева (панель tools) используются для рисования на странице.

Временная шкала (Time Line) в нижней части экрана используется для добавления дополнительных кадров и управления анимированной последовательностью.

Цветовая палитра находится в правой части экрана.

Практика 2

Скачай архив с программой Pencil 2d , распакуй его, а затем запусти программу.

Создай анимацию прыгающего мяча. Начни с рисования шара в первом кадре. Ты можешь рисовать карандашом, используя растровый или векторный слой.

1)Ты можете изменять растровый на векторный рисунок, щелкнув по слою битмапа или векторному слою в строке времени в нижней части экрана. Начни с Bitmap. Нажмите на битмап-слой на временной шкале, чтобы убедиться, что он выбран.

2)Выбери инструмент «Карандаш» и установи размер между 10-11 пикселями с помощью ползунка.

3)Нарисуй круг в верхней части области для рисования.

4)Добавь ещё один кадр во временной шкале

5)Временная строка показывает, что ты сейчас работаешь во 2-м кадре анимации.

6)Нажми значок Onion Skin Previous Frame. Когда эта опция включена, ты увидишь предыдущий ключевой кадр (чуть светлее). Когда эта опция не активна, ты не видишь предыдущий ключевой кадр. Убедитесь, что значок Onion Skin Previous Frame включен.

7)Нарисуйте мяч в середине области для рисования.

8)Добавь ключ 3.

9)Нарисуй мяч в нижней части графической области.

10)Добавь ключ 4.

11)Нарисуй мяч в середине графической области.

12)Добавь ключ 5.

13)Нарисуй мяч в верхней части графической области

14)Выключи Onion Skin Previous Frame (Показать предыдущий кадр). Выбери первый кадр на линии времени.

15)Установи количесво кадров в секунду (frames per seconds(FPS)) 12, нажми кнопку Play и наслаждайся полученной анимацией.

16)Покажи анимацию своему преподавателю и сохрани её. File → Save

Векторные изображения

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

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

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

Если ты попробуешь увеличить картинку с векторной графикой, то ты заметишь, что пиксели практически незаметны, то есть качество осталось на прежнем уровне. Если увеличивать изображение с растровой графикой, то оно заметно потеряет в качестве.

Pencil 2d поддерживает и векторный формат, выполни следующее упражнение, чтобы в этом разобраться.

Практика 3

1. Создай новый файл. File → New.

2. Нажми на Vector Layer на временной панеле. Точка, расположенная рядом с векторный слоем станет черной, когда он выбран.

3. Нажми на инструмент Pen(перо). Используй ползунок, чтобы установить размер между 10-11.

4. Нарисуй шар в верхней части графической области.

5. Добавь больше 4 кадров, которые показывают шарик, движущийся по экрану. У тебя будет всего 5 кадров.

6. Выбери 5-ый кадр на временной панеле. В векторном рисунке можно изменять форму.

7. Выбери инструмент Smudge Tool. Нажми пальцем на объекте, чтобы появились квадратики.

8. Щелкни и перетащи один из квадратиков, чтобы изменить форму.

9. Перетащи разные квадратики в разные места, чтобы получилась сумасшедшая форма.

10. Сохрани свою анимацию и покажи её преподавателю, всё это ты уже делал в предыдущем задании.

Практика 4

Создай анимацию того, как ты рисуешь покемона. Ниже ты найдешь картинку с шагами. Постарайся задействовать как можно большее количество кадров (минимум 30). Не забывай, что предыдущий кадр можно дублировать.