Начнём с сосиски. Верхнюю часть будет видно, а нижнюю — нет, так что нарисуем только верхнюю.

Потом часть булки снизу, часть булки сверху и соус по вкусу.

Начнём рисовать c тарелки. Потом добавим в неё листок нори, маринованное яйцо, аккуратно нарезанные кусочки мяса, макарошки и зальём всё бульоном.

Получится рамен.

Начнём рисовать колокольчик с симметричных дуг его стенок. Затем сверху добавим ручку, а снизу — округлый край и торчащий язычок.

Когда в кармане пусто, Нет денег ни шиша, И хочется покушать вкусно Поможет Бич Лапша В ней целых две приправы Ты лучше не найдёшь! Не бойся, это не отрава, Попробуй - сам поймёшь!

В рисовании главное — понять паттерн: горизонтальные штрихи сменяются вертикальными, а изгибы штрихов тоже меняются.

Заполните куб такими штрихами — и получите брикет лапши.

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

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

Lvl 1 → Lvl 2 → Lvl 3 -> Lvl 4 -> Lvl 5!

Little Ivan не такой уж и Little!

Сигареты в фильмах выглядят круто. Дым и всё такое. Беда в том, что от них каждый год умирает гораздо больше людей чем от войн, убийств и аварий. Жуть.

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

А рисовать сигарету легко, цилиндр, фильтр отделен дугой и дымок от кончика.

Капибара — это такой гигантский хомяк из Америки, который любит плавать.

Форма головы у нее, если сбоку смотреть, очень прямоугольная. Тело пушистое, а лапки – нет.

Скрепка — на первый взгляд простая штука. Кусок проволоки, согнутый три раза.

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

При рисовании главное — поворачивать в правильных местах. Я с третьего раза смог.

Помните Little Max 1, воина дороги с повышенной маленькостью? Уже год прошёл.

Встречайте: LITTLE MAX 2!

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

Рисовать начнём с овального ядра.

Вокруг нарисуем тело с короной из дендритов, которые выглядят как заострённые ветки.

Добавим длинный хвост аксона, покрытый овалами миелиновой оболочки. Он заканчивается деревом отростков, похожих на ветки с плоскими кончиками.

Получился вполне узнаваемый нейрон.

Молоток состоит из головки и рукоятки.

У головки две стороны – одна, чтобы забивать гвозди, а вторая – чтобы их доставать.

У рукоятки назначение одно, поэтому рисовать её ещё проще.

Сегодня будем рисовать розетку, а чтобы не было скучно, нарисуем сразу четыре, а ещё вилки к ним.

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

Дальше идёт USB Type‑A. Он известен тем, что его невозможно с первой попытки вставить правильной стороной. Либо со второй, либо с третьей.

Теперь — USB Type‑C. Он всем хорош. И подходит для всего и вставлять можно любой стороной. Вообще у него только один недостаток — это все остальные стандарты разъёмов USB.

Ну и напоследок — jack. У него вообще сторон нет, его можно хоть вставленным крутить. Один недостаток — места много занимает в устройстве, потому что он длинный. У меня когда-то был телефон с 2,5 мм джеком (который на 1 мм меньше привычного). Год я искал для него наушники, да так и не нашел. С тех пор ношу беспроводные.

Раньше фотоаппараты снимали на плёнку, теперь — на сенсор, но сути это не меняет.

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

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

№14

Заметки к докладу "Contextualism".

Полный список того, к чему есть доступ у стилей компонента.

№13

Заметки к докладу "Modern UI Patterns".

Подборка твиков UI доступных благодаря новым плюшкам в CSS.

№12

Заметки к докладу "Forging Our Own Paths".

Про использование векторной графики для анимации.

№11

Заметки к докладу "CSS Doom Lasers".

Перформанс с участием осциллографа, лазеров и огнетушителя. Изображение в звук и обратно.

№10

Заметки к докладу "Breaking with habits".

Про то что чтобы научиться новому, нужно сперва отпустить старое.

№9

Заметки к докладу "Fun with grid lanes".

Про раскладку не только для пинтереста.

№8

Заметки к докладу "CSS is eating JavaScript".

Что теперь можно делать в css и как подружить это с js, чтобы было удобно читать.

№7

Заметки к докладу "Customisable <select> and the friends we made along the way".

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

№6

Заметки к докладу "Cranking View Transitions up to 11".

Понятный гайд в начале и безумные трюки с путешествиями во времени в конце.

№5

Заметки к докладу "Color-Scheming".

Не всем подходит темная тема. Не всем подходит светлая. Надо обе.

№4

Заметки к докладу "Putting the C in CSS Crimes".

Эмулятор x86 на чистом CSS.

Эмулятор!

x86!

На чистом CSS!!!

№3

Заметки к докладу "The value pipeline".

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

№2

Заметки к докладу "Let's fix the web's text size".

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

№1

Заметки к докладу "What the color?!".

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

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

Проще всего нарисовать вид сверху. Начнём с корпуса: две симметричные изогнутые линии — борта. Задняя стенка наклонная, поэтому её видно.

Дальше добавим деталей: ветровое стекло, сиденье и штурвал.

Можно ещё крылья на корме добавить.

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

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

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

Дальше — шезлонги. Две перекрещивающиеся палки. Чуть выше и правее — ещё две такие же палки. Между ними натянута ткань. Добавим ещё один — зеркально.

Всё. Отпуск готов.

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

Начните с грубой, угловатой формы. Добавьте несколько граней по краям и пару ломаных выступов внутри. Останется только нанести на грани тени — и камень готов.

Самое сложное в рисовании вентилятора – нарисовать лопасти одинакового размера. Чем проще их форма – тем проще их повторять.

Нарисуйте круг. Вокруг него добавьте на одинаковом расстоянии три, четыре, пять или столько лопастей, сколько вам хочется. За ними нарисуйте подставку или корпус вентилятора.

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

Несмотря на веяния дизайна и моды, в 2026 году браузер всё ещё можно узнать по адресной строке и кнопкам вперёд/назад. Добавим их в прямоугольник.

Сейчас сайт без s после http смотрится по меньшей мере подозрительно, и каждый браузер это как-то подсвечивает — обычно щитом или замочком. Этот значок возле адреса означает, что сайт работает по https, а значит, всё, что вы ему шлёте, и всё, что он шлёт обратно вам, зашифровано, и это более-менее защищено. Обращайте на него внимание: шифрованное соединение — залог здорового веб-сёрфинга.

Дальше можно добавить элементы управления окном по вкусу и скроллбар справа для солидности.

Сайт внутри браузера можете нарисовать любой. Я вот свой бложик нарисовал. В смутные времена запретов и заборов старый добрый отдельный сайт с RSS будет доступен чуть дольше, чем всё остальное. Сохраните себе ссылочку, если нравится. Удачи вам и безопасных интернетов.

Бутылку легко узнать по форме. Если добавить блик, то вообще будет красота.

В нашем случае бутылка с металлической пробкой. Перед пробкой у горлышка небольшое утолщение. Сама пробка похожа на узенькую трапецию со штрихами, соединенными снизу.

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

Сначала – шлем. Он жёстко закреплён на торсе, голова космонавта двигается внутри него, поэтому у шлема огромный визор, защищённый от солнца.

Дальше – кираса, к которой крепятся руки и нижняя часть торса. А на спине – здоровенная коробка с системой жизнеобеспечения и прочими полезностями.

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

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

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

Остаётся добавить тень от окантовки — и стена готова.

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

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

Остается добавить ручки и разделить двери холодильной и морозильной камеры.

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

Я начинаю рисовать с головогруди, потом намечаю места для лапок. Дальше – самое сложное: правильно передать форму и длину лапок. Остаётся только нарисовать брюшко.

От обычного продолговатого овала огурец отличается только пупырышками и хвостиком.

Ещё у него полоски есть, но они заметны только около кончиков.

Обычный клевер – трёхлистный. Но всякий знает, что четвёртый лист приносит удачу, так что будем рисовать четырёхлистный.

Проще всего нарисовать тонкий диагональный крест, а потом вокруг каждой линии – вытянутое сердечко. Затем снизу пририсовать ножку.

С Днём святого Патрика всех!

У магнита два полюса – северный и южный. Если магнит разрезать пополам, то у каждого куска тоже будет два полюса: северный и южный. Чтобы полюса были поближе друг к другу и магнит сильнее примагничивался к металлу, его загибают в форме подковы. У постоянных магнитов северный полюс обычно красят в синий цвет, а южный — в красный.

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

А рисовать его просто. Начинаем с буквы U. Разделяем её черточкой посередине. Добавляем объём и цвет.

Начнём рисовать круассан с центральной части. Это симметричная трапеция с округлыми краями.

От центра в разные стороны отходят загнутые ушки, а от них — ушки поменьше.

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

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

Для начала нам понадобится параллелограмм (скошенный прямоугольник) с заранее проделанными дырками.

Сверху к нему пририсуем треугольник, у которого одна из сторон округлая.

Остаётся добавить дырки: сперва обведём те, что проделали в параллелограмме, а потом добавим ещё несколько в свободных местах.

Ещё на один из краёв сыра можно добавить тень, а в дырки – тень погуще.

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

Начнём с корпуса. Это высокий цилиндр, красный, если вам есть чем его покрасить. Сверху — рычаг и рукоятка запорно-пускового устройства, которые надо сжать, чтобы начать тушить. От них выходит трубка. У углекислых огнетушителей на конце ещё раструб.

Я начинаю рисовать корзину с небольшого, приплюснутого снизу круга. Потом сверху линией вокруг рисую ручку, а снизу — тело корзины.

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

Чтобы нарисовать узнаваемую цепь, достаточно двух-трёх звеньев, но при желании можно нарисовать и больше.

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

Ещё можно добавить тени и блики.

Облако плоское снизу и пушистое сверху. Его довольно просто нарисовать — всего в два шага.

Сперва рисуем прямую линию.

Потом сверху добавляем несколько полукругов, которые немного заходят друг на друга.

Ещё можно добавить немного теней.

Чтобы нарисовать кеглю, надо вывести симметричный силуэт и добавить пару бликов. Ничего сложного.

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

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

Деталей с двумя плоскими сторонами может быть три вида: выпукло-выпуклая, вогнуто-выпуклая и вогнуто-вогнутая.

Одну из плоских сторон заменим по очереди на выпуклую и вогнутую. Получим ещё шесть деталей.

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

В общей сложности у меня получилось девятнадцать видов деталей. Привет Стивену Кингу.

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

У меня, помимо скетчей, есть ещё одно хобби – видеоигры. В этом году я собираюсь нарисовать большой скетч о поколениях игровых консолей. Сегодня, в качестве эксперимента, нарисуем PlayStation.

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

Всем счастливого дня Скетчноутов! Хороших вам скетчей в этом году!

Рисовать воздушный шарик довольно просто.
Вытянутый круг, узелок внизу и верёвочка.

Для придания объёма можно ещё блики добавить.

№52

Колесо — это сложно устроенная штука. Там есть диск, есть покрышка, крепление, еще может быть камера внутри.

Но при этом рисовать его довольно просто.

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

И снаружи нарисовать шину. В шине можно сделать рисунок протектора и надписи, чтобы она смотрелась интереснее.

52 HIT C-C-COMBO!!! 🎄

№51

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

Соль бывает разного размера: от мелкой до очень крупной. Это тоже можно передать на скетче. Для мелкой соли — прямые линии, для крупной — ломаные.

Если добавлять тень, линия тени будет настолько же неровной, насколько и края самой кучки. А ещё небольшие крошки вокруг добавят ей натуральности.

№50

Метель — перенос сильным приземным ветром падающего и выпавшего ранее снега.

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

Проще всего показать метель, нарисовав того, кто ей противостоит.

Чтобы разобраться с позой, я сперва нарисовал человечка из палочек с круглой головой — просто, чтобы увидеть, как он идёт против ветра и как закрывает лицо рукой.

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

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

№49

Тюль — это сетчатая полупрозрачная ткань. Обычно ей занавешивают окна.

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

А чтобы показать, что ткань полупрозрачная, можно поместить за неё какую-нибудь фигуру.

№48

Кисель – напиток, сделанный густым с помощью крахмала. Его можно сделать из любой жидкости: из компота, сока или даже из какао. Но сделать его хорошо – непросто.

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

№47

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

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

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

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

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

№46

Моль очень похожа на бабочку: чуть пухлее тушка, чуть меньше крылья, чуть более блёклые цвета и чуть похуже пиар. А ещё в Hollow Knight последний босс — моль.

Рисовать её стоит с круга, от которого вниз идёт треугольное тельце, вверх — голова со стильными усами, а в стороны — крылья.

№45

В фасоли вообще ничего сложного нет.

Это просто полукруг с вогнутой стороной, на которой виден след крепления к стручку.

А ещё стручок — зелёная штука, внутри которой растут фасолины.

№44

Полено — продолговатое, покрытое прочной поверхностью, природного происхождения, поперечно прорезано полосами, повторяющимися по периферии.

№43

У оленя самое сложное — это, конечно, рога. Сам-то он больше на лошадь похож, только голова немного другой формы. Но рога — это прям нечто!

Во-первых, у них есть отростки, которые вперед торчат. Ещё длинные отростки, которые назад торчат. А из них еще маленькие отростки торчат в разные стороны. Я с большим трудом разобрался. Попробуйте сперва их просто линиями наметить. Так будет проще понять форму.

№42

Пластырь рисовать очень легко. Это прямоугольник с круглыми краями, внутри которого - другой прямоугольник.

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

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

№41

Давайте посмотрим из чего состоит липа.

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

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

Для красоты можно оставить несколько просветов между пучками, чтобы виднелся ствол.

🎁

№40

А вы тоже думали что Рататуй это мышь из мультика? Ан нет.

Это традиционное овощное блюдо прованской кухни из сладкого перца, баклажанов, помидоров и кабачков.

Мне сегодня такое есть нельзя, хотя очень хочется.

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

№39

Обсерваторию надо начинать рисовать с телескопа, он там самое главное. Вокруг него – крыша, а под крышей – здание обсерватории.

№38

Могут ли драконы летать без магии? Попробуем разобраться.

