Урок matte painting


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

    Во вложении четыре части, у кого диалап — можно не заходить :):)


    Сразу хочу сказать, что попутно вносились коррективы в работу со стороны заказчика, некоторые вещи в работе противоречивы.
    Часть первая
    Часть вторая
    Часть третья
    Часть четвертая

    PS: Надеюсь вы не в пустую потеряли время, просматривая мой урок :)
    PPS: Если кому-либо урок не нравится — об этом можно не писать.
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама

    Комментарии 94

      +1
      Не знаю может это проблема моего браузер или скрипт Хабра, но изображения сжимаются по ширине и неудобно читаемы. Однако, если скопировать адрес рисунка и открыть отдельным окном — всё как надо.
        0
        странно, они небольшие по ширине
          +1
          Отредактировал в виде ссылок, действительно напряжно читать
            0
            Урок хороший и работа вполне достойная.

            Правда это не matte painting, а скорее коллаж :)

            matte paiting это типа такое goodbrush.com/gallery2/main.php?g2_view=core.DownloadItem&g2_itemId=98 — когда есть процесс собственно рисования, а не совмещения нескольких фото.
          –35
          > PPS: Если кому-либо урок не нравится — об этом можно не писать. Автора это не интересует :)
          Это типа «если вам не нравится, меня не е***т, жрите.»
          Меня вот не интересует, интересует Вас это или нет.
            +11
            Это просто призыв, если ты считаешь урок плохим/ужасным/просто неинтересным — задумайся, автор потратил своё время, просто обойди его стороной :)
            Жрать я никого не заставляю, не нравится закрой окно браузера, ты же сам зашел на страницу или я забылся и сам тебя позвал?
              0
              Если вас не интересует, зачем прочитали статью и написали комментарий?

              Автору спасибо!
              Когда я впервой столкнулся с твоим уроком на мп — мой уровень в дизайне вырос во много раз.
              +2
              Зачем делать копипаст? Сделали бы топик-ссылку. И тег лучше не «лессон», а «туториал» поставить.
                +1
                ну зачем рекламой заниматься, какая разница где картинку то смотреть.
                тэг добавил
                0
                Спасибо, очень полезный урок.
                  0
                  Пожалуйста.
                  0
                  в стоках используете чаще бесплатные фото или в большинстве случаев приходится покупать?
                    0
                    Вы знаете как пойдет. Эта работа коммерческая, поэтому все исходники были куплены на shutterstock с лицензией
                    Есть конечно и бесплатные www.sxc.hu например, но естественно качество материала там в несколько раз ниже. Проще заплатить 15-30$ за фотографии на стоке, это копейки по сравнению с стоимостью всего проекта.
                      0
                      Creative Commons же! Flickr!
                        0
                        CC лично для меня на порядок хуже, чем полностью свободные или платные объекты: иконки взял отсюда, фотки оттуда, движок там тему здесь и т.д. — а потом весь сайт завешан объявлениями «фотки взяты у того-то, иконки у того-то». По-моему это смотрится ужасно.
                          0
                          пара ссылок на фликер в подвале и всё.
                      +1
                      А можно урок в PDF?
                        0
                        Да я как бы не готовился. Урок был написан для другого сайта техдизайнеров по просьбам.
                        Здесь когда выставил в личном топике свою работу — попросили выложить урок, я просто скопировал уже написанное :)
                        • НЛО прилетело и опубликовало эту надпись здесь
                          +1
                          И еще, Вы уж простите за назойливость, как то с перспективой не совсем понятно. У Вас в исходнике дома линяя горизонта, ниже фундамента дома, а в конечном варианте общяя линия горизонта выше. И если нарисовать контур фундамента дома, то его плоскость будет повернута относительно плоскости воды
                            0
                            при первом же взгляде видно что толи вода как-то вверх плывёт, толи дом под углом стоит.
                        +2
                        Маньяк))) Сколько, если не секрет, вся работа заняла (без учета подбора «доноров)?
                          +7
                          )))
                          Неделя наверное, затем еще 5 дней перевод этой картинки в ночное освещение:
                          www.alexey-popov.com/portfolio/img/glagolevo-park.jpg
                          • НЛО прилетело и опубликовало эту надпись здесь
                              0
                              Очень достойный результат, учитывая временные затраты) В финальном?, правда, веревка над логотипом, несколько грубовато выглядит… и, над иконками бы еще поколдовать… но, возможно, это и не финал вовсе…
                                0
                                там много времени (около месяца) убили на утверждение дизайна сайта и на анимацию.
                                Естественно в ходе постоянных правок, частично ухудшаются некоторые вещи.

                                Лично мне результат по душе.
                                  0
                                  Эх) Заказчики — основная, порой, помеха на пути к совершенному результату)))
                                    0
                                    ага)))
                                      0
                                      но этот хороший, проект действительно тяжелый и от него много зависит в рекламе, его так и нужно было делать
                                  0
                                  Гениальную идею для социальной сети дал автор на своем макете!
                                  «Свяжитесь снами»!
                                    +1
                                    У вас птицы и бабочки зависли. Перезагрузите. (:
                                      0
                                      и собака всё так же тоскливо стоит :)
                                      0
                                      В ночном варианте у Вас все, как то понарошку слишком. Например катер и ангар на воде должны быть практически черными, да и дом от садовых фонарей так осветить не получится, особенно учитывая тень от солнца. Тень от дерьва которое около дома, вообще практически отсутствует, хотя от собаки и фонаря присутствует резкая тень, и даже какая то еще другая тень рядом с собакой:) Свет от фонарей должен освещать не только дорожку, но и траву. Вообще много вопростов в построении теней, освещенности, бликов и света на воде. Кроме того, день прошел, стемнело, а животные остались неподвижными, странно как то:)
                                    0
                                    Очень познавательно :) Держите плюс, надеюсь на продолжение таких уроков.
                                      0
                                      спасибо, продолжим)
                                    • НЛО прилетело и опубликовало эту надпись здесь
                                        0
                                        ну как же без критики )
                                      • НЛО прилетело и опубликовало эту надпись здесь
                                          0
                                          вы наверное говорите о vue?
                                          мне как-то ближе на основе фотографий делать. Если что-то уже нереальное — то конечно 3д и генерация
                                          +1
                                          Спасибо, интересно…

                                          Правда, освещение между частями картинки совершенно не согласовано:)
                                            0
                                            да, косяки есть)
                                            0
                                            Автор молодец. Возьму урок на заметку :)
                                            Кстати можно посмотреть на анимированный вариант?
                                              0
                                              ай шайтан! Красавец, другим помог и себя прорекламировал)
                                              p.s.: я смотрю что в финальной версии на сайте всё таки первое дерево осталось?)
                                                0
                                                Красиво получилось :)
                                                • НЛО прилетело и опубликовало эту надпись здесь
                                                    0
                                                    Если сайт упал, то кто то запостил его на хабре…

                                                    народная примета =)
                                                      0
                                                      я не хотел :)
                                                      0
                                                      Потрясающе! Занес в закладки, буду учиться.
                                                      0
                                                      Неплохая статья, всегда интересно понаблюдать за процессом творения.

                                                      Масками принципиально не пользуетесь? :)
                                                        0
                                                        почему же, тут куча масок =)
                                                          0
                                                          я так и думал :) просто в тексте про них упоминания нет — хотел убедиться =)
                                                            0
                                                            Ну это же основы фотошопа, по идее я расчитываю что их уже знают
                                                        0
                                                        Большое спасибо за детальное описание процесса, очень здорово!

                                                          0
                                                          Спасибо, ещё бы таких статей!!!
                                                            +2
                                                            А зачем эта здоровенная тень на самом переднем плане (там где зритель стоит)?
                                                            Как-будто за кадром висит огромное НЛО. Тень нам как бы говорит: «Чувак, видишь этот сказочный подмосковный дом на берегу озера? Смотри, сейчас ему настанет ппц .»
                                                              0
                                                              Я так понял это исключительно для сайта нужно.
                                                                0
                                                                конечно, затенение для контента
                                                              0
                                                              Статья очень понравилась. Спасибо автору!
                                                              0
                                                              Всегда интересовала какая-нибудь универсальная (ну, более менее) технология создания реалистичных отражений на воде, особенно в ночное время:)

                                                              Автору спасибо за статью — здорово!
                                                                0
                                                                Очень достойный урок. Техническая сторона на высоте, недочетов замечено не много, да и в тех, я склонен винить скорее заказщика. (Больше всего вызывает недомение, наличие упавшей листвы, явно осенней, на сочной траве в сочетании с распустившимися ромашкаси и «фирменным мухамором», который, так же, таким красным становится отнюдь не осенью. Может я не в тех средних широтах вырос… Кстати, сменив дерево на переднем плане на более детализированое, обстрактная листва на траве стала «не от мира сего». Логично, что под осенним деревом будет лежать осенняя листва именно то него, но в данном случае «явно не от него», учитывая форму и самое главное размер. Возможно конечно что зритель «находится» под деревом другой породы, которому и принадлежит эта листва, но этому противоречит их расположение на траве.)
                                                                  0
                                                                  Ознакомился с вашим портфолио, оказалось еще более интересным нежели данный урок и не менее поучительно =) (У вас кстати опечатка там в коперайте 2002-2090. Или это просто оптимизм так выражается?)
                                                                    +1
                                                                    это оптимизм)
                                                                      0
                                                                      =) Зачет
                                                                  0
                                                                  странное у вас какое то дерево? :)
                                                                  ни к одному из видов существующих на земле не похож :) листья вроде кленовые, ствол не кленовый, вырос как куст :)

                                                                  откройте учебник по флоре и фауны россии :)
                                                                    0
                                                                    дерево настоящее :)
                                                                    0
                                                                    Спасибо, очень интересно! :)
                                                                      0
                                                                      пожалуйста)
                                                                      0
                                                                      Нарисовано очень красиво, а вот сверстано пока, мягко говоря не очень…
                                                                        0
                                                                        там вроде бы флэш был бюджетный, вообще задумывали супер-грандиозный проект
                                                                        0
                                                                        После просмотра таких классных статей почему-то всегда задаешься вопросом, почему же блин выбрал профессию программиста, а не дизайнера, ведь в детстве неплохо рисовал…
                                                                          0
                                                                          программистов хороших мало :)
                                                                          0
                                                                          чем размывал задний фон? lens blur?
                                                                            0
                                                                            блюр обычный
                                                                              +2
                                                                              Хороший урок, только размытие заднего плана немного все портит.

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

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

                                                                              Это я вам как художник — художнику ;) Я сам вот иду к тому чтобы такое в ЗД делать. Мне кажется, при должной сноровке это быстрее будет получаться, да и деревья попроще рисовать, тем более анимированные.
                                                                                0
                                                                                да вы правы.
                                                                                3д я использую, но в целом уровень фотошопа и 3д у меня совсем разные, думаю догадываетесь какой ниже =)
                                                                                Потому на выходе в 3д я получаю шлак)
                                                                                  0
                                                                                  Ну да, в 3Д нужно побольше вложить усилий (неслабо так побольше :), но зато отдача какая. Я вообще больше вектор люблю, если бы только иллюстратор не так тормозил. А вообще, в последнее время 3Д уже экономит мне немного времени.
                                                                                    0
                                                                                    Пользуйте Xara, там не тормозит.
                                                                                      0
                                                                                      Xara такого вообще не умеет, где у меня иллюстратор тормозит :)
                                                                                  0
                                                                                  Согласен. Задник переблурен. Без блура лучше.
                                                                              0
                                                                              Добавил в избранное. Отличный урок. Спасибо.
                                                                                0
                                                                                пожалуйста)
                                                                                0
                                                                                Спасибо, такого бы побольше. Откровенно когда мы глядим только на финишные картинки и не зная процесса всегда впадаешь в тоску что тебе такого не сделать. А лишь стоит пробовать, сидеть над ними и все будет в лучшем виде.

                                                                                Спасибо за урок.
                                                                                  0
                                                                                  Очень полезный урок. В Сети таких описаний не так уж и много, может ещё что-нибудь есть? Есть пару багов в рисунке, но заметить их можно при тщательном осмотре. Смогу так рисовать — буду горд собой.

                                                                                  Полезный урок и ресурс для всех адептов Фотошопа.
                                                                                    0
                                                                                    Замечательный урок! Спасибо, что делитесь мастерством
                                                                                      0
                                                                                      пожалуйста)
                                                                                      0
                                                                                      Спасибо!
                                                                                        0
                                                                                        пожалуйста)
                                                                                        0
                                                                                        Скотт Робертсон негодуе!
                                                                                        А так клево)
                                                                                          0
                                                                                          Отлично! И еще бонусом нашол хороший ресурс…
                                                                                          techdesigner.ru

                                                                                          Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                                                                          Самое читаемое