Наверх
Главная » Рисуем технику

Высококачественная визуализация для портфолио

7 марта 2014 Просмотров - 21 Нет комментариев Опубликовал:
Привет друзья, с вами Диас!

Наконец-то нашел свободное время для составления урока для вас… Цель данного урока заключается в обучении вас этапам по созданию визуализации высокого качества для портфолио. Этот урок не научит вас рисовать или работать в Photoshop. К этому времени вы уже должны очень хорошо уметь рисовать и как минимум иметь основные знания об этом программном обеспечении. Я не буду объяснять как добавлять слои, как менять показатели непрозрачности (opacity) и т.д.

Для этого я позднее сделаю краткие уроки.

Данная визуализация взята из работы для моего портфолио и это видение того, как мог бы выглядеть автомобиль Alfa Romeo для соперничества с Mercedes-Benz CLS. Внизу вы можете увидеть что 3/4 задней и передней частей автомобиля уже готовы.

Инструменты:
Photoshop CS5
Планшет Wacom Intuos3

Готовы начать? Одевайте наушники и поехали!

Высококачественная визуализация для портфолио


Сначала я набросал грубый эскиз шариковой ручкой на нормальной бумаге для рисования. Это маленький эскиз с шириной в 8 см, который позволяет вам создать быстрый эскиз, протестировать перспективу, пропорции и т.д. в краткие сроки. Не переживайте если он — грязный или пропорции выдержаны неидеально, мы очень скоро это все исправим. Когда вы рисуете эскиз нового автомобиля, постарайтесь нарисовать все три угла обзора (вид сбоку, вид спереди и вид сзади) для того чтобы проверить сочетаются ли они друг с другом. Вид сбоку может выглядеть очень здорово, но если вы не будете думать в 3D, то вы испортите все остальные виды. Помните о том, что это объемный объект.

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


После сканирования эскиза, изменить масштаб для того, чтобы сделать из него большое изображение. Обычно я использую разрешение больше 3500 пикселей и 300dpi, что дает мне возможность добавления множества деталей (в зависимости от типа визуализации) и создать печатные копии высокого качества. После масштабирования, создайте новый слой над эскизом и измените режим наложения на Умножение (Multiply). На этом слое вы затем будете перерисовывать автомобиль, на этот раз с внесением нужных на ваш взгляд корректировок. Самый простой способ найти ошибки это горизонтально поворачивать изображение для более свежего взгляда на вещи. После этого вы можете избавиться от первоначального эскиза (слоя) если захотите.

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


Когда вы закончили с предыдущим этапом, вы можете изменить цвет фона, хотя это и необязательно. Закрасьте слой с фоном серым цветом или любым другим. Многие говорят о том, что белый фон — очень отпугивающий… Я не использую его по одной простой причине: я работаю на двойном экране и с таким огромным количеством белого цвета я бы сейчас ослеп… я в этом уверен!
Перед тем как перейти на следующий этап, вы должны быть АБСОЛЮТНО уверены в том, что перед вами лежит хороший эскиз (в отношении перспективы, пропорций и т.д.).

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


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

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


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

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


Увеличьте контраст при помощи усиленного нажима на перо планшета. Я также добавил немного цвета на шины и светло-серым закрасил область под автомобилем. Это сделано потому, что боковина автомобиля — не плоская, а имеет определенную кривизну, то есть свет при попадании на эту землю отражается на автомобиле и наоборот. Это называется «отраженное освещение» и оно означает объект, освещается другими объектами и источником света непрямо.

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


Больше контраста и начните добавлять отражения. На этой стадии вы должны чувствовать себя более уверенно, глядя на то, что рисунок получается все лучше и это также фаза, когда вы должны рисовать более интенсивно. Никогда не влюбляйтесь в свою работу, так как если это произойдет, то вы не сможете воспринимать критику и будете думать что вы самый лучший художник в мире. Как однажды мне сказал профессор: «Всегда найдется тот, кто лучше тебя». Тем не менее, вы должны чувствовать рисунок и наслаждаться тем, чем вы занимаетесь. Иначе работа не будет хорошей.

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