Я нашел в интернете первую попавшуюся формулу для расчета площади крыльев птицы от массы тела S≈0.15⋅m^2/3. Дракон, даже самый маленький, должен весить никак не меньше лошади. Иначе как он утащит принцессу или хотя бы осла? Средний вес лошади — 500 кг. Если подставить это в формулу, получим примерно 12 квадратных метров крыльев, что должно быть примерно в 6 раз больше, чем размер самого дракона. И тут есть проблемы. Во-первых, эта формула для птиц, а у драконов, скорее всего, нет перьев, полых костей и прочих ухищрений, которые придумали птицы, чтобы быть легче. Во-вторых, крылья такого размера будут сами по себе значительно влиять на массу. Подвох в том, что при увеличении размеров крыльев масса будет расти быстрее, чем подъёмная сила. Вот и получается, что без магии драконы летать если и могут, то задом наперёд с помощью реактивной тяги изо рта, одних крыльев им не хватит.

Но что-то я отвлёкся.

Рисовать его мы начнем с самого сложного — с крыла. Попробуйте передать форму разогнутой S с очень длинной верхушкой. Потом к ней мы пририсуем внутреннюю часть перепончатого крыла.

Когда крыло начнет получаться, можно попробовать уже прорисовать к нему тушку дракона и второе крыло. После этого останется только добавить детали.

№37

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

Мне показалось, что комбайн проще нарисовать с видом спереди. Поэтому я сперва нарисовал режущий аппарат, а потом сзади добавил колеса и корпус комбайна и немного деталей.

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

Сегодня был на вебинаре Майка Роуди под названием Reflective Travel Sketchnotes. Идея тут в том, что не всегда в путешествии есть возможность в конце каждого дня садиться и рисовать скетч. Потому что очень насыщенный день был, или потому что у вас теперь двое детей.

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

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

Скетчноут к докладу Cassie Evans, вместо которого она делала игру. SmashingConf.

Скетчноут к докладу про то, как получать пользу от исследований от Kevin Hawkins. SmashingConf.

Скетчноут к докладу Manuel Matuzović о его исследовании возможностей современного CSS. SmashingConf.

Скетчноут к докладу Oliver Reichenstein про то, как мышка мешает думать, а мир похож на матрицу без кунг-фу. SmashingConf.

Скетчноут к докладу Scott Jehl про то, как запихнуть водопад в бутылку. SmashingConf.

Скетчноут к первому докладу второго дня SmashingConf. Gemma O'Brien рассказала про своё исследование состояния потока.

Скетчноут по докладу Matthias Ott про то, что веб — не бумага. Веб из гораздо более интересных материалов. Если с ними немного поиграть, это можно почувствовать. SmashingConf.

Скетчноут с историей о том, как почувствовать ценность доступности от Kardo Ayoub на SmashingConf.

Скетчноут к докладу про ремонт и рефакторинг CSS. Ana Rodrigues. SmashingConf.

Скетчноут к докладу Nick Desbarats на SmashingConf, который объясняет, чем хороший дашборд отличается от новогодней новогодней ёлки.

Скетчноут к прекрасному, доброму докладу Emily Anderson про то, как бездумные уведомления могут сделать больно. SmashingConf.

Скетчноут к докладу Бреда Фроста про то, как перестать делать свой datepicker и быть как Филл Колинз на SmashingConf.

№36

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

Теперь на базе этой нижней части мы нарисуем каждую из фигур.

Самая простая — это пешка. У неё есть вогнутая ножка и сверху шарик.

Слон не сильно сложнее. В принципе как пешка, только сверху не шарик, а пика.

Дальше по сложности идёт король. Он большой. У него сверху шарика крестик.

Ещё немного сложнее ферзь. Волнистые края короны довольно заковыристые.

Ладья с виду простая и угловатая, но башенку нарисовать сложно, особенно объёмно.

Ну и самое сложное (если вы, как и я, не умеете рисовать лошадей) — это конь. Я напомню, лошадь без гривы напоминает динозавра. Поэтому нарисуйте динозавра и добавьте ему гриву.

Вот у нас и получились шахматы.

SmashingConf уже через неделю! С нетерпением жду поездки.

№35

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

Начнем с воображаемого круга. Ну или круга, нарисованного карандашом, потому что потом придется стирать. Вокруг этого круга нарисуем несколько маленьких кружков и еще несколько внутри.

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

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

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

Ножки вместе образуют вокруг круга такую корону, из-за чего такой вирус называется коронавирусом.

№34

Между Землёй и Марсом вокруг Солнца по эллиптической орбите вращается фарфоровый чайник. Чайник слишком мал, чтобы обнаружить его даже при помощи самых мощных телескопов.

Начнём рисовать его с крышки. Так проще всего соблюсти пропорции, и стирать ничего не придётся.

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

Осталось добавить ручку, носик и основание.

№33

Сегодня мы рисуем воздушный змей. Его рисовать несложно, но есть некоторые хитрости.

Начнем с каркаса. Каркас — это крест, но так как змей летит, его линии слегка изогнуты от ветра.

На кресте натянута шкура воздушного змея, её края тоже немного изогнуты вовнутрь.

В качестве хвоста в задней части развевается ленточка. Можно ещё для красоты добавить тени и швы.

№32

Сегодня рисуем барабан. Барабан представляет собой две мембраны, натянутые на жестком каркасе.

Нарисуем овал, а под ним чуть пониже – полуовал. Соединим верхний и нижний овалы стяжками. В верхнем овале добавим немного глубины, нарисовав внутреннюю стенку. Получился барабан.

Lvl 1 → Lvl 2 → Lvl 3 -> Lvl 4!

С каждым годом этот пост всё лучше!

№31

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

Ручка входит в специальную часть, в которой расположен механизм перекрывающий воду, поэтому там есть утолщение снизу, в том месте крана, который расположен под ручкой.

Я начинаю рисовать кран с трубки, с местом для ручки сверху и утолщением снизу. Потом нарисую ручку сверху, крепление к стене и кончик крана. Получается довольно просто.

№30

Сегодня будем рисовать стремянку. Задача оказалась неожиданно сложной, так что соберитесь. Чтобы лестница получилась красивой, надо рисовать ее в проекции. И чтобы не пришлось стирать лишние линии, попробуем сделать это по слоям.

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

Вторую пару точек поставим правее первой и на одно "деление" ниже (третья точка будет лежать на линии, а четвертая будет от линии на таком же расстоянии, как и первая).

Третья пара точек будет значительно выше первых двух по вертикали и ровно между ними по горизонтали. Должно получиться как на рисунке.

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

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

Последний шаг — нарисуем заднюю, дальнюю от нас часть стремянки. Для этого нужно просто соединить краешки ступенек линиями и дальше опустить их до верхних точек нижних пар.

Вот и получилась довольно красивая и аккуратная лестница. Если хочется сделать проще, то можно ширину ступенькам не добавлять. Это будет на маленькой картинке нормально смотреться.

№29

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

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

Скетчи можно использовать для разного.

Например, для того чтобы заказать торт на день рождения.

А сегодня как раз такой день, так что встречайте: LITTLE MAX 1, воин дороги с повышенной маленькостью.

№28

Спутниковая тарелка, также известная как параболическая антенна, состоит из зеркала и облучателя. Зеркало принимает сигналы спутника и отражает их на облучатель, который висит перед ним на опорах. От облучателя сигнал поступает на обработку.

Спутниковые антенны бывают подвижные и стационарные. Стационарные ловят сигнал со спутников на геостационарной орбите. Это спутники, которые вращаются вокруг Земли с той же скоростью, с которой сама Земля вращается. Получается, что они висят всё время на одном и том же месте, как будто закреплены на очень длинном столбе.

Чтобы нарисовать спутниковую антенну, нужно нарисовать большое блюдце, перед ним нарисовать облучатель и добавить опору, на которой она стоит.

№27

Зубная щетка состоит из щетины и ручки. Я начинаю рисовать щетку с щетины, потому что так проще соблюдать пропорции.

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

Щетинки крепятся к ручке пучками, которые формируют узнаваемый паттерн на чистящей поверхности

№26

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

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

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

№25

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

Сейчас их обычно делают из пенопласта, а раньше делали из пробки. Современные спасательные круги весят 2-3 килограмма, хотя большие могут весить 4 или даже 5. Лучше таким по голове не получать, иначе спасать будет некого.

Рисовать его очень просто: снаружи круг, внутри круг, веревка, чтобы удобнее браться, и яркие цвета, чтобы хорошо было видно.

№3

Третья лекция курса «Успеть всё». Про то что такое мотивация, как она помогает, и как быть когда не помогает.

№24

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

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

Чтобы нарисовать турбину, нужно представить себе, как она работает. Начните с формы внешней части в виде раковины улитки. Дальше внутри круг с крыльчаткой. Остаётся добавить впуск, выпуск и крепления.

№2

Вторая лекция «Успеть всё». Про то, что всё это не вообще всё, а только то, что действительно стоит успевать.

№23

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

У меня вот один раз был случай, когда я собирался на конференцию в Европу, и у меня всё было готово, кроме визы. А визу мне дали за день до конференции. Это было довольно нервно.

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

№14

Заметки к докладу "The goose and the common".

№13

Заметки к докладу "display: green; applying the web sustainability guidelines".

Информационные технологии влияют на окружающую среду больше, чем самолёты. Это доклад с рекомендациями, которым стоит следовать, чтобы уменьшить это влияние.

№12

Заметки к докладу "Refactoring CSS".

Доклад о том, как отремонтировать дом и как убедить продакта навести порядок в CSS.

№11

Заметки к докладу "Building a Computer with CSS".

Демонстрация работы цепей компьютера с использованием CSS-селекторов для вычислений. Занятный в своем роде поучительный доклад.

№10

Заметки к докладу "Form control styling".

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

№9

Заметки к докладу "Smart layouts".

Живой пример того, насколько динамично и адаптивно может вести себя лейаут при использовании современных возможностей CSS и HTML. Спойлер: настолько, что можно сказать, что можно назвать его умным.

№8

Заметки к докладу "Scope in CSS".

Что надо знать о скоупе в CSS? Любой CSS-селектор и есть скоуп. Но сейчас есть гораздо более интересные возможности по управлению скоупом: скоуп-бублик, определение доступности и прочие чудеса директивы @scope.

Правда, лучший способ всё ещё — уникальные имена классов.

№7

Заметки к докладу "Design Token Architecture".

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

№6

Заметки к докладу "Multicol and fragmentation".

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

№5

Заметки к докладу "Select it! Styling new HTML UI capabilities".

№4

Заметки к докладу "CSS tried to come for my job".

Великолепное демо с кучей примеров реализации перехода страницы из состояния в состояние. С помощью только CSS можно сделать очень динамичный интерфейс.

№3

Заметки к докладу "Is Sass Dead Yet? CSS Mixins & Functions &c."

Доклад о том, как миксины и функции метаморфируют, переезжая из SASS в CSS, обрастая новыми особенностями, связанными с каскадом.

№2

Заметки к докладу "A Dao of CSS".

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

№1

Заметки к докладу "Level up your scroll UX".

Доклад о том, что можно сделать с прокруткой, используя только CSS. Карточки, навигация, даже интерфейс Nintendo Switch.

А ещё, рецепт Ultimate Scroller.

№1

Первая лекция курса «Успеть всё», специально для меня, раз уж я на этой неделе ничего не успел 💔.

Тут надо быть крайне осторожным. Я уже много чего знаю про Time Management. Потому что то, что я знаю, мне никак не помогает. А помогает то, что я использую.

№22

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

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

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

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

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

№6

Последняя лекция из курса «Любимые привычки». Как объединять привычки в систему, так чтобы они усиливали друг-друга.

№21

Градусник - отличное применение законов физики. Стеклянная колба, наполненная ртутью или спиртом. Объём жидкости зависит от температуры. Чем теплее жидкость - тем выше она поднимается по колбе. Просто и надежно.

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

№5

Пятая лекция из курса «Любимые привычки» про то, как использовать окружение, чтобы упростить себе жизнь.

№20

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

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

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

Для жесткости у нее есть специальные углубления на боковых стенках. Они также помогают канистре не порваться при нагревании и остывании.

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

Теперь начнем рисовать. Тушка канистры имеет соотношение сторон примерно 4 к 6. В верхнем левом углу у нас будет выпуклость для воздушного кармана.

После того, как мы справились с формой, надо добавить ручки, горловину и рельеф на боковой стенке. Можно еще добавить цвета.

№4

Четвертая лекция из курса «Любимые привычки», про то, как начать ожидать неудач и что с ними делать.

• Непривычное вызывает дискомфорт и сопротивление.
• Воля истощается, стоит её экономить.
• Если вы не ошибаетесь – значит, вы не делаете нового.

Шум

Благодаря этой особенности люди способны удержать в голове модель мира, не перегружая мозг. Из-за неё же трудно поверить, что человек с противоположным мнением искренен. Сложно принять, что у другого человека другой мир в голове. Вместо этого кажется, что мир только такой, каким его видим мы, а все, кто с этим не соглашаются, делают это назло нам. Отсюда обвинения в ангажированности, продажности или глупости.

Мир был бы уютнее, если бы мы могли почувствовать мир другого человека, но мы, увы, не можем.

№19

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

Проще всего нарисовать мозг, сперва нарисовав шаблон его формы. Шаблон надо будет заполнить извилинами, а потом — стереть.

Начинаем заполнять шаблон извилинами. По одной за раз. Они не должны быть слишком симметричными или одинаковыми. Это будет выглядеть неестественно. Они не должны быть слишком разными. Это тоже будет выглядеть неестественно. Толщина должна изменяться незначительно. А изгибы не должны быть на разный угол.

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

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

№3

Третья лекция из курса «Любимые привычки», про то, как упростить формирование привычек.

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

📖 Рекомендация книги по теме: Нанопривычки Би Джея Фогга.

№18

Начинать лучше с отверстия в головке. Оно довольно просто рисуется: две параллельные прямые линии, соединенные с одной стороны изогнутой. Прямые линии немного длиннее. Загнутая часть нужна, чтобы в нее угол гайки помещался.

После того как у нас получилось отверстие, вокруг него довольно легко нарисовать рожки. От них продолжаем вниз ручку. В ручке делаем дырку.

При желании можно добавить объем.

№2

Вторая лекция из курса «Любимые привычки».

