Блог Фомина Владислава о техническом дизайне, концепт-арте, спидпеинте и веб-дизайне » Раскадровкa

Тизеры «ВБильярд»

WizVio — Tue, 17 Jul 2012 04:13:44 +0000

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

Немного предыстории. Работа над проектом началась в ту пору (2009 год), когда я активно стал заниматься техническим дизайном. Была у нас с другом идея создать новосибирский портал по бильярду (а в дальнейшем захватить и сибирь), который бы содержал полную информацию о бильярдных клубах, новости, бронирование и т.д. В общем, я сразу предложил нарисовать несколько тизеров для него, т.к. у меня было огромное желание нарисовать какие-нибудь тизеры. Тем более до них я нарисовал тизеры для кинозала. Примерно прикинув какие будут разделы, начал рисовать наброски.

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

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

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

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

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

В то время я начал активно использовать в работе 3D. Так, например, строя криво из блоков предметы, пытался проверить правильность построения перспективы для 5-го тизера. На самом деле для тех кто не знает как строится перспектива такой способ вполне удобен. Нам же важна болванка/шаблон, чтобы мы могли «приукрасить» ее (сделать готовый тизер).

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

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

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

Напоследок хочу вам показать часики. Часики не простые – бильярдные. Пытался их пристроить в 4-ом тизере, но так и не сумел. Это исходник. Разрешаю использовать его в ознакомительных целях. Попробуйте разобрать по слоям и понять как отрисовывать такие штуки. Начните с простого… с часов, их так много вокруг нас, разных и необычных!

Бильярдные часы (PSD, ~131Kb)

Ну и собственно, сам блог о новосибирском бильярде – www.vbilliard.ru

До встречи!

Работа на конкурс TDWC#2 «Трансформер»

WizVio — Fri, 18 Mar 2011 07:26:52 +0000

«Это было не так просто – это был сверх манёвр. Я бросил всё: работу, дела, отложил встречи с друзьями. Пришлось не спать 2 суток. Делал работу на пределе»

Рассказывать кто такие трансформеры в наше время, думаю, стыдно). Но немного из истории о том, как я познакомился с ними.

В недалёкое для меня время, в 90-х, по местному каналу показывали мультсериалы «Трансформеры» одновременно с «Вольтроном». Больше всего зацепили японские трансформеры поколения «Victory» и «Войны Великой Силы». Да, тема с кольцами (Великая Сила) была прикольна). Достаточно было заиметь колечки на руки и ты крут! Правда не всем это было доступно).

Это было время рассвета японской анимации у нас в России (начало 90-х). Видимо, в последствии этот самый рассвет отложил отпечаток на моё сознание и спустя десятилетие я сильно увлёкся стилем – аниме) Но об этом позже…

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

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

2294×1200, ~1,9mb

Были у нас и настоящие модельки Вольтрона и Трансформеров (конкретно, шестизарядник из поколения Victory, очень крутой трансформер). Наверное для нынешнего поколения людей, которое выросло на современных трансформерах (фильмы) всё же рекомендую окунуться в историю и посмотреть с чего всё начиналось.
И да, есть очень известная композиция (2,4mb) из трансформеров (Victory). Рекомендую послушать.

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

Играем два полуфинала. Задание как обычно еще сложнее, чем было предыдущее.
Берем эту картинку и приводим ее в порядок.
Все как обычно — однородный фон, исходный размер 900х900 (можно больше, но 900х900 обязательно)

Вопросы появились не сразу, а когда я посмотрел url картинки и обнаружил, что она ведет на «чей-то» сайт. Проследовав по ссылке оказался на домашней страничке крутого 3D-художника Йохана Свенссона. Подробно ознакомиться с его работами можно у него на сайте. Собственно что я и сделал. Оказывается Йохан выкладывает к своим 3D работам «модель затенения».

«Модель затенения» и финальный рендер

Меня смутило:

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

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

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

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

После правого плеча стал применять в качестве текстур элементы с рендера, т.к. он снизу был никакующий, пришлось буквально по пикселям вырисовывать текстуру. При такой работе очень выручают инструменты и фильтры как Clone Tool, Brushes, Sharpen.