Я добавил больше глубины в интерьер, еще блики (на лобовой стекло и капот) и скопировал колеса со слоя с эскизом, инвертировав их (Изображение (Image) — Настройки (Adjustments) — Инвертировать (Invert)) и вставив на другой слой. Я также добавил свет на земле. Если бы это была визуализация просто для вас или в рамках учебной работы, то вы остановились здесь. Но мы хотим добавить готовую визуализацию в портфолио, поэтому нам нужно более высокое качество.

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


Добавьте передние фары/задние фонари, отражения на боковых окнах и на новом слое добавьте теплый оттенок внизу изображения, а затем измените режим слоя на Мягкий Свет (Soft Light), Наложение (Overlay), Осветление Основы (Color Dodge) или Осветление (Screen). Выберете наиболее подходящий и обыграйте уровень непрозрачности (opacity). На этом этапе вы, возможно, спросите: «Он будет рисовать колеса или скопирует уже существующие?» Ответ очень прост: Нарисуйте свои собственные колеса, даже если они в отдельном файле или это будет в другой раз. Потому что если вы скопируете колеса из изображения у вас образуется огромное количество проблем с деталями. Данная техника работает только в том случае, если ваше визуализированное изображение имеет множество деталей и по реалистичности напоминает фотографию, что не проблема.

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


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

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


Время подчистить фон. На примере колес, никогда не копируйте изображение в свой рисунок если вы не имеете представления о матовом рисовании. Рисунок будет выглядеть очень глупо и все назовут его любительским. Также самое важное — это автомобиль, а не задний план, поэтому не тратьте на него слишком много времени, потому что в итоге окажется что вы просто добавили много шума на изображение. Оставьте рисунок чистым и простым! На новом слое я раскрашиваю верхнюю часть автомобиля крутым цветом, чем-то средним между синим и фиолетовым и изменить режим наложения на тот, который подойдет лучше (сверьте с шагом 9).Также варьируйте непрозрачность (opacity), установите ее от 20% до 50%. Я думаю этого будет достаточно.

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


И мы почти закончили!! Добавьте финальные детали, такие как блики и отражение на земле. Для этого вам нужно скопировать слой с автомобилем и отобразить его вертикально (Редактировать (Edit) — Трансформировать (Transform) — Отразить Вертикально (Flip Vertical)). Затем измените непрозрачность (opacity) на показатель от 10% до 20%. Ну вот и все, теперь у вас есть визуализация высокого качества, подходящая для вашего портфолио.
Я надеюсь вам помогли эти шаги. Если вас заинтересуют мои работы либо вы захотите задать мне вопрос, переходите по ссылке на мой сайт.

Удачи!

Хоао Диас

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


Автор: Joao Dias (Хоао Диас), Португалия
Локализация урока для вас подготовлена командой сайта: http://www.DrawMaster.ru


Рисуем Технику
Источник: drawmaster.ru
Пометить материал как неуместный

Оценка информации

