Мастер-класс по рисованию объемного персонажа (немного странного) в Adobe Photoshop

    Иллюстратор Евгения Родина jodybastet решила поделиться своими умениями и написала урок по рисованию объемного персонажа в Adobe Photoshop с использованием графического планшета. Персонаж немного странный, но мы надеемся он не оскорбил ни чьи чувства.



    Урок рекомендуется как дизайнерам/иллюстраторам (коих, мы верим, немало на Хабре), так и просто любителям рисовать за компьютером.

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

    Весь коллектив ломал голову над названием проекта, складывая слова Twitter и translate, в итоге коллеги развеселились и выдали «Transvestitor»!

    За основу логотипа мы взяли голубую птичку, такую же, как и у оригинального сервиса. Но с «изюминкой» — это Птичк мужского полу, небритый, щедро напомаженный, в мужских плавках, с накладными сиськами (ой!) и в красных туфлях. Результат можете наблюдать здесь. )))


    Теперь, собственно, к делу — как нарисовать объемного персонажа из плоского логотипа?

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

    Вот, примерно так выглядит работа на второй минуте.

    А вот так — на двадцатой. Я добавила Птичу руки и гламурную сумочку.

    Основные детали уже нарисованы, теперь поворачиваем рисунок, как и планировалось, зеркально, и добавляем мелочи — лифчик, щетину, прорисовываем улыбку и уменьшаем голову. В результате эскиз будет вот таким:

    Теперь раскрашиваем Птича цветом.

    Инструментом pen я создаю контуры в кривых для всех объектов, затем назначаю векторную маску.

    С помощью «пипетки» копируем цвета с плоского логотипа Трансвеститора и раскрашиваем персонажа соответственно.


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


    Если требуется четкий контур у объекта — то лучший выбор, на мой взгляд, векторная маска. Можно использовать множество слоев, в них нарисовать тени, блики, рефлексы, орнаменты, текстуры и т.п., но контур объекта, сформированный масками, останется ровным и четким. Для растровой графики под 72dpi это очень актуальный вопрос.

    Пример — выделенная маска на объекте (это заключительная стадия рисунка).


    И для сравнения — эти же слои с отключенной маской.


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

    И снова к персонажу. Результатом закраски слоев должна стать вот такая картинка:


    Теперь нарисуем на Птиче тени и свет.

    Наш условный источник света расположен в левом верхнем углу, соответственно, рисуем свет на теле персонажа слева, а тени справа.


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

    Режим прозрачности слоя я выставляю multiplay, тени так выглядят более естественно.



    Теперь добавим свет! Свет рисуем так же, как и тени, но используем самые выбеленные цвета или же вовсе чистый белый. В настройках прозрачности слоя выставляем overlay или softlite. Должно получиться вот так:


    Далее, добавим в рисунок рефлексы. Это своеобразный «клей», позволяющий объединить части объекта воедино. Например, свет падает на пластмассовую сиську и отражается от нее на голубое тело Птича. И обратно — голубой блик отражается на розовом пластике. То есть, оба объекта бликуют друг на друга отраженным светом.



    А теперь добавим картинке «вкусняшек» — мелкие детальки на лифчик, щетину на лицо и кустистые брови со следами бритья. А также всякие мелкие блики на глянцевые поверхности. )))



    Картинка почти готова, но мы решили добавить отражение. Для отражения правой ноги была использована ее же зеркальная копия, а для левой ножки пришлось нарисовать новое отражение, соответствующее перспективе. Далее отражение на плоскости я чуть стерла резинкой и сделала размытие по краям инструментом blur.
    Птич готов.
    Фестиваль 404 55,12
    Компания
    Поделиться публикацией
    Комментарии 134
      +32
      o_O

      З.Ы. Извините, еще не прочитал сам мастер-класс
        +12
        'немного странного' + 1
          +8
          сейчас это так называется
            0
            хоть это и 'немного странного', но сиськи могли бы быть и посимпатишнее
            +28
            Сиськи всему голова? :D
              –20
              Сиськи — дань моде. Лебедев всех поработил. Кошмар.
                +10
                Слишком много Лебедеву почета, тут его заслуг не много.
                  –12
                  А я не про его заслуги, а про то, что идиотизм, так или иначе популярного человека копируют один в один. Или, по Вашему, сиськи в данном «произведения» неотъемлемая часть? А по-моему несусветное говно, не достойное компании, которая позиционирует себя серьезной.
                    +7
                    Да? Мы перешли порог дозволенного?

                      –6
                      Если Вы сравниваете искусство и говно, то, категорически, НЕТ.

                      Хотя Вы молодцы, воткни сиськи и пилотку куда угодно и, вот-вот, разгорается какой-никакой, ммм, холивар. Кстати, Вы бы своим манагером сиськи пририсовали, может работать бы стали лучше, а в лого на сайте промежность, это вон как Вас в интернетах обсуждать будут, клоуны.
                        +3
                        Фу, от вас желчь так и прет. Намекну, что к Турбомилку не имею никакого отношения, а сиськи были и будут. Это я еще простые примеры привел. В то время это тоже считалось не ахти. Еще примерчик дать?

                        trinixy.ru/40499-penisy-butana-15-foto.html
                        И это все на более серьезном уровне, религия построена на похождениях «казановы». Это же шарж, сарказм и не более.
                          –9
                          Знаете, в менее лицемерном обществе фанатов Вам бы сказали: «Отсоси у Тубрбомилка» ;)
                          +4
                          Ща у тебя вообще пар из ушей пойдет. У японцев есть праздник фаллоса. Они выходят с огромными членами на улицу, и им радостно.
                            –1
                            А мы давно стали японцами? Какой-то не логичный бред ;) Ну я понимаю, что на двадцатку в карму и в силу плюнули исключительно во имя того, что бы сиськи и фалосы можно было куда угодно вставлять, вот и правда, клоуны ;)

                            А на деле — похабщина.
                              +1
                              я вообще к тому, что нужно как-то шире смотреть. Ниче страшного и отвратительного в пластиковых сиськах я не вижу. Это мастер-класс о том как иконку нарисовать, а не чтобы сиськи пообсуждать
                                –1
                                Как говорил *угадайте кто*, что бы создать совершенство, нужно отсечь все лишнее. Дизайн должен быть искусством, а это — ГОВНО дрочеров. Хочешь сделать урок, сделай его качественно и красиво. И уж точно не похабно и банально.
                                  0
                                  Качественный, красивый урок. Евгения давала этот же мастер-класс на Фестивале 404, оч было полезно и интересно.
                    +3
                    Почему-то я сомневаюсь, что это сиськи Лебедева.
                      0
                      не нравится — не смотрите. зачем срать? и причем здесь Лебедев?
                    +83
                    Мне очень жаль ставить такой диагноз, тем более дистанционно, но сомнений не остаётся: вы извращенцы.

                    Причём половые.
                      +2
                      Жжошь, Серега!
                      –12
                      СУПЕР! :)
                        +3
                        Иллюстрация оставила очень доброе впечатление. :) Откровенно порадовала в понедельник утром.

                        P. S. правой ноге нужен сустав в колене :), но это очень незначительная мелочь.
                          +2
                          Зер гуд) на 404 было весело
                            –30
                            А по-приличнее пример нельзя было использовать? Или вы считаете, что детям нечего делать на Хабре?
                              +10
                              Так думает бОльшая часть хабра.
                                –15
                                Не понял! Детям на хабре делать нечего или большая часть хабра думает о сиськах?
                                  +1
                                  Я имел в виду про детей.
                                    0
                                    И то и другое скорее всего
                                    • НЛО прилетело и опубликовало эту надпись здесь
                                        –6
                                        Смешно (учитывая мой возраст)!
                                        • НЛО прилетело и опубликовало эту надпись здесь
                                            –6
                                            Мне показалось, что Ваш ответ намекает на мой возраст и связанное с этим присутствие на хабре. Не так?
                                            • НЛО прилетело и опубликовало эту надпись здесь
                                                –5
                                                Считаете так? Ради Бога!
                                                +3
                                                «Детём» можно назвать и взрослого человека с мировозрением как у креветки.
                                      +6
                                      Дети, которые никогда не видели сиськи? Ну-ну…
                                        +2
                                        Я про тоже. :)
                                        Они их видели начиная с первых дней жизни…
                                        • НЛО прилетело и опубликовало эту надпись здесь
                                        +9
                                        Я веду кружок информатики. Есть направление Графика. Так вот, этот пример я спокойно детям покажу (У девочек уже сиськи выросли, и мальчики наверняка успели за них подержаться:). Эта птичка даже ажитажа не вызовет. Единственно в папку к приходу комиссии такой рис. не положешь.
                                        Дети в вопросах секса намного здравомысленней нас взрослых. Не обросли еще махровыми комплексами.
                                          +1
                                          было бы интересно послушать их правдивое детское мнение )))
                                            –8
                                            Боюсь даже заикаться про целомудрие, честь, порядочность…
                                            Ох уж мне эти «креативные мальчики»!
                                              +3
                                              странно говорить про целомудрие в… интернете. вы уж извините, конечно, но пока у нас по «ящику» показывают «Нашу рашу» и дом-2 — разве сможет наш Птич составить им хоть какую-то конкуренцию? ;)
                                                –12
                                                Однозначно, нет! Не сможет. Но!..
                                                Пока показывают «Терминатор», «Рэмбо», бла-бла-бла, разве сможет одна смерть от нашей руки сравниться с ними.

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

                                                Каждый по мере своей возможности должен участвовать в воспитании подрастающего поколения. Сами ж потом, сидя на 5000 рублей пенсии будете жаловаться, что «современная молодёжь совсем не уважает стариков»
                                                  +7
                                                  Наши деды не за трансвеститов сисястых на Войне кровь проливали!!!
                                                    –5
                                                    А чего Вы мне-то об этом говорите?
                                                      +1
                                                      А кому мне еще об этом сказать?! Оглянитесь вокруг?! А Вы, я вижу, — честный человек высокой морали.
                                                        –6
                                                        Не вижу повода, для сарказма.
                                                          –1
                                                          Troll detected
                                                            +4
                                                            Достал, вали отсюда!
                                                      +1
                                                      Задели Вы меня. >> Каждый по мере своей возможности должен участвовать в воспитании подрастающего поколения.
                                                      Участвую, мне даже за это зарплату платят. Но ИМХО общественная мораль, как общественный туалет. Ей стоит пользоваться только при отсутствии своей. Я учу детей отнюдь не в стерильно политкоректных условиях. Например 3 паренькам корчившим из себя крутых посоветовал посмотреть «Заводной апельсин». Может что поймут… Незнаю.
                                                      Советский союз от того и развалился, что все делали вид что они высокоморальны. Но меняться надо изнутри, а не поверхностно. А это труд.
                                                        0
                                                        Если обидел, извините! Не хотел никого обижать. Но про причины развала Советского Союза, думаю, не стоит начинать — далеко можем зайти.
                                                        Своя мораль появится, но пока она выработается пройдёт не мало времени. А если человек рос среди таких «креативных птиц», какая мораль у него сложится?
                                                        И я не предлагаю делать вид, что все высокоморальны. Я предлагаю стараться стать более моральными нежели есть, т.е. начать с себя. Собственно, Вы то же и сказали своим предпоследним предложением.
                                                    –1
                                                    Это хуже, чем «креативные мальчики», это «креативные девочки» (Иллюстратор Евгения Родина)!
                                                      0
                                                      Евгения Родина огого какой иллюстратор. Знали бы вы, сколько на её счету нарисованых сисек! Даже я не знаю, сколько.
                                                        0
                                                        у вас что-то личное?
                                                      –1
                                                      Из вашего профиля. 35 лет. Холост. Учитель (педобраз;)
                                                      Я надеюсь, вы девочек только в вопросах графики просвещаете, педобраз вы наш? Или у вас в кружке несколько направлений?)
                                                        0
                                                        Педобраз — абривеатура ПЕДАГОГ ДОполнительного Образования.
                                                        Девочек (и мальчиков) просвещаю в направлении: ИНформатика, программирование и пользовательские навыки.
                                                        Есть девочки после художественной школы; им факультативно — ГРАФИКА на компьютере — Gimp и Inkscape.
                                                        Так что и не надейтесь.
                                                        А и еще… Есть курсы для взрослых. Там спектр занятий еще шире :)

                                                        По поводу ХОлост — скоро исправлюсь. Рыжих и наглых должно быть много.
                                                    +3
                                                    Современный твиттер, ага. Сплошная порнография и разврат
                                                      +6
                                                      «немного странный», это мягко сказано.
                                                        0
                                                        Мне одному кажется что он на мистера Бина похож?
                                                          –2
                                                          Твитер? о_О
                                                            +9
                                                            Великолепный транс-птич))) Небритость и туфли старшей сестры (судя по размеру) просто потрясающи))) Спасибо за данный топик в понедельник))) Включило в позитив)))
                                                              +9
                                                              Небритость старшей сестры так вообще потрясает воображение.
                                                            • НЛО прилетело и опубликовало эту надпись здесь
                                                                0
                                                                Помоему, эти трое не сочетаются. И по цвету в том числе.
                                                                  –1
                                                                  Тема раскрыта…
                                                                    0
                                                                    Прикольно, а первый эскизы я так понимаю на планшете в Photoshop рисовались?
                                                                      +1
                                                                      Спасибо Жене за интересный урок.
                                                                        +1
                                                                        :) темная часть твиттера освещена
                                                                          0
                                                                          ТрансТвиттит замечателен.

                                                                          Но только на меня теперь соседи по офису косо смотрят. Особенно, когда там крупным планом рассказывается как наносить блики и тени на грудь.
                                                                            0
                                                                            multiplay → multiply
                                                                              0
                                                                              Режим прозрачности слоя я выставляю multiplay, тени так выглядят более естественно.
                                                                                0
                                                                                У этого существа абсолютно ненормальные глаза!
                                                                                  +1
                                                                                  точно, походу кокс нюхает
                                                                                    +1
                                                                                    Боюсь, что не только глаза…
                                                                                    0
                                                                                    почему ноги глянцевые, а тулово — матовое?
                                                                                      +1
                                                                                      Побриты и умащены маслом.
                                                                                        0
                                                                                        бритые места выглядят так:
                                                                                        +1
                                                                                        Ноги бритые, поэтому и гладкие.
                                                                                          +1
                                                                                          а пузо волосатое? :))
                                                                                          0
                                                                                          Ноги гладко выбриты :)
                                                                                          +13
                                                                                          Внешний вид существа какгбе намекает нам, что случается со смыслом сообщений после их перевода…
                                                                                            0
                                                                                            что то я боюсь уже твитером пользоваться :)
                                                                                              0
                                                                                              Такой мастер-класс не забудется, спасибо. :-)
                                                                                                +1
                                                                                                Птичка до нанесения бликов намного аккуратнее результата. Основание хвоста не проработано вообще, складки на шее грязные. Рефлексы цветные, а тень почему-то вся одноцветная. В локте, на лбу и колене пересветы.
                                                                                                  –7
                                                                                                  Вы совсем ебнулись, окончательно. Амбиций много, а пользы от вас никакой.
                                                                                                    0
                                                                                                    Гектор шикаааааарный! ©
                                                                                                      0
                                                                                                      "… все сволочи!"
                                                                                                        –1
                                                                                                        Сейчас нас заминусуют.
                                                                                                      +7
                                                                                                      зашел по ссылке. там картинка птыца с писюном, бреющего ноги в ванной…
                                                                                                      я конечно понимаю, толерантность и все такое. но @%@#$%@ — это то что пришло в голову сразу.
                                                                                                      с точки зрения техники выполнения картика отличная. но идея — брр, извините, но это перебор. имхо.
                                                                                                        –4
                                                                                                        отличный мастер-класс. ханжи идут лесом!
                                                                                                          –1
                                                                                                          Да что вы так насторожились все, ну захотели ребята повеселиться, вот и нарисовали так. классно получилось, молодцы.
                                                                                                            0
                                                                                                            Титьки титьками, но урко отличный — спасибо!
                                                                                                              +4
                                                                                                              на самом деле очень символично и дальновидно

                                                                                                              Это твиттер который отчаился искать способы монетизации, чтобы отдать 150 миллионов венчурного капитала, и отправился за заработком на панель. Очень правдоподобно.
                                                                                                                +8
                                                                                                                меня всё чаще посещают мысли, что в turbo milk что-то курят.
                                                                                                                  +1
                                                                                                                  Судя по названию организации — не курят, а пьют. Причем сваренное на молоке. :-) Отсюда и название :-)
                                                                                                                  0
                                                                                                                  Фуу, какой кошмарный логотип!
                                                                                                                  Но название сервиса прикольное, это ж нужно выдумать)
                                                                                                                    0
                                                                                                                    я не дизайнер, но вот интересен один вопрос, как взгляд со стороны, почему на правой груди блик снизу, судя по рисункам солнце светит сверху
                                                                                                                      0
                                                                                                                      та тож отражение от белого пола?
                                                                                                                      –3
                                                                                                                      Осталось питуха нарисовать :)))
                                                                                                                        0
                                                                                                                        О божемой поспешил я с комментарием… Это и есть Питух переодетый… Интересно трансы обидятся когда увидят этот логотип?
                                                                                                                          0
                                                                                                                          в каком смысле? животное или орган? :)))
                                                                                                                            0
                                                                                                                            думаю что есть некая оналогия в жаргоне связанная с животным.
                                                                                                                          0
                                                                                                                          Странный персонаж для мастер класса :)
                                                                                                                            +1
                                                                                                                            Прошел ваш урок. Теперь буду всему сиськи пририсовывать.
                                                                                                                              +2
                                                                                                                              Всегда любил Турбомилк за некий шарм в их работах.
                                                                                                                              • НЛО прилетело и опубликовало эту надпись здесь
                                                                                                                                  +1
                                                                                                                                  Щетина должна быть на подбородке которого нет, так что пока не прочитал что это — сам не допер. Во-вторых не понял в чем профит рисовать вектор в растровом редакторе.
                                                                                                                                  Ну а в целом мило. Хотя «порнотематика» поддостала, уже хочется че-нить чистого и красивого (
                                                                                                                                    0
                                                                                                                                    Помню, вроде Турбомилки в Твиттере писали «Следите за нами внимательно, извращенцы». Доследился ;)
                                                                                                                                      0
                                                                                                                                      ω

                                                                                                                                      Ааааа. Сиськи на главной!
                                                                                                                                        0
                                                                                                                                        ☺ Спасибо за сиськи :)
                                                                                                                                          +1
                                                                                                                                          По-моему все отлично, ново, необычно, непресно, вызывающе и интригующе. Мне на их сайте захотелось оставить свой имейл фактически только из-за логотипа. Люди, как минимум, не боятся делать что-то новое и их работы отличаются от серой массы лаконичного и ни о чем не говорящего веб 2.0. Всем нравиться нельзя, а у этой студии есть ярковыраженная индивидуальность, и мне лично это нравится.
                                                                                                                                            0
                                                                                                                                            Спасибо за урок, как всегда улыбнуло. =)
                                                                                                                                              0
                                                                                                                                              прикольный цыпа O_o
                                                                                                                                                0
                                                                                                                                                Статья даже как-то затерялась.
                                                                                                                                                  –6
                                                                                                                                                  Авторы, уберите отсюда свои больные фантазии. Если ваш тип психики таков, что по жизни вас несёт половой член с яйцами, то знайте, что не все такие. Не позорьтесь.
                                                                                                                                                    +1
                                                                                                                                                    Прикольно. Я не соглашусь с морализаторами в топике, никакого преступления в сиськах на главной хабра нет, да и в принципе в сиськах нет ничего плохого.

                                                                                                                                                    Идея про трансвеститора гениальная, птич гениальный и прикольный… но блин, это слишком несерьёзно для сервиса по переводу твитов, по-моему. Я бы всунул такую идею куда-нить в уголок, пасхалкой.

                                                                                                                                                    Да и обнажать сиськи было вобщем-то необязательно, смысл не пострадал бы, а «fffuuuu» было бы куда меньше.
                                                                                                                                                      0
                                                                                                                                                      Сиски то резиновые и ненастоящие. Чего их прикрывать?

                                                                                                                                                      У нас все просто если сервис разрастется и (вдруг) станет популярным мы тогда и подумаем, что делать с сиськами. А пока сервисом пользуется 2-ва человека и у него даже нет толкого интерфеса — рано говорить про серьёзно/несерьёзно.
                                                                                                                                                        0
                                                                                                                                                        Это же нарисованный персонаж, кто поймёт, накладные они или на гормонах отрощенные?
                                                                                                                                                          0
                                                                                                                                                          Там лямочка есть, да и вообще они резиновые, разве не видно?!
                                                                                                                                                    +6
                                                                                                                                                    Глядя на сочетание небритости с грудью вспоминается роскошный фильм:
                                                                                                                                                      0
                                                                                                                                                      как называется этот раскошный фильм?
                                                                                                                                                        0
                                                                                                                                                        На картинку нажмите.
                                                                                                                                                      0
                                                                                                                                                      тогда уж

                                                                                                                                                        –1
                                                                                                                                                        не знаю как вставлять картинки
                                                                                                                                                        vovkasolovev.ru/lj/pidder.png
                                                                                                                                                          0
                                                                                                                                                          (между прочим, можно использовать html-теги)


                                                                                                                                                          изображение, в атрибуте src указывайте полный путь к изображению
                                                                                                                                                            0
                                                                                                                                                            у меня не вставляется тэгом.
                                                                                                                                                            –1
                                                                                                                                                            Транствестит, к слову, совершенно не обязательно пидор.
                                                                                                                                                            +1
                                                                                                                                                            Пост вовсе не о сиськах, однако как же всех это задело.
                                                                                                                                                            По приемам рисования — было интересно, всегда интересно посмотреть на технические подходы к процессу.
                                                                                                                                                              0
                                                                                                                                                              Какой-то твитт-трансвистит
                                                                                                                                                                0
                                                                                                                                                                Думаю, теперь вопрос «а сиське где?» можно не задавать :)
                                                                                                                                                                  0
                                                                                                                                                                  Ну и чего в итоге добились? Мастер класс похоже никого не заинтересовал, зато развели холивары и бессмысленное обсуждение сисек.

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

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