Почему привычки сложно менять? Как упростить изменение? Как не сломаться в процессе?

Из интересного: Трение можно с пользой для дела и уменьшать и увеличивать. Важно всегда иметь запасной план.

№17

Кирка нужна, чтобы добывать руду в шахте или пахать грядки. С одной стороны у неё острый кончик, с другой – широкое лезвие. Всё это держится на рукоятке, обычно сделанной из дерева.

Рисовать кирку начнём с большой дуги её головки. После этого добавим симметричные изгибы с внутренней стороны, придав им объём. Остаётся добавить рукоятку.

№1

Сегодня начал изучать курс от Level One «Любимые привычки».

Первая лекция была про формирование привычек с точки зрения нейробиологии. Уровни мышления, зачем людям привычки и из чего они состоят.

Состоят они из повторения петли: сигнал, действие, награда.

№16

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

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

Сначала нужно нарисовать колёса. Дальше - обвести внешний контур толстой уверенной линией. Потом более тонкой линией – детали и грани. После этого убрать изображение и дорисовать пропущенные детали, тени и цвет.

Звучит несложно)

№15

В рисовании пера нет ничего сложного. Оно состоит из центрального стержня и опахала вокруг. Ещё можно линиями показать, что опахало состоит из маленьких волокон.

В принципе, всё.

В середине июля 2024 года я на Kickstarter поддержал проект Snap Flow от компании Moft, которая делает всякие интересные аксессуары. Это бумажный блокнот, который крепится сзади к телефону на магнитике. Потом проект долго делали, потом он долго ко мне ехал и вот, в феврале этого года, он наконец-то приехал. Я его распаковал и некоторое время пользовался. Теперь расскажу, что это за штука.

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

UPD: Видосы почему-то каряво приложились, так что в каментах я прислал новые

№14

Итак, лошадка. Лошадку рисовать непросто, особенно если надо чтобы она была похожа на лошадку.

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

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

№13

Для того чтобы нарисовать сову, просто нужно совершить два шага:

1. Нарисовать два овала
2. Дорисовать остальную сову

Если простой способ вам не подходит – начните с глаз. У совы большие круглые глаза, а над ними – строгие брови. Ещё между глазами есть клюв.

Вокруг моськи у совы довольно круглая голова, под ней пухлая тушка, а внизу самое сложное – лапы с когтями.

№12

В рисовании носков главное – поймать форму. Они облегают стопу, поэтому есть вогнутая часть на подошве и над пяткой сзади.

Когда форма получилась – можно добавить деталей: полоски, цветные кончики или пятки.

Всё. Добби свободен!

Я недавно решил потыкать в заброшенные подкасты, на которые подписан, и выяснил, что с октября 2023 года подкаст Два по цене одного ожил и выходят новые выпуски.

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

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

У меня вообще круг общения небольшой, а после переезда в Белград стал ещё меньше, а тут два кореша болтают за жизнь, и я как будто с ними сижу. Помогает.

№11

⭐️ Гостевой пост от @rina_kater

Рисовать кофемашину может и сложно, а вот гейзерную кофеварку попроще. При этом она точно укоренилась в масскультуре, рисуешь мокапот - запахло кофе.

Чтобы нарисовать, я визуально разделила кофеварку на несколько частей:

1. Основа, нижняя часть. Четыре четырехугольника или кривых трапеции.

2. Дуга, которая соединяет верхнюю и нижнюю часть.

3. Оставить место для "носика" и нарисовать продолжение четырех трапеций. Добавить носик и крышку-треугольник.

4. Ручка сбоку и ручка на крышке.

Готово, вы великолепны.

Если хотите написать гостевой пост – пишите мне на sketch@erblack.me

№10

Одно Кольцо покорит их, одно соберет их, Одно их притянет и в черную цепь скует их В стране по имени Мордор, где распростерся мрак.

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

№9

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

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

Самое сложное - нарисовать изгиб пружины.

№8

⭐️ Гостевой пост от tmorrozova!

Киты — огромные и мощные существа, но в то же время в детских книгах они всегда добрые и веселые. Отразим это в разных рисунках.

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

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

Если хотите написать гостевой пост – пишите мне на sketch@erblack.me

№7

Сегодня будем рисовать Будапешт, а именно - здание Венгерского парламента Орсагхаз.

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

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

По наброску понятно, из чего состоит здание, и можно рисовать фундамент. В этот момент надо не переборщить с вертикальными деталями. Вообще во всех зданиях есть вертикальный и горизонтальный ритм, по которому здание можно разделить на слои. Фундамент задаст основные вертикальные направляющие. Левая, правая и центральная башни на переднем плане, а то, что между ними, - на заднем. Линии заднего плана в фундаменте расположены чуть ниже. Если взять ширину центральной башни за 3, то ширина крайних получится примерно 2, а соединений - примерно 4.

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

Дальше крылья. Там есть большие арки, которые зададут вертикальный ритм. Там 14-15 арок. Через 4 арки от центральной башни начинается средняя башня шириной в 5 арок. От неё вниз идёт лестница шириной в 3 арки.

Остались боковые башенки. Они состоят из 5 повторяющихся вертикальных паттернов.

Главное не спешить. Линию за линией, арку за аркой, и всё получится.

Почему бы кому-нибудь из вас не нарисовать очередную картинку для ?

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

Давно хотелось добавить чего-нибудь свежего в нашу рутину, а заодно познакомимся получше!

Присылайте заявки на sketch@erblack.me!

№6

Иногда на скетче надо показать что-то очень низкого качества. Для этого незаменимо старое доброе говно. Пожалуй, на этот раз вместо фото воспользуемся воображением.

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

Последний день воркшопа Design Patterns For AI Interfaces. Про то как встроить AI в существующий проект так, чтобы стало лучше а не хуже.

№5

Заканчивается январь, и заканчиваются зимние темы для картинок.

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

Сперва нарисуем три дощечки. Если хочется добавить красоты - можно сделать их объёмными.

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

Можно ещё крепления добавить и верёвочку.

Четвертый день воркшопа Design Patterns For AI Interfaces. Ещё больше паттернов и классификация задач по уровню неопределённости.

Третий день воркшопа Design Patterns For AI Interfaces был посвящён тому, как улучшить ответ LLM с помощью волшебных слов. Но сперва, конечно, DeepSeek обсудили 😀

№4

Сегодня вместо инструкции небольшой фрагмент культурного кода:

На перемене пионеры из школы вышли покурить И самый бойкий и умелый снеговика решил слепить. К нему другие подключились, бычки о кеды затушив, Уж три урока отучились, а зимний воздух так игрив!

А снеговика вы и без инструкции нарисуете.

Второй день воркшопа Design Patterns For AI Interfaces.

Паттерны управления промптами и, неожиданно, Event Storming.

Прошел первый день воркшопа Design Patterns For AI Interfaces.

Вот что на нем было:

Что люди думают о том, как работает AI, и чем это отличается от того, как он работает на самом деле? Какие ручки управления есть у AI и как они влияют на результат генерации? Почему AI не знает, сколько текста напишет, и как он узнаёт погоду?

№3

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

Форма снежинки зависит от температуры замерзания. Если не очень холодно, получится плоская снежинка, как справа, а если очень холодно – колючая, как слева.

Зарегистрироваться и посмотреть бесплатные воркшопы про скетчи можно по тут: https://sketchnote.school/wsd/. Мой вот тут.

№2

Сегодня будем рисовать шапку-трансформер. Это ушанка. Если уши завязать сверху, можно ходить брутально суровым, как Шварценеггер в "Красной жаре", а если уши опустить - будет очень тепло.

Сперва рисуем переднюю меховую часть шапки. Она прямоугольная, со скруглёнными краями.

Дальше зависит от формы:

Для тёплой версии надо нарисовать боковую и верхнюю стороны шапки и свисающие вниз уши с завязками.

Для брутальной версии - загнутые вверх уши, связанные бантиком.

Каждый год 11 января происходит Международный День Скетчноутов. Это происходит потому, что 11.1 похоже на три ручки.

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

В этом году Скетчноут День для меня особенный. Я буду читать доклад про скетчи на WSD от Sketchnote.School вместе с остальными крутыми скетчноутерами.

Мероприятие бесплатное, зарегистрироваться можно по ссылке https://sketchnote.school/wsd/. Приглашаю всех присоединиться!

№1

С одной стороны, Луна — это просто булыжник, летающий в космосе, покрытый кратерами. Но с другой стороны, Луна — это что-то гораздо большее.

Во-первых, Луна всегда повёрнута к Земле одним и тем же боком. Значит, у неё есть другая сторона, на которой может быть примерно всё, что угодно. От секретной базы печально известного австрийского художника до замка дракона Боузера из Марио. В середине прошлого века, правда, братную сторону сфотографировали, и часть романтики развеялась.

Во-вторых, она светится ночью. Вы когда-нибудь пробовали гулять в лунные ночи в местах без источников света? Там довольно хорошо всё видно.

А ещё на Луне есть такие замечательные места, как Море Спокойствия и Океан Бурь. У меня эти названия рисуют в голове картинки с фэнтезийным романом про длинное путешествие по лунным морям.

Но нам всё ещё нужно нарисовать камень с кратерами. Этим и займёмся.

№52

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

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

№51

Лупа – стандартная метафора для поиска или какого-нибудь расследования.

Рисовать её не трудно. Круглая линза и прямоугольная ручка. Блики на линзе сделают образ более узнаваемым.

№4

Финальная лекция курса. Очень много упражнений для развития лидерских качеств.

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

№50

Типи — это такая индейская палатка. Она состоит из прямых палок, составленных домиком, и натянутых вокруг шкур или парусины. В середине конструкции есть отверстие для выхода дыма, поэтому внутри можно разводить костёр.

Чтобы нарисовать типи, нужно начать с двух пересекающихся сверху палок. Затем аккуратно добавить завёрнутую вокруг них ткань, чтобы было видно отверстие для дыма. Далее нарисовать нижнюю часть, чтобы выглядело, как будто это палки, обёрнутые тканью. И добавить верёвку, которая держит всё это сверху.

№3

Третья лекция курса была в основном про мифы о харизме.

№49

Бриллиант — довольно хитрая конструкция. Сначала я попробовал нарисовать его как на картинке, но получилась каша. Я такое точно не запомню, как рисовать. Пришлось упрощать, а потом упрощать ещё.

Вот что получилось:

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

После этого добавляем горизонтальную линию на стыке сторон.

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

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

№2

Вторая лекция курса чуть более чем полностью состояла из упражнений для расслабления тела и мозга.

№1

Начал ещё один курс. Харизма: как привлекать и вдохновлять других.

Заметки к первой лекции: Как определить свою харизму.

Начало интригующее, только вот я на неделю от курса отстаю :-) Надо догнать.

№48

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

№47

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

Начинаем рисовать шестерёнку с круга. Вокруг круга нарисуем круг побольше пунктирной линией. Остаётся нарисовать над разрывами в пунктире аккуратные зубчики.

№46

Мусорная корзина часто нужна в скетчах в качестве метафоры чего-то ненужного или отработанного.

Рисовать её нетрудно. Просто прямоугольное или круглое ведро с бумажками внутри.

Для узнаваемости можно добавить знак recycling. Это три стрелки, сложенные в ленту Мёбиуса. Символ придумали в 1970 году для обозначения перерабатываемых отходов. Ему самое место на нашей мусорке.

№45

Я настолько привык, что пакет и ведро проигрывают, что забыл посмотреть голосование. Притворимся, что никто ничего не видел.

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

Even if we feel calm and strong most of the time, there might be emergencies where we really need to act with wisdom. During these times, we might fall back into old habits or act on our basic emotions, which might not be helpful.

Sunday: Building a Stoic toolkit

Sometimes, it's not hard to be a good Stoic. But other times, it's not so easy.

Remember the difference between what is really important in life and what only seems important. It'll get easier with practice.

№44

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

We're just flying on a huge rock through the void.

Put your own oxygen mask on first.

Wisdom, courage, self-control, justice – things that help you live more simply and pleasantly.

Your own thoughts and beliefs about others' actions or words cause offense, not the actions or words themselves.

Some things are within our power, while others are not.

№43

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

Нарисуем высокую башню, стоящую среди скал. На вершине поместим стеклянный купол с фонарём. А чтобы маяк было хорошо видно и днём — добавим на него красные полосы. Можно ещё тучки и чаек добавить.

№42

В центре взрыва вспышка. Вокруг неё — облако дыма, а вокруг облака дыма разлетаются осколки. За осколками остаётся дымовой шлейф.

В 2019 году меня заинтересовала книга Массимо Пильюччи «Как быть стоиком», и я решил её прочитать. Из неё я узнал, что стереотипный образ, связанный со словом «стоик», не вполне отражает суть стоической философии. Она гораздо интереснее и, что более важно, практичнее. Мне книга так понравилась, что я даже начал по ней серию скетчей, но пока забросил.

Оттуда же я узнал, что есть такая штука, как «стоическая неделя». Это ежегодное мероприятие, где в течение недели каждый день изучается какая-то стоическая дисциплина. Утром смотришь небольшой ролик или читаешь статью и живёшь день с мыслью о дихотомии контроля, эмоциях или достоинствах. Потом это можно обсудить с кем-нибудь, если вместе решили поучаствовать. Получается довольно интересно.

Если вам хочется узнать, что практичного есть в стоической философии, и вы знаете английский язык, то по этой ссылке можно бесплатно зарегистрироваться и поучаствовать в «Стоической неделе», попробовать на себе практичные суждения стоических философов. Начало 28 октября. Рекомендую!

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

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

An amazing, in-depth talk about flow in CSS.

A talk on how web components won't save the web from poor performance. You still have to think.

This talk is all about the huge difference between @media queries and @container queries.

A talk about a strategic approach in design work.

The talk is about UX writing – the way you communicate with your users.

The talk is about using AI tools for accessibility testing and to fix accessibility issues.

The talk about design systems in AI age.

Когда устанешь, хочется прилечь.

Чтобы нарисовать уставшего человека, я начинаю с головы. Голова лежит на боку, поэтому тело относительно неё немного смещено. Одно плечо прямо возле края, а другое чуть подальше. Потом от плеча под голову идут руки. Уставшее лицо с закрытыми глазами завершает картинку.

