Блог О пользователеtech-design

Регистрация

Календарь

« Апрель 2011  
Пн Вт Ср Чт Пт Сб Вс
1 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 28 29 30

tech-design.blog.ru — сообщество тех-дизайнеров

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

Трезвая Русь


Трезвая Русь — сайт борьбы за трезвость и справедливость.

http://trezvost.taba.ru/

 

Ликвидация безграмотности в сфере интернета!


Внимание! Всем любителям рекламы и медиа!


27 февраля в 14 часов начнется 2-часовой сеанс общения, в ходе которого можно получить ответы на любые интересующие Вас вопросы!

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


Главное условие — задавать как можно более конкретные вопросы. Это сократит время ответа, сделает общение продуктивным и весь сеанс интернет-ликбеза эффективным!

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

http://vkontakte.ru/event15731603

 

Есть несколько заказов на изготовление сайтов


Кому интересно отпишитесь в личку либо блог.
 

Книгу по логотипам


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

Выросли печеньки


Привет всем! Я здесь новенький.
Очень обожаю дизайн, веб и всю качественную графику. Сам занимаюсь в основном веб-дизайном. Хочу повышать профессионализм в этом нелегком деле.
В качестве тренеровки придумалось печенье и ваза. Оцените, пожалуйста, и дайте комплект замечаний.

Немного описания процесса:
Рисовал вазу в основном кистями и немного градиентов (планшета не имею).
Стебель—цветокоррекция,уровни,шарп, немного бликов.



 

Немного тизеров


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



 

Ну вот ругайте меня


Про отражения мяты знаю, но ничего лучшего сделать не смог, может подскажете как, для следующей люстражи переделаю:
да кроме мяты все сам, если это меня оправдает :-)
[Image]
 

Прошаговая инструкция тех-дизайн отрисовки автомобиля Камаз


Появился заказ на дизайн второй версии сайта kamdetal.ru

Роскам, продажа запчастей Камаз

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

И так задача: сделать сайт по продаже запчастей Камаз на новом, современном уровне 

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

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


Камазик 

Следующим шагом вырезаем все лишнее и помещяем Камаз на темный фон.

КамАЗ  

Теперь нам нужно разделить автомобиль на основные части с которыми нам придется работать в отдельности. Для этого создаем пустой слой, выделяем нужный элемент, например кабину. Создаем группу(Crtl+G) и маскируем ее нажав третью кнопку в палитре слоев All Layer Mask. Таким образом делаем группы для окон, бампера и других частей по желанию. Сохраняем файл под именем «Кабина» и забываем про раму.

Разделение Камаза

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

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


Рисование автомобиля

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

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


Рисование бликов на автомобиле

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

Тех-дизайн автомобиля

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

Технический дизайн

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



Интенрнет-кухня «Астен» www.asten.ru — сделаем сайты вкуснее!



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

Рама.

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

Отрисовка Камаза

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

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

Рисование тени

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

Запчасти Камаз

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

 Камаз


 Плишкин Дмитрий © asten.ru


 


 

Обработка Ниссана, и классика — телефон)).


Так, чисто для себя, отработка техники:


 

Коррекция фото


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

Отрисовка людей!


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


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

 

Теория, уроки


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

http://makepizdato.ru — специализированный форум о техническом дизайне.
http://pajasu.livejournal.com — страничка преуспевающего тех-дизайнера Вадима Паясу. Масса статей, уроков примеров и практики. Читать всем как «Ководство» Лебедева.
http://www.artlebedev.ru/everything/backstage/ — выбирать не стал, думаю не новая информация, но важная.

Если знаете еще ссылки на статьи, именно на статьи пишите здесь.

Ссылки на примеры работ распишем чуть позже…

 

Вступление


Начну с описания о чем вообще пойдет речь.
Термин «технический дизайн» или «тех-дизайн» появился около двух лет назад в студии Артемия Лебедева. Это там впервые начали «вылизывать» иллюстрации для размещения на сайтах.
Через некоторое время хлынула вторая волна тех-дизайна, благодаря человеку по имени Степан Бурлаков (Freeger). Его иллюстрации обладали нереальным объемом с глубокими тенями и четкими бликами, изобилием интересных и невиданых цветых переходов.
http://www.free-lance.ru/users/freeger/viewproj.php?prjid=340135
Это так понравилось фриланс дизайнерам, что тех-дизайн превратился в новый вид искусства благодаря которому современные сайты преобразились. Однако последователи Степана слишком увлеклись изучением его работ и перестали выдумывать свои приемы, более того стали применять их не по назначению. Сайты превратились в выпендреж между дизайнерами, где каждый хотел сделать больше красивых и безсмысленых рисунков.
В этом деле главное вернуться на Землю и понять что сайт придуман ради информации.

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