Отложив плечо, для начала решил сделать шейп всего трансформера, поверх стал использовать куски текстуры с рендера предварительно обрабатывал, что-то шарпил, где-то клонировал и дорисовывал кистями (обычной и текстурной), чтобы придать фактуру материалу. Также для усиления текстуры металла, воспользовался материалом с cgtextures.com. Стыковал текстуру маленькими квадратиками поверх шейпа в overlay.

Когда нужно было сдавать работу, мне оставались руки (голову я сделал в самом начале, когда был прилив сил, потому как к концу проекта, выматываешься на полную катушку). Последние дни работал на автопилоте, 2-е суток не спать, это нечто)) Реально, голова падала на планшет…

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

Размер самой иллюстрации сделал 2000x2000px в надежде, что когда-нибудь распечатаю себе небольшой плакат, как и яхту Admiral 40MT Aqua.

Также я записал видеоразбор готового трансформера.

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

Transformer for TDWC#2. Video examination by WizVio

Описание:
Работа для конкурса. Видео, специально записанное для демонстрации проделанной работы.
Были показаны некоторые части трансформера (разобрал по слоям). Проект был разбит на подпроекты (голова, руки, тело и.т.д), т.к.основной проект со временем раздувался и кисти при рисовании начинали тормозить. Но, когда я собрал его в один проект, мой комп не выдержал и завис, повторно разбирать не решился. В начале видео, я пролистываю список слоёв всего проекта (могу сказать, их очень много, т.е. если я начну убирать слои по порядку, можно проследить весь процесс создания). Как обычно, в любой работе я использую текстуры (подробно о моих этапах работы можно ознакомится на примере «Обыкновенного хамелеона»), в данном случае донором послужил готовый рендер Йохана Свенссона. Чтобы придать тот вид, который я считаю нужным, пришлось приложить не мало усилий! На работу было потрачено чистого времени – 10 дней!

Финальный вариант конкурсной работы. Можете по разглядывать детальки у него

Вот и всё. В итоге я одержал победу и прошел в финал. И да, был неприятный момент, мой соперник Андрей (Levsha) стал упрекать меня в том, что я в наглую содрал текстуру с готового рендера (кстати, рендер уже позже Слава прикрепил к заданию, когда я ему показал ссылку на готовую работу). Я не желаю разводить срач по этому поводу, и считаю, что сделал свою работу достойно, как делал и яхту «Адмирал», и практически все свои работы, использовал текстуры либо с фото, либо сам рисовал, но никогда не забывал их обрабатывать так, чтобы они полностью меня устраивали.

Задание на финал уже выдали. Не буду раскрывать подробностей. Скоро всё узнаете

Speedpaint: Восточный купец

WizVio — Thu, 08 Jul 2010 15:23:43 +0000

Доработал немного скетч. Как восточный купец свататься ходил… Пришел и говорит: «Будешь в шелках ходить, золотые украшения носить, жить как принцесса! Прошу руки твоей…». А она: «Не нужно мне твоего богатства купец, а рука моя принадлежит другому!». Немного о процессе. Как обычно начал с создания черно-белого рисунка. Набросал сцену, где будут происходить основное действо. Выбрал спальню.

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

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

Черно-белый вариант.

Цветной вариант.

Как позже выяснилось, по совету Владимира (Waldemar) пришлось дорисовывать пол, т.к. «нельзя фигуры сажать на раму. Либо режьте им ноги, либо добавляйте пол». Я учел это замечание, намотав на ус)) Но… все же решил, что лицо старика нужно изменить, сделав его более подходящим для обстановки – ехидным)

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

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

Иллюстрация «Обыкновенный хамелеон»

WizVio — Thu, 01 Jul 2010 10:18:02 +0000

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

Изначально задумывался логотип в виде хамелеона (мультяшного) для сайта. Но в последствии я «втянулся в тему» и мне было жутко интересно порисовать таких симпатичных и удивительных созданий.
Начал работу со скетчей. Набросал пять вариантов логотипов и сделал небольшую презентацию для них.