Видимо, многие в октябре чувствуют необходимость как-то взбодриться. Смотрите, сколько всего со словом october в названии: Drawtober, Hacktoberfest, Orctober, Booktober. Ну и сегодняшний сабж – Inktober. Работает так же, как HowToDraw, но каждый день, а не каждую неделю.

То, как рисовать бургер, зависит от ингредиентов.

У хорошего бургера внутри должно быть что-то мокрое, солёное и сытное. Рисовать бургер лучше сверху вниз, потому что на рисунке верхние элементы перекрывают нижние. Готовить лучше снизу вверх.

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

Очевидная метафора для цели – мишень. Неочевидные метафоры интереснее, но если надо нарисовать что-то очень быстро, пока идёт доклад, очевидные метафоры всегда под рукой.

У мишени есть яблочко – точка в самом центре и кольца вокруг неё. Обычно чем ближе кольцо к яблочку, тем лучше результат. Раньше стреляли по яблокам, поэтому центр мишени так и назвали.

В чёрно-белой мишени чередуются белые и чёрные кольца. В цветную можно добавить ещё и красные.

Самое большое живое существо на планете – гриб весом 600 тонн. Грибы спасли миллионы людей от смерти. В игре The Last of Us грибы устроили зомби-апокалипсис. Однако все эти знания не помогут нам нарисовать самый обычный гриб.

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

Talk about how to build relationships between designers and developers.

An exciting tale of migrating from Flow to TypeScript.

Talk about how we can use artificial intelligence and what it can tell us about ourselves.

A deep and interesting account of how the Zenko mapping technique can be used to understand the world.

A thoughtful talk about how to create designs that are beneficial for both the environment and people.

A very fast and impressive series of demos about new browser technologies.

An amazing performance showcasing how to create accessible texts using fonts.

This talk shows how new browser features are used for better performance.

A talk on how information was used to create innovations in order to keep up with progress.

This is a report on how to turn big data and charts into accessible information.

The awesome talk describes why smart people become stupid users and how to solve that problem.

A talk about improving performance through simplicity.

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

Простые весы состоят из увесистой платформы, над которой на стойке свободно висит коромысло. На краях коромысла - две чаши.

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

90% массы айсберга находится под водой.

Есть два способа рисовать айсберг. Правильный и неправильный. Неправильный выглядит круче, поэтому я обычно рисую его. Вертикально стоящая глыба льда более явно демонстрирует 90% массы под водой, но бессердечная гравитация обязательно опрокинула бы такой айсберг на бок, так что реалистичная версия – справа.

Если не уверены в правильности своего айсберга, всегда можете проверить его тут.

Зонтик состоит из купола и ручки.

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

Ручка выходит из центра купола вниз и заканчивается крючком. Сверху из купола торчит гвоздь.

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

Опытный программист способен построить дом, используя только костыли.

Bluetooth это стандарт беспроводной связи, работающей на коротком расстоянии.

Так получилось, что стандарт назван в честь короля Гарольда Синезуба, потому что один из авторов стандарта в тот момент интересовался Скандинавией и рунными камнями.

Знак Bluetooth это соединение инициалов Гарольда (ᚼ + ᛒ). Он симметричный. Нужно взять вертикальную черту и разделить на 5 равных частей, потом поставить точки на одинаковом расстоянии слева и справа от черты на уровне ⅕ и ⅘. Остаётся соединить линии, чтобы получился знак Bluetooth.

Обычно знак изображают белым на синем фоне.

Lvl 1 → Lvl 2 → Lvl 3!

Little Ivan уже почти большой)

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

Рисовать её нетрудно, главное передать форму. Внешний контур толстой линией, внутри тонкой линией показать, что она из прозрачного стекла.

Заметки к доклада "Копаем глубже в Feature-Sliced Design" с ЯФронтенд2024

Занятный доклад. Ребята взяли методологию, а то что им не подошло поменяли.

Попробовал делать заметки в Procreate. Всё-таки жутко он мне неудобный.

Запись доклада 🎥

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

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

Катушку на картинке не видно, она внутри. Магнит - черное кольцо слева, а диффузор – внутренняя поверхность корзины динамика.

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

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

Пирамида Дилтса – инструмент для налаживания взаимопонимания. Суть в том, что люди, которые не понимают друг друга, общаются с разных уровней этой пирамиды. В самом низу – окружение, на втором уровне – поведение, на третьем – возможности, на четвертом – ценности и убеждения, на пятом – идентичность, и на шестом – цель в жизни. Если кто-то говорит: «У нас великая цель стать великой компанией», а кто-то другой говорит: «Нам нужно в срок выполнить задачу», им будет сложно договориться, потому что они говорят с разных позиций. Если такое замечаешь, то нужно либо спуститься на уровень вниз тому, кто сверху, либо подняться на уровень вверх тому, кто снизу, либо пойти навстречу друг другу.

К пирамиде было два примера из фильма про Стива Джобса.

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

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

Когда рисуешь ребёнка, главное понять, что у более юных руки и ноги короче, а голова крупнее по отношению к телу.

У младенцев всё примерно одинаково по высоте, ручки и ножки пухлые, на голове причёска, во рту – соска.

Возьмём шесть основных эмоций:

• Радость – брови горизонтально, глаза прищурены, широкая улыбка.
• Страх – брови стрелкой вверх, глаза широко открыты, рот кричит "ААААА!"
• Злость – брови стрелкой вниз, глаза открыты, уголки рта вниз.
• Грусть – брови стрелкой вверх, глаза открыты, уголки рта вниз.
• Удивление – брови высоко подняты, глаза широко открыты, рот кричит "ООО!"
• Отвращение – одна бровь выше другой, глаза зажмурены, рот говорит "БУЭЭЭЭЭ!"

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

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

У верблюда несколько отличительных черт:

Во-первых, усталое лицо. Оно так выглядит, потому что глаза в тени и как будто прикрыты.

Во-вторых, довольно длинная шея.

В-третьих, концы лап напоминают подушки.

А ещё у них на спине горб (или два)!

Собираем всё вместе, и получается верблюд.

Призрака можно представить в виде простыни, парящей в воздухе. Нужно только глаза ей добавить. Можно ещё рот, но это не обязательно.

Самая хитрая часть — это складки внизу. Нужно немного попрактиковаться, чтобы получилось хорошо.

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

Начнем с головы. Она бывает разной формы, но примерно одного размера.

От головы к телу идет шея. Она примерно в три раза длиннее головы.

В нижней части — тело. Оно по высоте как три головы и примерно на полголовы пересекается с шеей. Формы у тела могут быть очень разные: от округлой, как у Fender Stratocaster, до угловатой, как у Gibson Explorer.

Остаётся добавить деталей: струны, колки, резонаторное отверстие для акустической гитары или звукосниматели для электрической.

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

Дополнительной красоты добавляют лепестки и хвостик сверху.

Лук в разряженном состоянии — это упругая палка. Изогнутую форму ему придаёт натянутая тетива. Рисовать его не трудно — дуга с натянутой ниточкой, а рядом стрела для верности.

Если есть больше времени и желания, можно нарисовать композитный лук. Это лук, который состоит из разных материалов и имеет чуть более сложное строение. Такой лук будет помощнее.

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

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

Осталось добавить детали, чтобы было видно, что это руки разных людей.

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

В скетчах рисунки могут быть сколь угодно простыми. Их главная задача – донести идею, поэтому рисовать скетчи может кто угодно, даже те, кто думают, что рисовать не умеют. Попробуем, используя самые простые инструменты: линию, треугольник и прямоугольник, нарисовать Исаакиевский собор (я люблю его рисовать).

Я собрал все составные части будущей картинки в кучку просто для красоты, вам это делать не обязательно. Начнём:

1. Нарисуем вытянутый горизонтальный главный прямоугольник. Если у вас листок в клеточку – это примерно 4 на 12 клеток.
2. Добавим по вертикальному прямоугольнику слева и справа.
3. Теперь нарисуем треугольник так, чтобы он верхней точкой был точно по середине верхней стороны главного прямоугольника.
4. Возле нижней стороны прямоугольника нарисуем три линии. Верхняя будет шириной с треугольник, средняя пошире и нижняя ещё чуть шире.
5. Соединим верхнюю из линий с нижней стороной треугольника восемью толстыми линиями, расположенными на одинаковом расстоянии друг от друга.
6. Теперь поставим два небольших вертикальных прямоугольника на верхнюю сторону главного, так чтобы их уголки были почти над углами треугольника.
7. Разрежем маленький круг на две части и разместим их на макушке этих двух прямоугольников.
8. Разместим на середине верхней стороны главного прямоугольника горизонтальный прямоугольник средней толщины.
9. Поставим на него колонны. Чтобы купол выглядел объёмным, расстояние между центральными колоннами должно быть чуть больше, чем между крайними.
10. Над колоннами надо положить такой же по ширине, но более тонкий горизонтальный прямоугольник.
11. Сверху на тонкий положим более узкий, но более толстый прямоугольник.
12. Сверху добавим большой полукруг главного купола.
13. Самый маленький вертикальный прямоугольник поставим сверху на купол.
14. Накроем его самым маленьким полукругом.
15. Добавим деталей по вкусу: крестики, линии, окна.

Самое классное, что если у вас получились какие-то другие пропорции у фигур, то получился какой-то другой собор!

Научный фестиваль Ноосфест. Ася Казанцева рассказала про креативность.

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

Научный фестиваль Ноосфест. Анна Иванова рассказала про медицину.

Научный фестиваль Ноосфест. Ольга Косникова рассказала про еду.

Митап — это неформальное собрание профессионалов для обсуждения рабочих тем и обмена опытом.

Для того чтобы нарисовать митап, воспользуемся домашними заготовками. Возьмём спикера из 👥 комьюнити. Соберём стенд из простых запчастей. Добавим несколько 🪑 стульев и развернём их лицом к спикеру. Рассадим на них зрителей. Претворимся, что мы на митапе разработчиков игр, и добавим на слайд 🎮 геймпад.

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

Смотрите…

То приближается Великий А’Туин, черепаха, медленно плывущая по межзвездному проливу. На Ее могучих ластах инеем застыл водород, Ее гигантский и древний панцирь изрыт метеоритными кратерами, а глаза величиной с два моря, покрытые слизью и астероидной пылью, неотрывно глядят в сторону Цели.

• Крайне важно помнить что у космических черепах, также как и у морских, на лапках нет коготков и они больше похожи на ласты. А ещё у них нет хвоста.

Подключился на Sketch Society Hangout. Там Mike Rohde рассказывал про буквы.

Нарисовать фотографию не так просто. Можно обвести прямоугольником картинку, но это не сделает ее фотографией. Это может быть картина или открытка. А как сделать именно фотографию?

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

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

Today’s Belgrade JS is all about java script gotchas)

Я начинаю рисовать черепашку с панциря. В передней части надо оставить выемку для головы, потом лапки и нижний панцирь. Между верхним и нижним торчит голова. Её всегда можно удобно спрятать внутрь.

Карта — изображение местности. Она обычно большая, чтобы её было удобно носить, её складывают несколько раз. Поэтому карта ассоциируется со сложенной бумагой, на которой видно местность или хотя бы маршрут. Лучше всего, чтобы маршрут вёл к секретному кладу или, как минимум, к таинственной пещере с приключениями. Иначе зачем вообще эта карта?

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

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

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

Небольшой бортик идёт по козырьку и опоясывает всю каску. Это чтобы вода, капающая сверху, не стекала за шиворот.

Ещё у каски есть специальные места для крепления наушников по бокам и рёбра жёсткости сверху.

Заметки к десятому вебинару курса Как убеждать людей и побеждать в спорах.

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

Важно, на кого нацелен питч. Кто будет решать, что делать. Не менее важно, каким питчером можете быть вы.

Доклад про то, как поднять отказоустойчивость не за пять лет, а за полгода. Для этого надо выбрать правильные фокусы и немного под другим углом посмотреть на классические практики, вроде определения root cause и генерации action items.

Когда вы в последний раз видели конверт? Я недавно, мне в нём пришёл счёт за интернет. Интересно, станет ли когда-нибудь ✉️ только символом для письма, а не самим письмом, как 💾?

Конверт прямоугольный. У него есть два треугольных уголка, пересекающихся в центре.

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

Первый BelgradeJS был посвящен будущему веба.

К докладу про htmx подключился сам Carson Gross. А ещё был доклад про hotwire и 🍕 с 🍺.

Заметки к девятому вебинару курса Как убеждать людей и побеждать в спорах.

Эристический спор – это спор не на жизнь, а на смерть. В нём нужно бороться за время, пространство для манёвра, единство позиции, владение информацией, инициативу и внимание.

Делать это можно огромной кучей приёмов различной степени честности и допустимости.

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

Когда клюв готов, добавляем полукруг головы, а за ней — крыло.

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

Остаётся добавить хвост, лапки и черную бусину глаза.

Заметки к восьмому вебинару курса Как убеждать людей и побеждать в спорах.

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

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

Выгорание — это эмоциональное, физическое и умственное истощение от длительного стресса.

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

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

Берегите себя.

Заметки к седьмому вебинару курса Как убеждать людей и побеждать в спорах.

Аргументы можно соединять тремя способами:

1. Кумулятивно. Это когда они все вместе, понемногу, но одинаково доказывают тезис. Тут потеря аргумента ослабит позицию.
2. Последовательно. Это когда один аргумент поддерживает второй, а второй — третий, а третий уже держит тезис. Тут потеря аргумента всё обрушит.
3. Параллельно. Это когда каждый аргумент доказывает тезис своим независимым способом. Тут потеря аргумента не страшна.

Аргументы в начале и в конце речи лучше усваиваются и запоминаются, так что самые сильные лучше ставить туда.

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

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

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

Крошки, которые остались на столе после этих экспериментов, можно тоже добавить на скетч.

Заметки к шестому вебинару курса Как убеждать людей и побеждать в спорах.

Убеждения человека можно разделить на несколько слоёв.

В самом центре — ядро, это фундамент, на котором держится мировоззрение и личность человека. Его невозможно изменить аргументами. Спорить с ним бесполезно.

Вокруг ядра — защитный слой. Он призван оберегать ядро. Человек скорее согласится, что 2 * 2 = 5, чем прислушается к аргументам против убеждения из этого слоя. Их лучше обсуждать косвенно, а не в лоб.