VN:F [1.9.22_1171]
Объективность
Актуальность
Полнота
Понятность
Rating: 0.0/10 (0 votes cast)
Записи на схожие темы
Привет Всем! Этот урок посвящен рисованию глаза. И так как это мой первый урок, я очень надеюсь, что вам он понравится.Работал всю ночь, около 4 часов! Сейчас время 4.30 утра и мне пора бежать спать!P.S. Некоторые говорят, что мои уроки сложно понять, потому...
[7 Mar 2014 | Автор  ]
Это не урок - это то, что я уже давно обещал, но всё не доходили руки. Как я рисую волосы - не как правильно, а как я их рисую, так что берите полезное, а остальное вполне можно игнорить. Обычно на всё это дело тратится минут 15-20. Ну, на кудряшки-барашки или...
[7 Mar 2014 | Автор  ]
Рубрика Рисуем людей | Метки: , ,
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите...
[7 Mar 2014 | Автор  ]
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите...
[7 Mar 2014 | Автор  ]
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите...
[7 Mar 2014 | Автор  ]
Сегодня мы с вами будем учиться рисовать аниме девушку.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть...
[7 Mar 2014 | Автор  ]
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Автор: Нати (nathie), ГерманияЛокализация урока для вас подготовлена командой сайта: http://www.DrawMaster.ruПошаговые урокиИсточник: drawmaster.ru
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите...
[7 Mar 2014 | Автор  ]
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите...
[7 Mar 2014 | Автор  ]
ШАГ 1Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.ШАГ 2Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.ШАГ 3Нажмите на картинку, чтобы посмотреть изображение в полном размере и...
[7 Mar 2014 | Автор  ]
Рубрика Уроки Фотошоп | Метки: , ,
Я начинаю с того, что рисую эскиз и набрасываю цвета.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.После того, как я добилась нужной формы, я начинаю смешивать цвета.Нажмите на картинку, чтобы посмотреть изображение...
[7 Mar 2014 | Автор  ]
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите...
[7 Mar 2014 | Автор  ]
ШАГ 1Финальный эскиз.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.ШАГ 2Спустя несколько часов...Готовая цветовая схема!Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.ШАГ 3Ей так...
[7 Mar 2014 | Автор  ]
Перед вами пошаговая иллюстрация рисования зеленого яблока. В этом уроке нет текстов и объяснений, но и из самих этапов все довольно понятно.Автор: Mirko CogoПошаговые урокиИсточник: drawmaster.ru
[7 Mar 2014 | Автор  ]
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите...
[7 Mar 2014 | Автор  ]
Всем привет. Создайте эскиз. Мой - очень грубый. Т_ТНажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нарисуйте лайнарт, установите непрозрачность (opacity) слоя на низкий уровень (у меня было 30-45%) и перо на минимальный размер...
[7 Mar 2014 | Автор  ]
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите...
[7 Mar 2014 | Автор  ]
Работа выполнена в Paint Tool SAI с помощью планшета Wacom Bamboo.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть...
[27 Mar 2014 | Автор  ]
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите...
[7 Mar 2014 | Автор  ]
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите...
[7 Mar 2014 | Автор  ]
Рубрика Уроки Фотошоп | Метки: , ,
КИСТЬ РУКИ1 – Не забывайте про эти пальцы!2 – Выступающая «костяшка»!***Виды эскизного дизайна кисти.***Выступ, который появляется, когда большой палец прижимают к кисти.Чем палец ближе к кисти, тем больше будет выступ.***Ненавижу рисовать руки в таких...
[7 Mar 2014 | Автор  ]
Обращаю ваше внимание на то, что это не урок его привычном виде, а просто отображение моего процесса рисования льва. Может быть это кому-нибудь пригодится!Верьте мне или нет, но это один из самых быстрых моих рисунков! Поэтому шаги как нарисовать льва...
[7 Mar 2014 | Автор  ]
Автор: adelentaЛокализация урока для вас подготовлена командой сайта: http://www.DrawMaster.ruПошаговые урокиИсточник: drawmaster.ru
[7 Mar 2014 | Автор  ]
Можете использовать тот же цвет, что и я:1. Итак, первым делом нарисуйте произвольную форму. Я нарисовал такую:*извините, мне лень рисовать целое дерево.2. Теперь берем инструмент Ведро (Bucket) и заливаем форму.Затем берем Ластик (Eraser) и делаем маленькие...
[7 Mar 2014 | Автор  ]
Это очень простой урок о том, как смешивать цвета в Photoshop (я использую Photoshop CS2) с помощью чувствительного к нажиму графического планшета (у меня Wacom Intuos 2).Кстати, здесь описано то, как смешиваю цвета лично Я, если у вас есть свой, более лучший метод, придерживайтесь...

Оставить комментарий

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

(Обязательно)

Вы можете использовать эти HTML теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>