<?xml version="1.0" encoding="utf-8"?> 
<rss version="2.0"
  xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
  xmlns:atom="http://www.w3.org/2005/Atom">

<channel>

<title>Блог Михаила Озорнина: заметки с тегом скетч</title>
<link>https://mikeozornin.ru/blog/tags/sketch/</link>
<description>Главная · Блог · Работы ·</description>
<author>Михаил Озорнин</author>
<language>ru</language>
<generator>E2 (v3798; Aegea)</generator>

<itunes:owner>
<itunes:name>Михаил Озорнин</itunes:name>
<itunes:email></itunes:email>
</itunes:owner>
<itunes:subtitle>Главная · Блог · Работы ·</itunes:subtitle>
<itunes:image href="" />
<itunes:explicit></itunes:explicit>

<item>
<title>Как подписывать скриншоты: Шаблон в Скетче</title>
<guid isPermaLink="false">65</guid>
<link>https://mikeozornin.ru/blog/all/how-to-sign-screenshots/</link>
<pubDate>Mon, 07 Aug 2017 11:20:42 +0300</pubDate>
<author>Михаил Озорнин</author>
<comments>https://mikeozornin.ru/blog/all/how-to-sign-screenshots/</comments>
<description>
&lt;p&gt;Ян Хацкевич написал пост о том, как они в Драйв2 подписывают скриншоты:&lt;br /&gt;
&lt;a href="http://priunil.ru/all/kak-oformlyat-skrinshoty/"&gt;http://priunil.ru/all/kak-oformlyat-skrinshoty/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;В итоге они пришли вот к такой картинке:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://mikeozornin.ru/blog/pictures/Screenshots_best-min.scaled@2x.jpg" width="720" height="534.5" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Картинка из поста выше: &lt;a href="http://priunil.ru/all/kak-oformlyat-skrinshoty/"&gt;http://priunil.ru/all/kak-oformlyat-skrinshoty/&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Мне стало интересно как сделать такое в Скетче. Долго не мог понять как сделать белую дырку с размытым краем, в итоге придумал вот такую конструкцию.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://mikeozornin.ru/blog/pictures/spotlight@2x.png" width="898" height="580" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Буду рад, если кому-то поможет. Если кто-то знает, как сделать лучше — напишите, буду рад совету.&lt;br /&gt;
&lt;a href="http://mikeozornin.ru/share/spotlight.sketch" class="blog-button"&gt;Скачать исходник Скетча ↓&lt;/a&gt;&lt;/p&gt;
</description>
</item>

<item>
<title>Немного разобрался как работают символы в новом Скетче 3.7</title>
<guid isPermaLink="false">28</guid>
<link>https://mikeozornin.ru/blog/all/nemnogo-razobralsya-kak-rabotayut-simvoly-v-novom-sketche-3-7/</link>
<pubDate>Thu, 14 Apr 2016 03:18:39 +0300</pubDate>
<author>Михаил Озорнин</author>
<comments>https://mikeozornin.ru/blog/all/nemnogo-razobralsya-kak-rabotayut-simvoly-v-novom-sketche-3-7/</comments>
<description>
&lt;p&gt;Оригинал в ЖЖ: &lt;a href="http://withoutbrains.livejournal.com/92178.html"&gt;http://withoutbrains.livejournal.com/92178.html&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;В скетче 3.7 новые символы (&lt;a href="https://blog.sketchapp.com/sketch-3-7-and-new-symbols-d833a5be4027)."&gt;https://blog.sketchapp.com/sketch-3-7-and-new-symbols-d833a5be4027).&lt;/a&gt; Ими стало можно хотя бы для чего-то пользоваться.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://mikeozornin.ru/blog/pictures/49339_original@2x.png" width="620" height="555" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Книжная полка &lt;a href="http://b.mikeozornin.ru/?go=all/zadanie-po-vizualnomu-stilyu-v-shkole-dizayna-yandeksa/"&gt;Книгопоиска&lt;/a&gt; слева и справа — два экземпляра одного символа. Переопределено всё: картинки, тексты. Маски, слои с затемнением, всякие фоны сохранились.&lt;/p&gt;
&lt;p&gt;Обратите внимание, 32 подписчика выровнены не абсолютно, а относительно предыдущего. Для горизонтальных элементов Скетч как-то догадывается сделать для переопределенного текста такой же отступ, как был в символе. Пока не понял, как сделать так же по вертикали (т. е. с заголовком карточки не пройдет). Напишите, если знаете.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://mikeozornin.ru/blog/pictures/49448_original@2x.png" width="385" height="269" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Такая же история с людьми. Более короткое «О себе» не вынуждает болтаться в воздухе город и эл. почту.&lt;/p&gt;
&lt;p&gt;Исходник, чтобы можно было посмотреть как устроено: &lt;a href="http://dropbox.com/sh/bun7hxmjczmzpky/AACFj7RU2ZScWTm2nLS5udAfa?dl=0"&gt;dropbox.com/sh/bun7hxmjczmzpky/AACFj7RU2ZScWTm2nLS5udAfa?dl=0&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;А банальную кнопку, которая бы меняла размера, символом сделать пока нельзя.&lt;/p&gt;
</description>
</item>


</channel>
</rss>