На периферии находятся менее значимые убеждения, которые можно обсуждать свободнее. К таким убеждениям, например, относится убеждение, что Стамбул — столица Турции.

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

В качестве живых существ подойдут люди. Вот три способа их рисовать:

Самый простой – люди-коробки. Рисуем четырёхугольное тело, добавляем ручки, ножки и голову. Получаются люди. Индивидуальности человечкам можно добавить, сделав им разные прически и позы. Жесты руками-линиями передать довольно просто.

Люди-звёзды – сложнее. Их я начинаю рисовать с головы, а потом – против часовой стрелки: левую руку, ноги и правую руку. Диапазон поз у них примерно такой же, как у коробок, но можно добавить больше деталей в одежде.

Самые сложные из тройки – угловатые люди. Их я тоже начинаю рисовать с головы, но с шеей. К голове добавляем тело. Проще всего рисовать его короткими прямыми линиями, поэтому люди получаются угловатыми. У них можно детально проработать позы и жесты. Я беру фотографию или смотрю на себя в зеркало, чтобы найти правильное положение рук и ног. Тут уже надо попрактиковаться. Сложенные на груди руки, например, заставили меня попотеть.

Теперь займёмся социально значимой характеристикой, которой комьюнити отличается от просто толпы людей. Самое простое – добавить им внешний признак этой характеристики. Деталь одежды, шапку или прическу.

Я добавил логотипы компьютерных игр на одежду, и теперь перед нами комьюнити фанатов Doom, Quake 2 и Half-Life.

Заметки к пятому вебинару курса Как убеждать людей и побеждать в спорах.

Есть быстрое и медленное мышление (подробнее). Быстрое работает всегда, но часто ошибается. Логично, что логические уловки нацелены именно на быстрое мышление.

Суть атаки – не дать заметить, что атака происходит. Сделать так, чтобы медленное мышление не позвали принимать решение. Чтобы уловку заметить, нужно научиться видеть красные флажки в этосе, логосе и пафосе собеседника. Чем их больше – тем важнее задуматься.

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

Плитка шоколада – прямоугольник 4 на 6 клеток.

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

Ещё можно самой плитке придать объёмности добавив грани.

Заметки к третьему вебинару курса Как убеждать людей и побеждать в спорах.

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

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

Корабль на воде постоянно двигается. Ветер и течение тянут его в разные стороны. Чтобы как-то зафиксировать положение, нужен якорь и цепь.

Цепь большая и тяжелая, она держит корабль. Якорь в основном помогает вытаскивать цепь. Он выполнен в форме плоского крючка, чтобы цепляться за дно, когда его волокут горизонтально и свободно подниматься, когда его тянут вертикально вверх.

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

А рисовать якорь вот как: сверху – колечко, внизу – две лапы. Можно для объемности добавить грани.

Заметки к третьему вебинару курса Как убеждать людей и побеждать в спорах.

Доверие строится на компетентности и рассудительности, а ещё на балансе между пассивностью и агрессивностью.

№ 6

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

Я знаю два вида тени и два способа её рисования.

Первый вид тени – отбрасываемая тень. Это тень которую ты видишь перед собой, когда стоишь спиной к солнцу в солнечный день. Она лежит на полу под объектом. В скетче для простоты я всегда рисую такую тень в виде овала.

Второй вид тени — внутренняя тень. Это тёмная половина объекта, освещённого с одной стороны. Чтобы сделать такую тень, нужно включить фантазию и мысленно посветить на объект фонариком. Ту область, на которую свет фонарика не попадает, нужно затемнить. Я обычно небольшой кусочек объекта слева закрашиваю и всё. Тут ещё есть сложность с передачей формы. Если фонарик светит на шар, то внутренняя тень будет толще посередине и тоньше по краям.

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

Ещё один способ добавить плоскому объекту объём – пришлёпнуть ему грани. Посмотрите на надпись 3D на рисунке. Сперва я нарисовал плоскую 3, потом добавил к каждому углу по одинаковой палочке, а потом – соединил все эти палочки. Получилась как-бы трёхмерная тройка. С угловатыми объектами вроде буквы T это очень легко с делать, там всё под прямым углом, а с округлыми вроде той же 3 нужно наловчиться соединять палочки плавной кривой. Самая сложная для меня – буква S. Свет падает на переднюю часть объекта с гранями, по этому грани я всегда закрашиваю тенью.

Ну вот, ничего хитрого. Немного практики и ваши плоские картинки научатся притворяться объемными)

№2

Заметки ко второму вебинару курса Как убеждать людей и побеждать в спорах.

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

Ещё важно учитывать кто именно будет оценивать честность и весомость тезиса - аудиторию.

№5

Жила-была Yiying Lu. Она очень любила пельмени.

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

Yiying Lu не растерялась, основала компанию0 Emojination, собрала на кикстартере денег, нарисовала картинки и внесла предложение в консорциум. И теперь у нас есть эмоджи с пельмешкой. Вот она: 🥟.

Yiying Lu молодец. В честь этого давайте тоже нарисуем по пельменю!

Решил в этом году научиться более конструктивно (и менее деструктивно) общаться. Для этого купил себе курс Как убеждать людей и побеждать в спорах от Level One.

Запутался в часовых поясах, так что купил курс через полчаса после первого вебинара и посмотрел только сегодня.

Курс ведёт Виктор Горбатов. Первое занятие хорошо зашло)

№4

Лист напоминает маленькое дерево, у него тоже есть ветки.

Можно начать рисовать с каркаса из веток. У основания он толще, ближе к концам – тоньше.

После этого нужно только обвести каркас на небольшом расстоянии линией средней толщины.

В сентябре прошлого года я поддержал на Kickstarter проект ручки Exlicon. Сегодня она приехала.

Ручка отличная, и рисовать ей действительно приятно.

Треугольную ручку очень удобно держать в руке. Она шершавая и приятно тяжелая. В комплекте шел стержень Pilot 0.5 Extra Fine, который сохнет довольно быстро.

Однако, магнитный колпачок оставляет – не очень. Магнитится он хорошо, но держится не жестко. Если его потыкать пальцем, он шатается. Это не мешает, но создает ощущение хрупкости.

№3

В Германии вкусные сосиски. Особенно с пивом и горчицей.

Рисовать их просто. Можно немножко изогнуть и добавить узелки на кончиках, чтобы было больше похоже.

№2

Монстр-трак – безумная штуковина с огромным двигателем, гигантскими колесами и пространственной рамой. Он может подпрыгнуть на трамплине, пролететь 50 метров, приземлиться на передние колеса и выжить. Интересно было бы посмотреть на это вживую. Первый раз я увидел его в фильме "Няньки". А сейчас мой сын любит залипать в Monster Jam на YouTube.

Начнем рисовать с колес. Они очень большие, в основном за счет резины.

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

Теперь нарисуем раму. На ней держится корпус и подвеска. В задней части надо оставить место для двигателя (у монстров он там).

Осталось добавить двигатель и всякие мелкие детали, такие как окна и фары.

Мои заметки с воркшопа Sketchnote School.

It's 8th Annual World Sketchnote Day!

On this occasion, the Sketchnote School will make a small event with workshops. I'm going to participate. If you are interested, here is the registration link.

№1

Моя любимая собака – Громит. Он пластилиновый, его легко рисовать.

Я начинаю с головы. Она похожа на картофелину. Потом добавляю глаза, нос и уши.

Дальше – самое сложное – спина и задние лапы. От них живот к передним лапам. И в конце – хвост.

Чтобы казалось, что Громит виляет хвостом, можно добавить небольшие штрихи.

№52

Вот он! Главный скетч года! Самая долгожданная картинка, продержавшаяся в голосовании 16 недель!

Ручка.

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

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

Ещё на колпачке есть клип, которым его можно зацепить за край блокнота, или карман рубашки, как у avgn.

Моё комбо сошлось) это последняя картинка 2023.

№51

А вот и долгожданный маркер) Есть колпачок, чтобы он не высох. Есть колпачек с задней части, чтобы можно было починить, если всё же высох.

В моём маркере широкий кончик, чтобы рисовать широкие линии, но можно выбрать любой)

Как сделать видеоигру за неделю? Хотя бы маленькую.

Придумать

Для начала нужно решить, что это будет за игра.

Пусть это будет что-то навеянное первым "Fast and Furious", "Need for Speed Underground" и "Initial D" – гонки.

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

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

С видом сверху будет хорошо видно, какая машина впереди. Буду делать двухмерную гоночную игру про драгрейсинг с видом сверху.

Разобраться

Машина двигается, потому что колеса крутятся. Чем быстрее они крутятся – тем быстрее она двигается.

Работает примерно так: двигатель крутит коробку передач, коробка передач в свою очередь крутит колеса.

На сколько быстро двигатель будет крутиться зависит от его мощности. При этом мощность двигателя зависит от скорости с которой он крутится. При 1000 оборотов в минуту мощность одна, а при 3000 уже другая. Зависимость нелинейная, её обычно графиком показывают (BHP - мощность, RPM – обороты).

В коробке передач есть шестерёнки разного размера. Одна связана с двигателем, а другая – с колесами. Изменяя размер шестерёнок, можно контролировать, насколько легко двигатель вращает колеса. Если шестерёнка колес вдвое больше двигательной, то на один оборот двигателя колесо сделает половину оборота. Если они одинаковые, то один оборот двигателя поворачивает колесо один раз. Эта система помогает двигателю сдвинуть машину с места (на первой передаче шестерёнка двигателя меньше), а затем машина может быстро разогнаться (на последней передаче шестерёнка колёс меньше).

Например, передаточные числа коробки передач Nissan GTR R34:

1. передача: 2.97 – шестерёнка колес почти в 4 раза больше двигательной
2. передача: 2.07 – шестерёнка колес всё ещё сильно больше
3. передача: 1.43 – колеса в полтора раза медленнее
4. передача: 1 – можно сказать что двигатель напрямую соединен с колесами
5. передача: 0.84 – колеса крутятся быстрее двигателя
6. передача: 0.56 – ну вы поняли

Двигатель крутится с частотой от 0 до 8000 оборотов в минуту. С помощью передаточного числа можно перевести обороты двигателя в обороты колёс. Зная диаметр колеса и обороты, можно вычислить скорость. Для игры этого будет достаточно.

Кривые Безье

Мощность двигателя нелинейно зависит от оборотов.

При переключении передачи вверх обороты двигателя падают, потому что шестерёнка колес становится меньше, и для той же скорости нужно меньше оборотов. На графике мощности (BHP - мощность, RPM – обороты) верхняя точка дуги – место, где разгон самый быстрый. Если в этот момент переключать передачу – получится быстрее разогнаться. На поиск этого момента и будет построена игра.

Осталось придумать, как задать эту нелинейную зависимость изменения оборотов от времени. Я подумал про параболу, гиперболу и даже модуль арктангенса. Но это всё негибко, на самом деле мне нужны были Кривые Безье.

Их придумал Пьер Безье, чтобы делать плавные изгибы кузовов Peugeot.

Нам понадобится кубическая версия кривой. Она задаётся четырьмя числами. Первое – начальное значение, четвёртое – конечное значение, второе и третье – параметры траектории движения между начальным и конечным значениями.

Представьте отрезок, по которому с постоянной скоростью двигается точка. В 0% времени она в начале отрезка, в 100% – в конце. За 1% времени она пройдёт 1% длины отрезка.

Соединим такими отрезками точки: первую со второй, вторую с третьей, третью с четвёртой.

Теперь у нас есть три отрезка, по которым ездят точки на 1% длины за 1% времени. Соединим отрезками эти три точки. Получится ещё два отрезка. Остаётся соединить их точки последним отрезком. Точка на нём будет двигаться по плавной кривой, которая нам нужна.

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

Графика

Обычно я картинки для игр в интернете ищу, но в этом году решил графику сделать сам.

Выбрал машины для гонки:

• Mitsubishi Eclipse D30
• Toyota Supra A80
• Mazda RX7 FD
• Nissan Skyline GTR R34

Нарисовал длинный город с дорогой.

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

А вот спрайты для приборной панели и выхлопа:

После этого осталось собрать всё вместе и научить работать.

🎮 Вот что получилось.

Чтобы начать игру первый раз надо решить головоломку с коробкой передач в заголовке.

Играть можно и с телефона и с компа.

Если интересно, как работает внутри – вот исходный код на GitHub.

№50

Я выбрал самый сложный способ нарисовать ёлку. Надо нарисовать ствол. Вокруг ствола нарисовать ветки. Вокруг веток нарисовать веточки поменьше. А потом покрыть все ветки, веточки и ствол иголками.

Если недостаточно веток и иголок, то можно добавить на переднем и заднем плане ещё веток, веточек и иголок.

Ещё можно украсить ёлку шариками и звёздочкой.

№49

Рисовать пиццу не трудно. Она состоит в основном из кругов. Большой круг линией потолще – внешний край. Внутри него круг линией потоньше – внутренний край. В принципе на этом можно остановиться. Закрасить середину желтым сыром а край – оранжевым тестом. Получится пицца с сыром.

Но можно пройти дальше. Добавить внутрь несколько маленьких кружков колбасы. Получится пицца с пепперони.

Если вам и этого мало – добавьте колечек оливок и грибы (грибовидной формы). Можно даже треугольники ананасов добавить, если убеждения позволяют.

Ещё можно кусочек пиццы вырезать и немного выдвинуть. Если пицца свежая, а сыра в ней много, то он потянется за кусочком.

Закончился второй день день транснациональной конференции YaTalks 2023.

Я осилил шесть докладов.

7. Свой среди чужих: опыт адаптации в других культурах (Александр Ложечкин)
8. Как создаются прорывные продукты: взгляд предпринимателя (Фёдор Овчинников)
9. Ты говоришь, что им делать, а они делают что хотят (Алексей Штоколов)
10. Как AI может спасать жизни: искусственный интеллект меняет будущее медицины (Андрей Чурсов)
11. Этика AI, или Взрослые теперь мы (Александр Крайнов)
12. IT в эпоху квантовых компьютеров: будущее уже наступает (Алексей Фёдоров)

Закончился первый день транснациональной конференции YaTalks 2023.