Выбор был сделан на классический вариант логотипа.

Но в последствии решено было дорабатывать четвертый вариант.

Уже в это время параллельно я начал работу над иллюстрацией «Хамелеон». Среди референсов я просмотрел достаточно большое количество иллюстраций с хамелеонами. Отобрал наиболее интересные (см. на рисунке ниже).

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

В итоге в работе над созданием своего хамелеона использовал следующие референсы.

Для расширения своего кругозора почитал, что за разновидность хамелеона. Оказывается Обыкновенный хамелеон (Chamaeleo chamaelon), достигает 25—30 см длины, широко распространен в Северной Африке, Южной Испании, на ряде островов Средиземного моря, а также в Южной Турции и Сирии. Известны случаи нахождения его и на Черноморском побережье Кавказа в окрестностях Сухуми и Поти, куда эти животные, по всей вероятности, были случайно завезены на пароходах. Вот такая вот живность

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

И настало время начать создавать свою иллюстрацию…

Самый первый этап в отрисовке — это, конечно же, создание форм (используя инструмент Pen Tool) будущей композиции. Разбив на несколько форм, было решено выделить основные элементы иллюстрации: сам хамелеон, ствол дерева и листва. Ниже на картинке я специально раскидал для наглядности формы.

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

Далее пришлось переключиться на создание листьев. Эта часть работы заняло очень много времени (больше недели!). Да, учитывая, что я не торопился и старался сделать красиво, прорисовывая даже детали на листьях (это 100% масштаб). Всего было создано 25 штук лепестков!

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

Следующий этап — это наложение текстур. В режиме Clipping Mask, предварительно вырезав с референсов текстуру тела, головы хвоста и глаз хамелеона, а также ствола дерева, наложил на отрисованные формы.

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

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

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

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

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

Ну, а нашему хамелеону остается добавить листья. Готово!

Многие кто видел эту работу пишут дельное замечание. Как вы думаете какое?

Битва не на жизнь, а на смерть!

WizVio — Sat, 20 Mar 2010 08:43:10 +0000

Первый пост, в котором вы встретите многим так полюбившегося героя, сражающегося со злом!

Наверное все знают Гайвера (Guyver), о котором была нарисована манга, затем снята серия аниме и фильм из 2-х частей (1,2). Так вот, посчастливилось воплотить свою давнюю задумку…

Одно время я с Grey’em «скетчили». Идея начать «скетчить» была его. Схема была простой: день через день сначала он придумывал тему, затем — я. И вот первая тема, Grey не долго думая, предложил — «Битва», в которой сойдутся 2 титана добра и зла. На работу ушло чуть больше 2-х дней, за день был сделан быстрый скетч, но потом я решил его доработать. Grey нарисовал свой, и как он потом рассказал, ему не очень понравилось то, что он нарисовал). Cпустя какое-то время, стало понятно, что ни я, ни он не успеваем) Поэтому растянули рисование на 2 дня через 2. Так и малевали. Затем я предложил Grey’ю создать тему на мейке, что-то по типу «Рисунок на скорость» на www.render.ru. Сергей (Grey) идею поддержал, но с долей сомнения, т.к. мало кто, на самом деле, на форуме «О техническом дизайне и иллюстрировании» умеет рисовать, как и желание этим заниматься, но это он думал до того как появилась тема…

Но тем не менее, народ лихо подхватил тему, хоть и не спецы в рисовании, но желание рисовать было. Сначала было довольно живо, но со временем у нас как обычно бывают напряги, стали пропускать темы (я и Grey). Народ притих… Но я все же питаю надежды вернуться к практике скетчинга, т.к. это очень сильно прокачивает тебя как человека творческого! Иногда, я все же нахожу время и рисую… но это уже другая тема), для которой будет отдельный пост, где я расскажу некоторые «фишки», которые я почерпнул в ходе своей практики рисования.

Картинка кликабельна

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

Раскадровка. 1,7Mb