Уроки со sketchbook.com

Hands

Basics

iPad Pro

Flipbook animation

Precision Exercises

Crisp lines

How to draw a griffin

How to draw hair

Trent Kaniuga

2D Models to 3D

How to draw cars

Turtles sumi-e style

Better in one day

Dragons

Dragon2: Drogon GoT

Heavy Machinery

Ghost in the shell

Ornaments

Ornaments 2

Color effects

Megaman

Cats Bears Foxes Lizards Birds Horses Dogs Wolves

Weapony

Alpha Textures

Color Theory

Architecture renders

Industrial Product Rendering

Product Design Sketching

10 tips product design sketching

Predictive Stroke

Drawing from imagination

Zelda character

Jason Heely’s brushes

Drawing water the easy way

Character concept art

Car advanced

Bird Wing

Crosshatch Brush Set

Halftone

Grunge Texture for Robots

Heartstone

Realistic hair

Creamy pastels

Perspective Drawing

Colorizing

Hudson Rio — industrial designer

Paint from Photo

Video games and art

Вводный курс по Скетчу

Курс от образовательного портала Devcolibri.

Автор: Александр Барчук

Сильные стороны курса

Автор покрывает весь процесс создания дизайна от создания артборда до создания прототипов и передачи макетов в разработку. У курса есть сильный упор на практику, что помогает сразу применять знания в работе. На текущий момент это единственный достойный бесплатный русскоязычный курс по Скетчу.

Слабые стороны

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

Плейлист →


1. Первое знакомство

 

04:50

Вводное видео, не без воды. Если хоть раз открывал Скетч, можно не смотреть.

Как создать артборд. Как настроить тулбар под себя. Как сделать иконку шестерёнки через инструмент Star. Как настроить тень объекта. Как создавать общие стили.


2. Преимущества и недостатки

05:39

Недостаток один: Скетч работает только под Мак.

Преимущества: Использует те же способы рендера, что и Мак ОС. Это оптимизирует скорость работы. Текстовые слои будут выглядеть ровно так же, как в живом продукте. Скетч — векторный редактор, поэтому может экспортировать векторные изображения в любом размере. О попадании в пиксель: Round To Pixel и Pixel Fitting. Как использовать с траницы. Настройки Layout и Grid. Настройки заливки: типы размытия и баланс цвета (Color Adjust).


3. Прототипирование

09:20

Как сделать низкодетальные макеты приложения для учёта финансов на основе шаблона Material Design. Как создать проект на основе шаблона. Как создать артборд под размер устройства. Как работать с направляющими. Как работать с координатами. Как создать текстовый объект. Как дублировать объекты. Как смотреть отступы (при помощи Alt).


4. Цветовая схема и UI

12:47

Как сделать цветовую схему и превратить низкодетальный макет в высокодетальный. Сервис materialup.com, который позволяет подобрать цвета в стиле Матириал. Как вставлять иконки. Как искать название иконки по слоям через фильтр слоёв. Как приближать выделенный объект при помощи Cmd + 2.


5. UI главного экрана

11:26

Все те же приёмы, что в видео 4 + фишка с двойной тенью.


6. Фиксы и подготовка к интерактиву


7. Анимация интерфейса в Принципл

12:31

Перенос проекта из Скетча в Принципл. Превью в Принципл. Как создавать интерактивные переходы между экранами. Как работать с панелью Animate. Как настраивать длину анимации и кривые.

Да, меня тоже печалят слова «пагинатор» вместо «индикатор страниц» и «айтемы» вместо «пункты списка».


8. Интерактивный прототип в Марвеле

Что такое Марвел. Как создать проект. Плагин для Скетча. Как выгрузить экраны в Марвел и расставить активные зоны.


9. От дизайнера к разработчику

08:46

Что такое Зеплин. Как выгрузить макеты и сделать признак экспорта нужным частям макета.


Назад

Курс Sketch Together

Sketch App Crash Course

Бесплатный видеокурс дизайнера Пабло Стэнли подходит для начинающих. Пабло рассказывает, как работать с базовыми функциями Скетча: панелями интерфейса, холстами, цветом, общими стилями, текстовыми слоями.

Плейлист на Ютюбе 29 видео

Из этого плейлиста я выбрал наиболее полезные:

1.The Interface Of Sketch

Обзор интерфейса: Тулбар, страницы, панель слоёв и инспектор.


2. Understanding Artboards

Холсты = артборды. Что такое флоу. Как работать сразу с несколькими холстами. Меняем цвет фона артборда. Экспорт артбордов.


3. Colors and graphic styles

Палитра. Глобальные цвета и цвета документа. Как рабтает модель HSB+A и как переключаться в RGB. Заливка (fill) и обводка (stroke). Градиенты и паттерны. Заливка изображением. Что такое стили шейпов и как их применять.


4. Text Styles

Общие текстовые стили — аналогия общих стилей шейпов. Как создавать, применять и синхронизировать.


5. Symbols

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


6. Layout Grids

Модульные сетки за 3 минуты. Полезны для работы над адаптивным дизайном. 12-колонная сетка. Как настраивать настройки модульной сетки (Layout Settings).

Сайт Grid Calculator помогает рассчитать, какую ширину колонок следует использовать.

 


7. 10 quick tips

1. Как использовать Смарт Гайды: Alt + ховер
2. Скруглять только нужные углы. Теперь вместо слэш (/) нужно использовать двоеточие (:).
3. Выделить слой в группе: Cmd + клик
4. Выровнять объекты по горизонтальной или вертикальной линии
5. Делать слои экспортируемыми
6. Дублировать слои с нужным отступом (удобнее использовать Duplicator)
7. Поставить слой последним
8. Использовать арифметику в полях
9. Сделать больше лучей у звезды или больше углов у треугольника
10. Копировать CSS-стиль у объекта
11. Создавать фигуры при помощи Rotate Copies
12. Изогнуть строку текста по линии


Видео 9-10 пропущены, потому что Пабло учит работать с Инвижном. Я не вижу в этом пользы и считаю Крафт бессмысленным плагином, который только замедляет Скетч.

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


12. Masks


13. Custom Shapes


14. Shortcuts and how to create your own


15. Most useful keyboard shortcuts


16. Sketch Plugins


17. Making a Santa Illustration


18. Auto Layout Plugin


19. Scatter Chart with a nice trick


20. Flexbox for Sketch, Stacks Auto Layout


21. Button System with Nested Symbols


22. Left Navigation with Nested Symbols


Видео 23. Craft Prototype пропущено, потому что этот инструмент слишком ненадёжный: хотспоты, которые расставляются в Скетче, не всегда загружаются в Инвижн. Поэтому я полностью отказался от Инвижна и делаю прототипы в Марвеле. Перспектива делать хотспотами реальные объекты макета очень заманчивая, но ты сэкономишь много времени на том, чтобы не бодаться с нестабильным Инвижном.

Ссылка для любопытных.


24. Publish a Website from Sketch with Launchpad


25. Create Patterns with the Looper and Blender Plugins


26. Sketch Libraries


27. Show Tab Bars on Sketch


28. My Favorite Plugins 2017 Edition


29. Creating an Icon Set on Sketch using SVG files