Я осилил шесть докладов.

1. Ускоритель в масштабе планеты: как инженеры управляют временем (Алексей Гусаков)
2. Правила разработки: когда качество переходит в количество (Арслан Урташев)
3. Тернистый путь в open source (Андрей Мелихов)
4. Виджет Android vs виджет iOS (Анна Жаркова)
5. DevOps-путь в 16 лет — куда мы идём? (Евгений Харченко)
6. Практические аспекты обучения диффузионных моделей на примере YandexART (Сергей Овчаренко)

Завтра будет ещё.

№48

В яхте главное соблюсти пропорции.

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

Почти по середине, но чуть ближе к носу – мачта. Мачта очень высокая, длиннее корпуса. От нижней части мачты в сторону кормы торчит палка, она называется гик. От гика к основанию мачты идёт более тонкая палка – оттяжка гика.

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

От верхушки мачты к носу и корме натянуты тросы – форштаг и ахтерштаг соответственно.

Теперь паруса. Между мачтой и гиком поднят грот – главный парус. На форштаге поднят стаксель, или ещё какой-нибудь модный парус.

Осталось добавить немного деталей: лееры (тросики чтоб за борт не выпасть), утки (чтобы верёвки вязать), подруливающее устройство и крепление для якоря в носовой части, штурвал и иллюминаторы.

Яхта готова)

№47

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

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

Теперь можно добавить дверь и бойницы (окна).

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

Башня готова ✍️.

№46

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

Нужно попробовать несколько раз, а потом выбрать тот что больше понравится. Мне вот понравилась версия, в которой один верхний полукруг немного заходит на второй. А вам?

Final day. A toolkit.

Мы с ТМ участвовали вместе. Было интересно пить вместе кофеёк, обсуждать цитаты и находить им применение в повседневной жизни.

А ещё – мои картинки включили в материал курса)

Sixth day. Stoic it up!

№45

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

Сложнее нарисовать кисточку, которая красит. У неё ворсинки изогнуты, поэтому верхний край пучка чуть длиннее чем нижний.

Friday: Seeing the bigger picture

One night I realized that the milky way is a view for the disk of the galaxy from the inside. It was cool.

Thursday: Caring for ourselves and others

Wednesday: Character and Virtues

Tuesday: Emotions

Monday: Control

№44

Самокат состоит из двух колёс, соединенных декой. От переднего колеса вверх уходит рулевая стойка.

У электрического самоката под декой батарейка, поэтому она потолще.

У меня когда-то был такой как на картинке, я на нем на работу ездил)

№43

У компьютерной мыши есть две кнопки и колёсико. А ещё могут быть четвёртая и пятая кнопки сбоку.

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

Ещё у раньше у мыши был хвостик. Но он всем мешал, по этому теперь у неё батарейки.

Вот как рисовать мышь: берём что-то вроде овала, в верхней части добавляем прямоугольник (колесо), слева и справа от него обозначаем кнопки. Можно ещё добавить кнопки сбоку, если хочется.

№42

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

Можно добавить молнию посередине и + и -. Так точно будет ещё больше на батарейку похоже.

Ещё можно добавить объёма, если плоские грани сверху и снизу заменить овалами, чтобы прямоугольник стал похож на цилиндр.

Q3

Третья четверть прошла, осталась последняя.

@Simcha_N традиционно не пропускает ни одной недели! 🤘

У @xapykc и @fruxx остались 🪗 и 🥊. 👍

@tmorrozova с тебя ниндзя на диване в солнечных очках и боксёр, играющий на баяне в казино 🤣

@rina_kater и @thekesha набирают обороты) ✌️

@kraysent, давно тебя не видно, всё хорошо? Только 🔑

@metgalos, добро пожаловать! 🌵

Держаться всё труднее, но осталось уже не так много. 🤞

№41

Увидел недавно в интернетах интересный способ рисовать палец вверх. Сперва рисуешь сприраль, потом дорисовываешь витки сприрали до четырех пальцев и добавляешь серху большой палец.

№40

Медаль – это просто круг. Можно сделать её симпатичнее, добавив тонкую рамку по краю. Ещё можно придать объём, добавив полукруг сбоку.

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

Внутри медали можно написать цифру или нарисовать звёздочку, а можно вставить туда боксёрскую перчатку или даже баян. Смотря за что медаль 🙂

№39

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

Ещё хорошо бы оставить пустое место между большим пальцем и кончиком перчатки. Чтобы это получилось надо делать перчатку вытянутой. В наброске у меня варежка получилось, а в скетче – получше.

№38

У баяна клавиатура, на которой играют мелодию кнопочная, а у аккордеона – клавишная. Клавиатура для аккомпанемента кнопочная у обоих.

Между левой и правой клавиатурами расположен мех. Он нужен чтобы гонять воздух через голосовые планки и издавать звук. Внешне напоминает веер.

Собераем все три части вместе. Добавляем деталей. Баян готов!

[:|||||||||:]

Четвертый раз сходил на встречу @sketchinginbelgrade. Вид со второго этажа Red Bar.

№37

Чтобы получить игральную кость, нужно нарисовать куб.

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

Осталось правильно расставить точки. Их нужно ставить так, чтобы сумма на противоположных гранях была равна 7.

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

Заметки из поездки в Черногорию. К ним карта.

№36

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

👤 📆 🔄& 🔛🥉9️⃣

№35

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

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

Поучаствовал позавчера в невероятно дружелюбном событии EtoYa. Клёвые люди рассказывали что-то важное про себя и про то, как они понимают мир вокруг.

1. Бранка Величкович
2. Александр Свешников
3. Стас Антипов
4. Соня Бахметьева
5. Артемий Козлов
6. Я

№34

Итак, кактус. Кактус не так прост, как кажется на перый взгляд. Да, он конечно перевёрнутая колба в горшке. Но у этой колбы есть грани, из которых торчат колючки.

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

Теперь нужно нарисовать горшок. Чтобы кактус не выглядел плоским, горшок должен начинаться выше края кактуса (на скетче правильно, а в наброске неудачно). Сам горшок простой прямоугольник с немного искривлёнными краями.

Остаётся добавить иголки, и кактус готов!

№33

Сегодня рисуем наушники. Чашки должны быть симметричными, по этому я предпочитаю начинать рисовать с них.

В принципе достаточно нарисовать два прямоугольника под углом друг к другу и соединить дужкой. Уже будет понятно что это наушники.

Я добавил немного перспективы, прорисовав амбушюры и внутреннюю часть, повёрнутую к нам.

№32

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

Ключи бывают разные. Я взял картинку с ключом, у которого одна сторона гладкая, а другая – с зубчиками. Зубчики должны совпасть с выемками в замке, чтобы он открылся.

Заканчивается ключ треугольным кончиком.

Помнете Little Ivan, меха с повышенной маленькостью? Если не помните то вот ссылка.

Представляете, уже год прошел. Пора делать вторую версию. Встречайте Little Ivan MK2!

№31

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

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

Потом под бантиком нарисуем крышку коробки в виде очень плоского параллелепипеда. Под крышкой – коробка. Она должна быть чуть меньше, чтобы вертикальные линии с крышкой не совпадали.

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

Заметки с мастеркласса по нетворкингу. Про то как общаться с людьми на конференциях.

№30

Самое сложное в рисовании компаса – нарисовать ровный круг. Потом внутри круга надо поместить ромбик, разделённый посередине и всё, компас готов.

Если хочется большего? Тогда надо добавить N E S W по кругу. А если и этого мало, тогда между ними вставить ne se sw nw! Но это уже не обязательно.

Нужно сделать быстрые продуктовые и медленные платформенные команды. Продуктовые команды будут смело и энергично развивать продукт. А матёрые платформенные команды будут стабилизировать и развивать enterprise и удачные эксперименты велосипедистов.

№29

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

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

№27

Ниндзя – шпионы и убийцы из древней Японии. Ночью ниндзя носят тёмную одежду, чтобы их не видно было. А ещё есть цветные ниндзя из Mortal Kombat.

Попробуем нарисовать ниндзю в тёмном кимоно и с мечом. Чтобы понять, как правильно нарисовать тело, нужно сперва палочками построить скелет, а потом обвести и добавить деталей. Я после такого наброска рядом перерисовал то же самое уже без скелета. Ещё можно скелет карандашом рисовать, а потом стереть.

Прошла вторая четверть года. Подведем промежуточные итоги.

@Simcha_N, @xapykc вместе со мной не пропустили ни одной недели! 🤘

@fruxx, @kraysent и @tmorrozova.немного отстали, но ещё успеют догнать. 👍

@rina_kater, @Sofi_Fast, добро пожаловать! Рисуйте ещё! ❤️

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

Ни?#$ не понял, но очень интересно.

№27

Лето в разгаре. Давайте рисовать очки.

Я предлагаю начать с линз. Они симметричные, поэтому можно тоненько карандашом сделать сетку и рисовать по ней. Главное место для носа оставить.

Оправа бывает толстая пластиковая и маленькая железная. Я пластиковую нарисовал. Для этого просто обвёл линзы с отступом. Для металлической можно просто соединить линзы толстой линией.

Остаётся дужки добавить и получатся очки.

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

№26

Цветные бумажки для приклеивания на стену просто квадратные. Чтобы добавить им натуральности, можно загнуть уголок, или всю нижнюю часть закрутить.

Иногда sticky notes не такие уж sticky. Тогда приходится фиксировать их скрепкой, прищепкой или гвоздиком, как вам больше нравится.

Я нарисовал эскиз, а @kolosovmuralstudio перенёс его на стену.

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

№25

Попкорн получается из кукурузы, когда она взрывается изнутри под давлением водяного пара. Для этого кукурузу надо нагреть. Причем 100 градусов не достаточно, нужно 180, так-как вода под давлением кипит при более высокой температуре. Это знание никак не поможет нарисовать попкорн, зато интересно.

Для начала нарисуем ведёрко. Можно просто прямоугольник.

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

После того как наполните ведро, добавьте пару кусочков рядом. Так будет душевнее.

Ускорение разработки гигантского монолита на ruby через запиливание аккуратного движка сайта на nodejs.

Понравилось как был аргументирован выбор конкретного решения: "Решение должно быть минимально достаточным".

• Не делать меньше чем требуется, иначе оно не решит проблему.
• Не делать больше чем требуется, иначе на реализацию не хватит ресурсов.

№24

Лето в разгаре ☀️. Пора рисовать арбуз!

Снаружи он круглый, зелёный и полосатый. Внутри - красный, с семечками.

Чтобы было видно и снаружи, и внутри, вырежем из круглого арбуза полукруглую дольку.

Как в суровом энтерпрайзе с архитекторами и аналитиками продолжать развивать продукт?

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

№23

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

Чтобы нарисовать Форд, нужна картинка с Фордом. Если вы меня знаете, то точно знаете какой форд я выберу)

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

Звучит не сложно)

Попал тут на днях на воркшоп Фёдора Васильева про культурный интеллект.

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

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

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

Рекомендованные книжки:

• 📕 От Великой стены до Уолл-Стрит
• 📗 Карта культурных различий
• 📘 География мысли

№22

А вот и книга.

Как-то я решил послушать тридцать аудиокниг за год. Оказалось что это очень просто и к апрелю книги кончились. Тогда я увеличил цель до 100. К концу года послушал все 100 и ещё успел переслушать 10 самый клёвых. Офигенно было.

Но вернёмся к картинке. Книга состоит из обложки, страниц и закладки.

Верхние страницы ближе к краям почти прямые, а ближе к центру изгибаются. Те что возле обложки – всё время прямые.

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

Закладка добавляет няшности, в большую книгу я её добавил, в маленькую – не влезла.

Джуны могут учиться по курсам и книжкам. А вот дальше уже не так очевидно.

В первой части доклада Вероника рассказывает как помочь тем кто хочет, а во второй – тем кто не хочет. Для каждого варианта есть набор решений и несколько баек из опыта.

№21

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

Я начинаю рисовать сверху в низ. Сперва овал и потом две симметричные линии по краям – чаша.

Потом подставка. Из кубка должно быть удобно пить вино, по этому обойдёмся без прилепленной снизу деревянной подставки, как на картинке. Оставим только металлическую.

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

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

В докладе описана история поиска подходов к оценке, приоритезации и решению технических задач.

№20

В Абу-Даби я пока не был. Посмотрел, что там есть и нашел Мечеть шейха Заида.

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

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

Сама мечеть белая, поэтому остается только тени добавить, чтобы объем лучше чувствовался, и готово.

Решил попробовать собрать в шрифт буквы, которые рисую в скетчах про путешествия.

• Нарисовал каждую буковку на айпаде
• Подредактировал в inkskape
• Оптимизировал в svgo
• Загрузил в glyphrstudio

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

И тут его на заголовки поставил 👆.

№19

Стул в профиль нарисовать довольно легко. Как-то так: "h". Но так сложно понять что это стул, поэтому попробую нарисовать немного под углом.

Пять лет назад мы с ТМ приехали в Будапешт на выходные. Пришли завтракать в Zoska.

Там был стол со стикерами и карандашами, чтобы все желающие могли написать что-то и оставить на память.

Я нарисовал T&T и улыбку и приклеил на лестнице. Подумал: «Будем тут в следующий раз – найдём», не особо рассчитывая на это.

И вот через пять лет мы приехали в Будапешт и пошли завтракать в Zoska, а наш стикер как висел над лестницей, так и висит :) Только выцвел очень.

Если вдруг будете в Будапеште – загляните проверить, как он там.

№18

Много денег. Целый мешок.

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

Когда мешок стоит на земле, уголки загибаются, и получаются маленькие треугольные лапки.

Рыжий кот

Большой обзор направлений развития в общем. Хард скилы и софт скилы. Развилка менеджмент/техногуру.

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

Посоветовала getmentor.dev, если застрял в развитии и не с кем это обсудить.

№17

Котик – сложная геометрическая фигура. Треугольные уши на круглом лице. Треугольный нос между круглыми щеками и глазами. И это только голова.

Когда котик сидит, передние лапы ровненько стоят перед ним. Чем толще котик, тем шире стоят лапы.

Задние лапы чуть дальше и немного за передними. Сбоку торчит толстый хвостяра.

Догмы это плохо. Не бывает решений, которые хороши сами по себе.

