http://vovkasolovev.ru/img/logo-red.png nk>///// 92 92 http://vovkasolovev.ru/blog/ Вакод, пладот и цыплат Владимир Соловьёв ru-ru >раторратор http://vovkasolovev.ru/blog/rss/read.html?id=691 http://vovkasolovev.ru/blog/rss/read.html?id=691 2012-02-01 04:38:54 <p>Потребовалось раскарсить в разные цвета много векторных объектов — нагуглил <a href="http://wundes.com/JS4AI/">John's Scripts</a>. Там на станице много различных скриптов и их описания.</p> http://vovkasolovev.ru/blog/comm.html?id=691 http://vovkasolovev.ru/blog/rss/read.html?id=690 http://vovkasolovev.ru/blog/rss/read.html?id=690 2011-12-27 09:51:16 <style> p.colorzilla{ padding: 2em; color: white; background: -moz-linear-gradient(-45deg, rgba(219,43,43,1) 0%, rgba(229,113,45,0.84) 37%, rgba(255,185,22,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(219,43,43,1)), color-stop(37%,rgba(229,113,45,0.84)), color-stop(100%,rgba(255,185,22,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(219,43,43,1) 0%,rgba(229,113,45,0.84) 37%,rgba(255,185,22,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(219,43,43,1) 0%,rgba(229,113,45,0.84) 37%,rgba(255,185,22,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(219,43,43,1) 0%,rgba(229,113,45,0.84) 37%,rgba(255,185,22,1) 100%); /* IE10+ */ background: linear-gradient(-45deg, rgba(219,43,43,1) 0%,rgba(229,113,45,0.84) 37%,rgba(255,185,22,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db2b2b', endColorstr='#ffb916',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } </style> <p class="colorzilla">Какая удобная штука, оставлю ка её себе в бложике на память: <a href="http://www.colorzilla.com/gradient-editor/">создание градиентов</a> в интерфейсе фотошопа.</br></br>Автоматический создаётся код для всех браузеров.<br/><br/><img src="http://data.colorzilla.com/images/paint-tube.png"></p> http://vovkasolovev.ru/blog/comm.html?id=690 http://vovkasolovev.ru/blog/rss/read.html?id=689 http://vovkasolovev.ru/blog/rss/read.html?id=689 2011-12-26 15:57:20 <p><a href="http://www.bearprints.com.au/">Melanie Matthews</a> клёво рисует простым контуром, ярко пачкает и форму держит.</p> <p><img src="http://vovkasolovev.ru/lj/melanie-matthews.jpg"></p> <p>Её <a href="http://dribbble.com/Bearprints">дриббл</a> поживее:</p> <p><img src="http://vovkasolovev.ru/lj/melanie-matthews2.jpg"></p> http://vovkasolovev.ru/blog/comm.html?id=689 http://vovkasolovev.ru/blog/rss/read.html?id=688 http://vovkasolovev.ru/blog/rss/read.html?id=688 2011-12-26 13:07:30 <p>Несколько раз уже пересматривал работы <a href="http://crookiesblog.blogspot.com/">Matthew Cruickshank</a>. Очень здорово он обходится с деталями и пропорциями окружающего мира, перенося их в иллюстрацию.</p> <p><img src="http://vovkasolovev.ru/lj/matthew-cruickshank2.jpg"></p> <p>Очень нравится как он обходится с цветами и плотностью деталей.</p> <img src="http://vovkasolovev.ru/lj/matthew-cruickshank.jpg"> http://vovkasolovev.ru/blog/comm.html?id=688 http://vovkasolovev.ru/blog/rss/read.html?id=687 http://vovkasolovev.ru/blog/rss/read.html?id=687 2011-12-25 23:06:02 <p>Daniel Lieske, создатель комикса <a href="http://www.wormworldsaga.com/">The Wormworld Saga</a>, рассказал на примере одной каринки как он делает сцены для своего комикса. Рассказыват плохо, всё время говорит, что не может рисовать и говорить одновременно, но зато весь процесс показан без купюр.</p> <p>Посмотрел сейчас в фоновом режиме с большим удовольствием.</p> <p>Часть 1: Эскиз освещения в ЧБ:</p> <p><iframe width="640" height="480" src="http://www.youtube.com/embed/h9GhtZGiTkY" frameborder="0" allowfullscreen></iframe></p> <p>Часть 2: Отрисовака (про перспективу можно промотать)</p> <p><iframe width="640" height="480" src="http://www.youtube.com/embed/fyS7GcHdozM" frameborder="0" allowfullscreen></iframe></p> <p>Часть 3: Раскрашивание</p> <p><iframe width="640" height="480" src="http://www.youtube.com/embed/SvN1zbpCqlw" frameborder="0" allowfullscreen></iframe></p> <p>В 3 части стоит обратить внимание на три приёма: как сэкономить время при рисовании освещения <a href="http://youtu.be/SvN1zbpCqlw?t=34m46s">34:46</a>, как добавить контурный свет <a href="http://youtu.be/SvN1zbpCqlw?t=42m12s">42:12</a> и финальная обработка цвета и контрастных переходов <a href="http://youtu.be/SvN1zbpCqlw?t=1h8m44s">1:08:44</a>.</p> <p>Часть 4: Вставка в шаблон</p> <p><iframe width="640" height="480" src="http://www.youtube.com/embed/dnhRQju_Sjc" frameborder="0" allowfullscreen></iframe></p> http://vovkasolovev.ru/blog/comm.html?id=687 http://vovkasolovev.ru/blog/rss/read.html?id=685 http://vovkasolovev.ru/blog/rss/read.html?id=685 2011-12-14 06:21:01 <p>Сенсорное управление имеет одну проблему: в отличие от реальной кнопки, у нажатия на сенсор нет обратного сигнала, что команда принята. Необходимо смотреть на экран чтобы узнать, что ваше действие услышано девайсом. Реальная же кнопка даёт пальцем ощутимый фидбэк тем что нажимается, но сила нажатия пальца в этом случае намного больше чем при нажатии на виртуальную сенсорную кнопку.</p> <p>И вот что из этого следует:</p> <p style="font-size:120%">На фотоаппаратах необходимо делать кнопку съемки кадра сенсорной. Прикоснулся &mdash; софкусировался. Отпустил &mdash; получил кадр. Соскользнул пальцем &mdash; отменил фокусировку.</p> <p>Вот почему это лучше:</p> <ol><li>Нажатие на реальную кнопку сильно сотрясает фотоаппарат, на кадре получается &laquo;шевелёнка&raquo;. При сенсорном управлении такого не будет. Если кадр делается при отпускании пальца &mdash; сотрясание минимальнейшее.</li> <li>Нет проблемы с невидимым фитбэком: когда вы фотографируете вы смотрите на экран.</li> <li>Если на экран вы не смотрите, значит скорее всего вы фоткаете не привлекая к себе внимание и нажатие на сенсорную кнопку будет незаметнее для окружающих.</li> </ol> <p>Это совершенно точно будет лучше, и спасёт мир от миллионов бракованных кадров, хотя и рушит мощнейшую привычку. Забавно что, например, многим сенсорным телефонам хардовая кнопка дасталась по наследству. Ещё забавнее, что конкретно на айфонах небыло фото хардкнопки бай дизайн, но её пришлось добавить &mdash; такая сильная это привычка.</p> <p>Речь лишь о любительских фотоаппаратах, мыльницах, телефонах. На профессиональных фотоаппаратах такая штука скорее всего не нужна. Фотографы работают или в прекрасных студийных условиях с хорошим освещением или в ужасных &mdash; под проливным дождём, когда сенсор может не сработать. Хотя, возможно, сенсорную кнопку можно поставить вместе (поверх) хардовой, это без сомнения поможет маркетологам продать новую модель.</p> http://vovkasolovev.ru/blog/comm.html?id=685 http://vovkasolovev.ru/blog/rss/read.html?id=677 http://vovkasolovev.ru/blog/rss/read.html?id=677 2011-09-08 01:47:14 <p>Поставил себе в админку <a href="http://imperavi.ru/redactor/">Редактор</a> написаный в Имперави. Поставил за хороший чистенький дизайн — всё остальноё что я видел имеет страшнейший интерфейс. А тут всё продумано, приятно посмотреть. <br></p> <p>Ещё недавно встретился <a href="http://aloha-editor.org/">aloha-editor.org</a> — редактор прямо по живому. Мне он не нравится в первую очередь слабым видом основной его фишки «панели». Уж если длеать риббон, так надо делать его по крутому! <br></p> <p>В комментариях к блогу у меня пока живёт <a href="http://www.tinymce.com/">TinyMCE</a>. Это был очень удачный редактор, но сегодня он стал слишком большой и его дизайном не занимаются совсем. (Убрать его? Комментарии мне всё равно никто не пишет).</p> http://vovkasolovev.ru/blog/comm.html?id=677 http://vovkasolovev.ru/blog/rss/read.html?id=676 http://vovkasolovev.ru/blog/rss/read.html?id=676 2011-09-05 16:28:34 <p>С одной стороны надо заголовок сайтика делать так:</p> <p><i>Цены &#8592; Услуги &#8592; Мойсайт.ру</i></p> <p>Чтобы во вкладках небольшой длинны было видно в каком я разделе.</p> <p>С другой стороны:</p> <p><i>Мойсайт.ру &#8594; Услуги &#8594; Цены</i></p> <p>Чтобы когда вносишь в закладки было написано, так чтобы можно было вспомнить о чём там через год.</p> <p>Мелочь, но однозначно что-то ни к одному варианту сердце не лежит.</p> http://vovkasolovev.ru/blog/comm.html?id=676 http://vovkasolovev.ru/blog/rss/read.html?id=672 http://vovkasolovev.ru/blog/rss/read.html?id=672 2011-08-02 03:23:11 <p>Видимо, я настоящий дизайнер, поскольку дизайн на этом сайте меняется чаще, чем появляются записи в блоге (в этом году уже четвёртый).</p> <p>И вот опять! Теперь в моде inline-block с комбинацией overflow: hidden, вся <a href="http://vovkasolovev.ru">главная страница</a> на нём устроена. У кого монитор шире, тот увидит больше. Я уж не говорю о том, что тени и градиенты, искажения и анимацию из CSS3 я применяю без стеснения, не только тут (моя уютненькая тестовая площадочка) но и год как в Подходе все проекты делаются на расчётом на CSS3 (но и с поддержкой всякого старья). Сам то я не годный верстальщик, неправильно классам названия придумываю, делаю кашу из таблиц и дивов.</p> <p>По сути, на вебе не хватает только масок. Как только они появятся в стилях — всем можно будет отвлечься от фотошопов и индизайнов, чтобы макетить некоторые работы сразу на чистовик кодом. Я, кстати, макечу кодом давно и регулярно — порой набить какой-нибудь текст статьи проще в html, чем корячится со списками и межстрочным расстоянием в графических редакторах. Это же макеты — крои и выстригай чем хочешь, главное покажи какой будет задумка. Но что-то я не видел ни одной статьи по этому поводу ни от кого.</p> http://vovkasolovev.ru/blog/comm.html?id=672 http://vovkasolovev.ru/blog/rss/read.html?id=669 http://vovkasolovev.ru/blog/rss/read.html?id=669 2011-08-01 21:32:50 <p><a href="http://subtlepatterns.com/">Subtle Patterns</a> — этот сайт давно популярность приобрёл у дизайнеров. Там пополняюзийся набор хороших спокойных тайловых текстур, в основном одноцветных.</p> <p>Фишка в том, что не надо этими текстурами пользоваться в лоб. Наложил парочку, инвертнул, покрасил, пошарпил — бац и новая уникальная текстура.</p> <p>Пишу этот пост, чтобы в раздел <a href="http://vovkasolovev.ru/links/">ссылок</a> этот сайт попал. А то потерял уже пару раз, когда срочно надо было.</p> http://vovkasolovev.ru/blog/comm.html?id=669