Разные решения подходят для разных ситуаций. Нельзя выбирать ооп/флп/solid/микросервисы, потому что так писал очень умный и уважаемый персонаж в прошлом веке. Даже если он был бородатый.

№16

Кассеты. Носители информации из далёкого прошлого. Сейчас уже вымерли. Пока не стали винтажными как пластинки. Могут и не стать.

Аудиокассеты использовались не только для аудио. На них даже игры распространялись.

Рисовать их просто. Они состоят из кругов и прямоугольников. Если удастся соблюсти пропорции – всё получится.

Давным-давно, где-то в 1995 у инженеров apple появилась идея сделать спецификацию для описания структуры и содержимого сайта. Назвали её Meta Content Framework. Хотели сделать на основе этой штуки мощную 3D навигацию по сайту как в киберпанке. Идея не взлетела, но один из авторов ушел в Netscape и развил её там в Resource Description Framework (RDF), первая R из которого это по совместительству первая буква в RSS.

У RSS есть три разных расшифровки, но суть одна. Это механизм получения статей с сайтов. Можно подписаться на интересные новости, бложики и статьи, и читать их в специальном приложении. В золотые годы RSS, давать ссылку на фид было хорошим тоном для любой платформы и издания. Читалки выпускали отдельными приложениями, встраивали в браузеры, а у google был целый Google Reader. Пик популярности у формата был где-то в 2005.

А потом мир сдвинулся с места, пришел фейсбук с алгоритмической лентой, издатели решили что бесплатно делиться контентом им не нравится. Веб стал централизованным. Популярность RSS пошла на спад. Когда в 2013 году google закрыл свой reader, форматом пользовались только фанаты.

Сейчас мир снова сдвигается. Бесконечные ленты сводят с ума. Фейсбук и ютуб банят кого хотят. Твитор продаёт синие наклейки. Самые свободолюбивые твитеряне уже переползли в мастодонт и пишут туты вместо твитов. Каждый, кто вложил достаточно сил в свой профиль, блог, канал, задумывается, кому принадлежат результаты его работы и не поделят ли их на ноль без объяснения причин. Создатели контента уходят в стенделон блоги. Веб сегментируется.

Это всё невесело, но есть и плюсы. Кажется скоро можно будет достать с полки старый добрый RSS, собрать интересные статьи из разных источников в одном месте, скормить GPT модели, чтобы она лишнее отсекла и tldr писала, и читать. Вот feedly рассказывают про свой AI. А вот read wise предлагают попробовать бету своей читалки с поддержкой RSS. Попробуйте =)

Заметки с тренинга "Коммуникация в работе руководителя".

№15

Дерево состоит из ствола и листьев. Чтобы понять, как именно надо рисовать листья и почему, я решил попробовать рисовать их вокруг веток. Получилось неплохо.

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

Заметки из поездки в Калининград. К ним карта.

№14

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

Q1

Прошла четверть года. Подведем промежуточные итоги.

@Simcha_N, @kraysent, @tmorrozova вместе со мной не пропустили ни одной недели! 🤘

@fruxx пока не прислал 🌊, а @xapykc – Москву или ещё какой город. 👍

@ekaterinayanke, @spiralle, @litovskih, @solar_captain и @ArturGumerov спасибо что присоединились на несколько выпусков, рисуйте ещё! ❤️

@Dswzsd с одним 🏍

Вместе с вами гораздо приятнее рисовать каждую неделю.

№13

Насколько я понял, термин нетворкинг, означающий построение сети знакомств методом непосредственного общения существует только на русском. А в английской википедии есть только про построение personal network.

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

UPD: нетворкинг все-таки общий термин.

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

Заметки к докладу Ирины Атанасевич про историю Сербии через архитектуру.

№12

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

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

Заметки с воркшопа про метафоры от Дарио Паньяагуа.

Дарио рассказал про ошибки при поиске и использовании метафор, показал несколько техник для тренировки этих навыков.

Чтобы сделать хороший скетч, который передаёт смысл и понятен, нужно поработать. Разобрать исходную мысль на части и собрать обратно в виде картинки, которая рассказывает историю. Можно полениться и просто нарисовать слова, которые слышишь, но результат будет посредственным.

Я понял, что иногда так делаю. Есть куда расти)

№10

Чем ближе гора, тем больше у неё изгибов рельефа. Очень далёкая гора выглядит как треугольник с белым кончиком. Очень близкая – как осколок камня.

Можно добавить тучки, тогда гора будет казаться очень высокой.

Когда солнце светит на гору сбоку, рельеф видно не только на контуре, но и на границе тени и света. Это получилось сделать на цветной версии.

Теперь я сертифицирован)

Заметки с воркшопа про иконки от Майка Роуди.

Чтобы легко и быстро рисовать скетчи, нужно придерживаться двух простых принципов: делать просто и много практиковаться.

Майк предлагает для этого три этапа.

1. Генератор – быстро заполнять сетку иконками по списку.
2. Итератор – взять иконку из генератора, нарисовать несколько раз по-разному, а потом упростить
3. В финале надо выбрать лучший вариант и нарисовать начисто в виде эталона (это то что мы делаем раз в неделю)

Для каждого шага он предлагает шаблончик. А если не получается придумать иконку – рекомендует заглянуть за вдохновением на thenounproject.com.

Вторая часть воркшопа про метафоры будет позже. Я её в реальном времени не успел)

№10

Пончик рисовать просто. Нужно нарисовать круг с круглой дыркой посередине. А чтобы он не был похож на колесо – добавить глазурь и присыпку)

Прошел бесплатный курс Поваренная книга Дядюшки Боба: Как готовить Clean Architecture, который мне коллега посоветовала.

Понравилось. Кажется даже что-то понял.

Время идёт, а проблемы в разработке всё те же.

№9

Ну что ж, турнир так турнир.

Самое сложное тут – ноги у лошадей нарисовать. Нужно их естественными сделать. Сами ноги должны быть немного под углом к телу, но не слишком. А в нижней части – полукруглые копыта.

Рыцаря с пикой сверху пришлёпнуть уже проще.

Сделали небольшой регулярный внутренний митапчик. Вот первый доклад.

№8

Микроволновку нарисовать не трудно. Она состоит из прямоугольников и кругов чуть более чем полностью.

Заметки с тренинга про то как найти идеального кандидата для вакансии, и рассказать ему что это идеальная вакансия для него.

№7

Когда я пытаюсь нарисовать галактику, чаще всего получается осьминог.

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

Заметки с вебинара про тайм менеджмент.

№6

В моей голове Москва это храм Василия Блаженного.

Самое сложное в рисовании зданий – терпение. Особенно когда деталей так много, как в этом. Не спешите. Рисуйте башню за башней. Скорее всего пока рисуете увидите то, чего не замечали раньше.

Нарисовал рекламу для минералки.

№5

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

Сам кед не такой уж сложный, но над деталями пришлось потрудиться.

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

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

В процессе удобно выяснить все противоречия и разногласия и устранить их.

№4

Жутковатая пушистая игрушка.

Начинать лучше с зубастого рта и глаз.

Вокруг них тоненько нарисовать контур тела, а потом толстыми штрихами добавить по контуру шерсть.

В конце добавить ладошки и ступни.

Заметки к докладу про Apple Silicon

№3

Над байком пришлось потрудиться.

Два колеса. Между ними расстояние примерно в 1.3 колеса.

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

Над двигателем топливный бак. За ним сиденье. Перед ним – руль.

Все части соединены c рамой.

№2

В качестве примера взят знаменитый Dualshock 2 а, на скетче получился скорее Pro Controller.

В левой части крестовина, в правой четыре кнопки, сверху курки, по центру два джойстика и кнопки Select и Start. Вот и весь геймпад.

7th Annual World Sketchnote Day

Заметки с Geek Piknik 2019 к рассказу @techsparks про ИИ.

№1

На этой неделе рисуем ❤️. Можете нарисовать его так как я. Можете по другому. (Можете рисовать не сердце, а что захочется).

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

Объявляю challenge на 2023 год: 52 картинки за 52 недели!

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

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

Первая картинка уже сегодня ❤️

🎄

В этом году было много плохого, но было и много хорошего. Спасибо ему за новых друзей и новый опыт.

Дальше будет лучше.

🌲

В этом году я прочитал 92 книжки: Reading Challenge 92 of 100

🌲

Ребята, которые делают дайджест новостей из мира технологий Digital Goose Club позвали меня делать им обложки к выпускам.

За год получилось 26.5 гусиных обложек.

🌲

Спасибо всем, кто рисовал эти картинки по субботам! Радуюсь каждый раз)

Благодаря HowToDraw я добавил в свою библиотеку 27 картинок. Теперь я умею их рисовать и кто-то из вас тоже! 🙂

1. 🚗 Движок V8

2. 🎤 Микрофон

3. 💡 Идея

4. ☕️ Кофе

5. 🧠 Мозг

6. 🛩 Самолёт

7. 🛰 Спутник

8. ⏰ Время

9. 💻 Ноутбук

10. 🎓 Машинное обучение

11. 🚀 Ракета

12. 🗓 Календарь

13. 🚘 Парное программирование

14. 🌎 Земля

15. 🎂 Тортик

16. 🚙 Машина

17. 📹 Видеокамера

18. 🍏 Яблоко

19. ❤️ Санкт-Петербург

20. 🎃 Тыква

21. 🥩 Стейк

22. 🧳 Чемодан

23. 🐟 Карась

24. 🎒 Рюкзак

25. 🖐 Рука

26. 🚢 Корабль

27. 🍺 Пиво

🌲

Заканчивается год. Время подвести итоги.

В начале года я решил что нарисую скетч про каждый месяц. В итоге пока получилось только пять. Такой год.

Я ни разу не пил пива до второго курса. Не нравилось оно мне.

На втором курсе у меня появилась степендия, и я решил её пропить. Пошел в пивной ресторан Красный лев и заказал там Newcastle Brown Ale, в основном потому что название понравилось. Оказалось что вкус мне тоже нравится.

С тех пор Newcastle моё любимое пиво. Первое пиво, которое мне понравилось.

А рисовать пиво легко. Надо пену поверх кружки добавить.

Доклад про то как сайты становятся приложениями.

Про то как на серпе появился React.

Роман рассказывает про Discovery, штуковину для исследования JSON.

Примеры использования 3D в сайтах.

Доклад про realtime эффекты видео в браузере, хромакей и мантию невидимку.

Про бэк, фронт, многопоточность и асинхронность.

Почему в Serverless столько же сервера, сколько в Wireless проводов.

Доклад про то, какие проверки производительности можно навертеть в ci и логи.

Доклад про оптимизацию алгоритмов. 1 - норм, n - подозрительно, n² - плохо, n³ - сжечь! Accidentally Quadratic

Доклад от автора CSS: The Definitive Guide про древнейшую историю тегов.

Про разные виды доступности и про то как их поддерживать.

Доклад о том, как сделать максимально недоступный интерфейс.

Доклад про светлое будущее CSS, в котором мы будем писать анимированные бэкграунды на С++ или Rust.

Милый доклад про CSS как хобби. Рассказывает о том, как делать мультики, используя CSS анимацию. В codepen есть много работ Юли.

Доклад про whitepaper. Что это такое? Из чего состоит? Зачем нужно? Про это.

Финальная версия доклада называлась "Make tables great again!". Почему в 2019 году почти никто не пользуется таблицами, и как это исправить.

Чтобы писать на CSS, нужно думать как CSS.

Синтаксис CSS это что-то среднее между математическим и естественным языком. Он может показаться странным и не логичным. Но это только при поверхностном взгляде.

В 2019 году меня первый раз позвали на конференцию порисовать заметки. Даже дали для этого бесплатный билет. Спасибо, Миша!

Доклад про состояние CSS на 2019 год. Что где поддерживается? Кто чем пользуется? Вот про это.

С геометрической точки зрения корабль устроен просто.

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

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

На работе снова организовали Random Coffee.

Эта штука когда-то сильно изменила мою жизнь.

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

Рекомендую всем попробовать.

На картинке все заметки RCC 2020 года. Интересно сравнить их с набором из 2019, который я когда-то уже выкладывал тут.

Особого секрета в рисовании рук нет. Смотришь на свою руку в нужном жесте и пробуешь нарисовать, пока не получится.

Можно воспользоваться зеркалом, фотиком или попросить чью-нибудь руку в помощь.

Заметки с тренинга по LeSS от scrum.ru (@agilixru)

Рюкзак.

На прошлой неделе я первый раз заработал картинкой. Приятно.

С наступающим)

Карась — лучеперый рыб семейства карповых.

Рисование карасей — длительный медитативный процесс, требующий полной сосредоточенности.

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

Ещё надо плавники нарисовать. Но после чешуи это вообще не проблема.

Не спешите и получите огромное удовольствие.

Заметки с тренинга про управление командой.

Чем команда отличается от рабочей группы. Какие роли бывают у людей в команде. Какие стадии развития проходит команда. Вот это всё.

А Point это кофейня неподалёку, в которой я кофе пил перед тренингом. Слева вверху штампик, а справа внизу - наклейка.

Чемодан – очень простая штука. Куб с ручкой и деталями для красоты на выбор.

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

Придумал шрифт для заголовков. Хочу скетч про эти книжки сделать.

Рисую аватарки для чатиков. Почти даром.

Люблю стейки.

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

Уровень прожарки можно нарисовать только цветом.

Попробуйте нарисовать. У меня получилось с третьей попытки)

Вчера был воркшоп Майка Роуди про лейауты в скетчах.

Там помимо описания семи его классических шаблонов были всякие интересности:

Техника разбора скетчей на составляющие через кальку.

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

В общем воркшоп оказался полезнее чем я ожидал.

По мотивам 🎃.

Если присмотреться, тыква похожа на очищенный мандарин. Только хвостик длиннее.

1. Нужно нарисовать крайнюю дольку.
2. Потом дольку ближе к центру. Она должна быть чуть меньше и чуть ниже.
3. Потом центральная долька. У неё изгиб с обеих сторон.
4. Осталось симметрично повторить с другой стороны.
5. Добавить небольшие дуги сверху, для задней части.
6. Нарисовать хвостик.

Для праздничной тыквы нужна ещё моська. Формы рта и глаз бывают разные. У меня вот такие получилась.

На прошлой неделе мне очень приятно было смотреть на ваши варианты собора. Сегодня жду тыковок)

Третий раз сходил на встречу @sketchinginbelgrade. Долго не мог сообразить в какую сторону должен гнуться дом.

Заметки из поездки в Грузию. К ним карта и ролик.

Для меня главный символ Петербурга – Исаакиевский собор, хотя я так ни разу и не поднялся наверх.

Здания рисовать лего. Они простые, предсказуемые и понятные. Несколько линий, треугольников, прямоугольников и полусфер. Если не спешить, то получится хорошо.

Вот примерный план:

1. Восемь колонн
2. Под ними три ступеньки
3. Над ними треугольник
4. По бокам от треугольника с колоннами два вытянутых прямоугольника
5. Дальше – ещё два прямоугольника побольше, с окнами
6. На вытянутых прямоугольниках по башенке с колоколами
7. По середине ещё пачка колонн, а на них купол с башенкой
8. Добавить деталей по вкусу

Возвращение Little Ivan!

На этот раз в воплощении из лего от mayhemcreations из tiktok.

Апрель. Надо постараться до конца года добраться до конца года.

Яблоко простая штука. Круг с двумя вогнутостями. Сверху листик, внизу – шпунечка.

Не путайте с апельсином и грушей!

Переместимся подальше в прошлое. В июне 2021 мы прятались от ковида на берегу финского залива.

Там я сидел на камушке возле воды и дочитывал последнюю книгу про Тёмную башню.

Чтобы камера была похожа на камеру, у неё должен быть корпус и объектив. Как на логотипе zoom.

Можно добавить видоискатель и микрофон. Получится чуть более конкретная камера.

Когда коллеги ещё и друзья)

Второй раз сходил на встречу @sketchinginbelgrade. Сидеть на скамейке, рисовать и греться на солнышке клёво.

На картинке 📍 вот это здание.

Март 🙈🙉🙊

Машину я начинаю рисовать с колёс. Главное поставить их на правильном расстоянии друг от друга.

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

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

Следуя совету из книги «Визуальные заметки на практике», я попробовал нарисовать скетч по книге Кинга.

Февраль

🕊

Тортик – не тортик, если нет свечечки. Нужно нарисовать цилиндр со свечками и кремом.

Сходил на митап Яндекса в Белграде.

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

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

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

Объёмный шрифт получается из полого добавлением тени.

Остальные три – просто случайно придуманные. Наверняка вы получше можете придумать.

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

Раньше я каждый месяц рисовал скетч про месяц. У меня для этого даже специальный циркуль есть.

Удобно книжками хвастаться и вообще приятно.

Потом как-то перестал.

Надо продолжить.

☮️

Все кто видел фото земли или хотя бы глобус распознают в круге с несколькими пятнами землю.

Если пространство вокруг пятен закрасить синим, то сомнений вообще не останется.

На большой картинке можно ещё добавить облака.

☮️

Очень старая заметка с очень старого Питерского митапа.

Сходил на встречу @sketchinginbelgrade. Вот что получилось)

В хитрых штуках вроде парного программирования придумать что рисовать сложнее чем нарисовать это. Попробуем.

Википедия подсказывает, что в процессе участвуют два человека и компьютер.

Один определяет куда двигаться, второй – как. Это напоминает пилота и штурмана в ралли.

Осталось собрать вместе то, что получилось.

В скетче главное – идея. Если она считывается, то скетч хороший. Не важно насколько много деталей в рисунке.

Скетч из поездки во Франкфурт. К нему карта и ролик.

Календарь выглядит как прямоугльник с клетками.

Для красоты можно добавить объём и пружинки.

Когда-то мы с коллегами собирались по пятницам чтобы посмотреть кино онлайн. А потом сервис, в котором мы смотрели перестал работать.

Накануне закрытия я сделал этот скетч на память.

Со временем у вас накопится много картинок и надписей. Из них можно сделать стикеры для телеграма.

Вам понадобится:

1. Скетчи
2. платный Photoshop или бесплатная Photopea.com
3. Немного времени

Вот что получилось у меня: https://t.me/addstickers/ErSketch

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

Опыт построения полностью онлайновой компании по разработке игр. В онлайне есть много особенностей.

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

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

Рассказ о том почему школьные учителя работают по 64 часа в неделю, тратят из них только 20% на общение с учениками и в гробу видели все нововведения (Потому что за последние годы каждое улучшение делало им только хуже). А ещё про вывернутую на изнанку логику продуктовой работы с государственными учреждениями.

Классический доклад про что там с CSS. Гриды уже можно, сабгриды никому не нужны.

Милый и добрый доклад про то, как получать удовольствие от работы. Очень перекликается с моим мироощущением. Поднял настроение.

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

У боевой ракеты роллероны есть, но нет иллюминатора.

Но вообще ракету рисовать не трудно, можно просто на 🚀 посмотреть.

Структура – способ организации информации в скетче.

Разделение на типы условное. Один скетч может начаться как строгий модульный и закончиться как полный хаоса попкорн. Они нужны в первую очередь для того чтобы попробовать разные способы и выбрать те что подходят вам.

Скетч из поездки в Хельсинки и Стокгольм. А к нему карта и ролик.

В библиотеке Хельсинки 4 мая гуляет Дарт Вейдер со штурмовиками.

В Стокгольме в подвале магазина Comics Haven есть магазин Comics Hell.

Если не получается изобразить машинное обучение, можно попробовать нарисовать машину и обучение по отдельности, а потом соединить.

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

Я сейчас смотрю Drive To Survive на нетфликс, поэтому у меня получилась неочевидная метафора про стереотипы как повороты у гонщика. Она настолько неочевидна, что её приходится словами описывать. Это признак неудачной аналогии.

Беда в том, что после того как одна метафора придумана, из-за эффекта установки очень сложно найти другую.

Дополнительный бонус статьи – возможность получить обратную связь на скетч. Ребята в комментариях к статье предложили мне отличную идею для стереотипов в виде геометрических фигур и дырок.

Заметки к посту от Максима Дорофеева с первой главой из его новой книги.

Сегодня рисуем ноутбук. Несколько прямоугольников, внутри которых несколько прямоугольников поменьше.

С клавиатурой можно по разному поступить:

Проще – расчертить её вартикальными линиями (как в наброске). Интереснее – рисовать вертикальные линии со сдвигом на треть клавиши, как в настоящей клавиатуре (как в аккуратной версии).

А пробел не влезает. С ним слишком мелко.

Большая красивая инструкция к скраму получилась из заметок к тренингу Applying Professional Scrum от AgiliX (которые теперь scrum.ru) (@agilixru)

Сегодня разберём скетчи из путешествий.

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

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

В первую очередь, для меня такой счетч – карта, по которой мозг легко восстанавливает моменты. Прямо картинки в голове всплывают, и звуки, и запахи. Архив памяти.

Ещё его можно дать как инструкцию тому, кто собирается в то же место. Я люблю покушать, поэтому на картинке всегда много еды. А если попало что-то кроме еды – скорее всего оно интересное.

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

Скетч из недавнего путешествия в Казань. К нему есть только карта.

Чтобы нарисовать время – нужно нарисовать часы.

Чтобы нарисовать часы достаточно нарисовать круг и две стрелки, но если время не ждёт – лучше сразу рисовать будильник.

Сегодня в Новосибирском академ городке был митап “Backend Party” от Практикума. Я даже рассказывал один из докладов.

Рассказывали про то как быть лидером, как работают тренажеры и как готовить скрам.

Добро пожаловать в новый раздел:

Тут будут советы и уроки по тому как делать визуальные заметки.

Начнём с состава. Скетч состоит из текста, стрелок и картинок.

Текстом можно передать суть, но его не должно быть много, потому что много писать лень)

Стрелками можно описать направление скетча и показать связи.

Картинки нужны, потому что с ними прикольнее. А ещё в картинку можно завернуть много смысла, и она ближе к тому, как мысль выглядит в голове, до превращения в текст.

Для текста нужны шрифты. Для начала хватит пары на заголовки и одного на контент. Но можно собрать целую коллекцию.

Со стрелками всё и так понятно.

Чтобы увеличить репертуар мыслей, картинки будем собирать в библиотеку.

Скетчи можно использовать для разного.

Например, для того чтобы заказать торт на день рождения.

Спутник становится похож на спутник если у него есь солнечные батареи и антенна.

У моих коллег есть канал с новостями. Называется Digital Goose Club. Я для них обложки к выпускам рисую. Когда у них набралось больше 300 подписчиков, меня попросили нарисовать что-то на память.

А сейчас нас тут уже больше 300. Держите открытку)

Очень черный блокнот и несколько гелевых ручек разного цвета.

Черная бумага вживую выглядит прекрасно. Так и хочется порисовать.

• MAXGOODZ Classic Black

Пару лет назад я перешел в новую команду, которая делала Кружки, сервис про дополнительное образование для школьников.

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

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

Первый раз я нарисовал самолёт для скетча из путешествия в Будапешт в 2018 году.

На фото мои попытки научиться рисовать, перед тем как делать скетч.

Дело не хитрое. Главное правильный угол между крыльями сделать и пропорции тушки поймать.

Заметки с вебинара Максима Дорофеева.

Ещё одна замечательная игрушка.

Принтер, который печатает по Bluetoth с телефона на клеящейся бумаге.

Наклейки потом можно аккуратно встроить в скетч.

• Zoemini

Четвёртый скетч по книге Массимо Пильюччи “Как быть стоиком”.

Вещи бывают небезразличными и безразличными. Безразличные вещи бывают предпочтительными и непредпочтительными. Небезразличные вещи важнее безразличных (это из названия в принципе понятно).

Я года три не мог научиться рисовать мозг. Кучу страниц блокнотов извёл, прежде чем начал понимать закономерность, и начало получаться.

Чтобы нарисовать мозг нужно:

1. Наметить контур
2. Рисовать изгибы не выходя за пределы контура
3. Не спешить

Это мой ежедневный оффлайн набор.

Линер оставляет чуть менее черный цвет чем ручка роллер, но сохнет быстрее и пишет всегда, потому что шарика нет.

Блокнот от Майка Роуди, автора моих любимых книжек про скетчи. Я его на кикстартере купил.

• Sketchnote Ideabook
• Airship Autoquill
• Nomess Bookmark
• Sakura Pigma Micron
• Shinhan Touch Liner Brush
• Magcon Design Tool

Random Coffee удивительная штука. Можно сказать, что три года, в которые я регулярно пил кофе с разными людьми, изменили мою жизнь.

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

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

Как-то я целый год рисовал чашку кофе почти каждую неделю.

Почему бы не добавить в коллекцию сразу три картинки?

Скетч из путешествия в Таллин, а к нему карта и ролик.

Эта штука была у меня в вишлисте пару лет, пока друзья не подарили мне её на день рождения.

Бумажный блокнот и ручка. Под ними электронный планшет. Ручка рисует на бумаге, планшет запоминает и отправляет на телефон.

• iPhone
• Bamboo Slate
• Inkspace App

Третий скетч по книге Массимо Пильюччи “Как быть стоиком”.

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

Попробуем добавить в библиотеку слово “идея”.

Для этого нужно сперва придумать как выглядит идея.

Клавиатура на телефоне при вводе идеи подсказывает эмодзю 💡. Её и нарисую.

Второй скетч по книге Массимо Пильюччи “Как быть стоиком”.

Он про стоическую трихотомию.

Есть вещи, которые не зависят от нас. Погода например. С ней ничего не поделаешь.

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

Есть вещи, которые зависят только от нас. Например показать всё на что мы способны в гонке. И этого можно хотеть.

Главное быть максимально честным с самим собой.

Это мой самый первый набор для скетчей.

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

Недостаток типичный для ручек – чернила сохнут хоть и быстро, но не мгновенно. Можно успеть размазать рукой.

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

• Moleskine Watercolour
• Moleskine Roller Pen Plus
• Moleskine Click Pencil
• Nomess Bookmark
• Sakura Pigma Micron

В конце февряля мир сдвинулся с места. Чтобы не сойти с ума, я решил перечитать книгу Массимо Пильюччи “Как быть стоиком”. Стало легче.

Решил что сделаю серию скетчей по этой книге, чтобы она могла помочь кому-то так же как и мне.

Добавим вторую картинку в библиотеку.

1. Картинка из интернетов
2. Набросок с главными деталями
3. Законченный набросок
4. Добавляем заливку и тени
5. Маленькая версия без лишних деталей (например, можно использовать как bullet в списке)

Как-то один мой приятель пригласил меня на день рождения. В вишлисте у него была игра Ведьмак 3. Я решил подарить её и сделал вот такую инструкцию по прохождению.

• Easy: пройти ведьмака 3
• Medium: пройти все три игры про ведьмака
• Hard: прочитать семь книг про ведьмака и пройти три игры

Инструкция сопровождена примерной оценкой по времени ⏰ и удовольствию 👍 от каждого из пунктов.

Это мой основной набор для работы. Благодаря матовой плёнке paperlike карандаш не скользит по стеклу. Не бумага, конечно, но терпимо.

Первый плюс электронных скетчей – можно стереть и подвигать. Второй – сканировать не надо.

Главный минуc – ощущения не те. Стекло не проминается и не оказывает сопротивления. Провести прямую сложнее.

• iPad
• Paperlike
• Penci 2
• Notability

Это мой первый скетч из путешествия. К нему есть ещё карта и ролик. Выходные в Будапеште в августе 2018.

Скетч – это текст со стрелками и картинками. С текстом и стрелками обычно проблем нет. Давайте займёмся картинками.

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

Несколько лет назад я слушал доклад про браузерные движки и делал заметки. Движок браузера Chrome назван в честь автомобильного движка V8, в котором 8 цилиндров расположены в виде буквы V. Я не придумал как его нарисовать и оставил на скетче пустое место. А дома нашел картинку по запросу "v8 engine" и попробовал научиться. Предлагаю сделать тоже самое и вам.

Штуки в реальном мире устроены сложно и полны деталей. Чтобы их было легко рисовать, нужно выбрать самые заметные части и нарисовать только их. Можно упростить себе задачу и добавить в поисковый запрос слово "рисунок")

Hi! My name is Artem)