вход или регистрация

GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

   

Рисуем чашку чая в разрезе

Главная Уроки по GIMP Рисуем чашку чая в разрезе

Будем делать не обычную чашку, а в разрезе, да еще в которую падает пакетик чая и сам чай растворяется.

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

Подбор компонентов


Чашка. Пустая. Ручка находится сбоку, чтобы её не разрезать (разрезать ручку гораздо трудней, а выглядеть будет, вероятно, хуже).


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


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


Сам цвет чая (просто для того, чтобы в конце подогнать цвет). Для того, чтобы ориентироваться по мере закрашивания. Буду использовать самый правый.


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


Когда предмет падает в воду — на нём образуются пузырьки воздуха. Буду использовать эти.

Черновая отрисовка заготовки

Итак, приступим. Определимся с размером финального изображения. Хочу, чтобы чашка по ширине была 600px. Значит создать изображение-заготовку нужно делать в два-три раза больше.

Открываем чашку и растягиваем её до нужных размеров.

С помощью «Эллиптического выделения» создаем выделение в форме края чашки. Это будет верхним краем чая. Опускаем выделение чуть ниже и чуть сужаем (чашка сужается к низу).

Создаём новый слой и заливаем выделение коричневым цветом.

Делаем примерно то же самое проделываем и с нижним краем чашки.

С помощью инструмента «Контуры» делаем контур чая. Создаём выделение из контура и заливаем его на новом слое цветом.

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

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

Открываем картинку с пакетиком, вырезаем пакетик без верёвочки и вставляем на изображение. Масштабируем.

Пририсовываем инструментом «Контуры» верёвочку и добавляем ярлычок (любую прямоугольную бумажку).

Теперь будем придавать глубину чаю. Чем дальше от зрителя — тем больше толщина чая и он темней. Для этого нужно убрать видимость со всех новых предметов (слоёв, глазик слева от слоя). Сама глубина придаётся с помощью понижения прозрачности и слоёв с чаем, созданием новых слоёв и закраской их градиентами и пунктом меню «Альфа-канал в выделение».

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

Верёвочку просто немного подотрите Ластиком с прозрачностью 20–30% приблизительно до верхнего центра чая.

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

Откроем изображение с дымом. Обесцветим его и сделаем так, чтобы дым стал темным, а всё вокруг светлым.

Выделяйте дым и добавляйте поверх чая с режимом наложения «Умножение».

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

Теперь нужно дублировать слои и видоизменять их так, чтобы создавалось впечатление, что дым выходит из пакетика. У меня получилось три слоя, части которых я подтёр ластиком.

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

Теперь нужно определиться как будет разрезана чашка. Я буду разрезать чашку пополам. Отметил это направляющими.

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

Инструментами выделения выделите верхнюю часть чашки и продублируйте ее до низа. Объедините все получившиеся слои с дубликатами.

Подчистите инструментом «Штамп» края так, чтобы их вообще не было видно.

Теперь верните видимость слоям с чаем. И понизьте прозрачность дубликата чашки, чтобы удалить с нее всё лишнее.

Удалите лишнее с дубликата чашки по контуру чая и тому, как будет разрезана чашка.

Не снимая выделение, обрежьте все слои, которые заходят за эти рамки снизу.

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

Добавляем неровности на чае. Всплески же. Свободным выделением удалите лишнее со слоёв с верхним чаем и всплесками.

Теперь перерисуем нижнюю часть чашки на новом слое. Она же разрезана. Значит и основание должно быть видно. И тень, соответственно, тоже.

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

Вот собственно и всё.

Доработка заготовки

Отражения края чашки в чае: высчитываем сколько пикселей от края чашки до чая и рисуем столько же на самом чае (на новом слое с небольшой непрозрачностью, я просто использовал большую кисть, а чтобы не заходить за контуры — выделил нужное свободным выделением).

Осветляем одну сторону чая и затемняем другую (выделяем чай и на новом слое с режимом «Перекрытие» рисуем линейный градиент из светлого в тёмный).

Делаем световое отражение на границе между чаем и чашкой (пара слоёв с разной толщиной обводки контурами и разной непрозрачностью, по желанию можно помазать пальцем).

Рисуем рефлекс чая на верхней части чашки (новый слой и мягкая кисть с непрозрачностью 10–20%).

Добавляем пленочный шум на чашку. Это будет текстура. Внутри чая его нужно будет немного ослабить.

Правим плеск на воде. Слева — светлей, справа — темней. На новом слое с режимом «Перекрытие».

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

Теперь открываем ту самую картинку с цветом чая. И перекрашиваем всё в настоящий цвет чая. Можно использовать новый слой и режимы смешивания, а можно свести изображение, выделить чай и пользоваться инструментами цветокоррекции.

Всё. Создаём копию из видимого и уменьшаем до нужного размера. Потом повышаем резкость.

Постобработка

И еще небольшой список косяков, которые я подкорректировал:

  • Белая полоска от использования меню «Альфа-канал в выделение» удаляется штампом.
  • Осветление верхней части чая новыми слоями с режимом «Перекрытие». Просто большой кисточкой с мягкими краями помазал белым и желтым цветами.
  • Выделение края воды и всплесков было сделано с помощью Контуров. А потом подкорректировано ластиком.
  • Еще добавил тень под чайный пакетик и немного затемнил низ чая.
  • Выделение всплесков было сделано с помощью инструмента «Осветление/Затемнение» с низкой непрозрачностью и маленьким размером кисти.

Если вернуть часть первоначальной кружки обратно и подрисовать тень может получиться так:

Что можно сделать

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

PS Спрашивайте конкретно, говорите что и где болит, на каком шаге не получилось - попробую объяснить.

24 ноября 2011 22

В избранном у 22 человек:

Андрей Сидоров

Метки: фотомонтаж, выделение, контуры, цветокоррекция, штамп, вода.

Результаты урока

Добавить

Уроки: предыдущий следующий

19 комментариев

0

Пользователь #3122Евгений Волков24 ноября 2011 в 02:25Личное сообщение

Браво, что и говорить =)

На мой взгляд, в посте зря ближний край воды выделен (высветлен), она превратилась в желе.

Но очень нравится глубина чая и прием с дымом

0

Пользователь #4304Владимир Отага24 ноября 2011 в 05:54Личное сообщение

Ух, офигенный урок. Андрей, не подскажите кстати какой размер скринов брали?

2

Пользователь #2756Антон Лапшин24 ноября 2011 в 07:04Личное сообщение

Андрей, шикарный урок. Молодцы. Побольше бы таких.

3

Пользователь #1812Макс Шевченко24 ноября 2011 в 08:07Личное сообщение

Ну, собственно, ниже по качеству уроков у Андрея и не бывает..) Так что очередной в Избранное.

P.S. Возможно, стоило сделать нитку более светлой?

0

Пользователь #18Тимур Елизаров24 ноября 2011 в 08:35Личное сообщение

Гуд. Сколько времени примерно ушло?

1

Пользователь #1Филипп Ткачёв24 ноября 2011 в 10:55Личное сообщение

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

0

Пользователь #5349Константин Тычинкин24 ноября 2011 в 12:50Личное сообщение

Пакетик должен немного выступить (его тоже надо разрезать)

0

Пользователь #1812Макс Шевченко24 ноября 2011 в 12:59Личное сообщение

Во-первых - совсем необязательно. Во-вторых - это весьма геморройно по исполнению. А урок итак нелегкий.

2

Пользователь #3080Илья Лейзгольд24 ноября 2011 в 14:30Личное сообщение

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

0

Пользователь #4Андрей Сидоров24 ноября 2011 в 23:09Личное сообщение

Евгений, согласен, верх на желе похоже, но это скорей из-за вида всплесков (как и обещал - не особо реалистично) - не умею воду реалистичную делать, точней её блеск.

Владимир, не совсем понял что такое скрины, но если исходная картинка, то ~1300 по ширине.

Макс, нитка - да. Наобум подобрал цвет. Обычно нитки от чая белые. Естественно, при выполнении урока это можно исправить.

Тимур, "ушло" - не совсем то слово. Сделал я это всё примерно за 4 часа. В это время входит поиск картинок, рисование чашки, написание урока и подготовка изображений для публикации на сайте.

Филипп, по-моему, пакетик разрезать не совсем красиво. Слишком большой разрыв шаблона был бы. А может быть, что зритель вообще не понял бы задумку. Была другая идея - вытащить часть пакетика из толщи воды наружу (одна часть внутри воды, другая - снаружи), но от этой идеи я тоже отказался, потому что долго объяснять (тень достаточно сложно строить).

Илья, смысл, конечно ясен, но фактически финальная картинка - предпоследняя. Самую последнюю как бы для себя сделал (игрался с прозрачностью передней части кружки).

-3

Пользователь #5466Анастасия Высочина25 ноября 2011 в 21:02Личное сообщение

В последней картинке ныдо было основание не целым делать а отрезать его там где кончается стенка ИМХО

2

Пользователь #1812Макс Шевченко25 ноября 2011 в 21:44Личное сообщение

А вы так и сделайте..)

0

Пользователь #5466Анастасия Высочина25 ноября 2011 в 22:32Личное сообщение

Попробую получится выложу

0

Пользователь #5466Анастасия Высочина25 ноября 2011 в 22:33Личное сообщение

Ой, блин запятая
Попробую, получится - выложу!

1

Пользователь #4558Иван Страж27 ноября 2011 в 19:21Личное сообщение

Мне кажется вода не должна быть коричневой, т. к. пакетик только что упал в неё.
Но урок конечно офигенный!

0

Пользователь #4Андрей Сидоров27 ноября 2011 в 19:28Личное сообщение

Иван, это правда, только тс-с-с-с, это секрет)) У картинки насыщенность была бы гораздо ниже, как следствие: круто, но не привлекательно. Хотя... Не пробовал, не знаю, только из личных предположений.

0

Пользователь #4663Аля Юн2 декабря 2011 в 08:06Личное сообщение

Современный чай, так краской пропитан что не чего странного что года сразу коричневой стала:) А урок просто замечательный, все просто и качественно изложенно. Странно только что этикетка в воздухе висит:)

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

0

Пользователь #5542Павел RPG14 января 2012 в 18:54Личное сообщение

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

На самом деле такой урок бы уже хотелось бы видеть для blender.

Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.

Информация по уроку

Другие уроки автора

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

Фотография в стиле "Высокий ключ"
Обработка фотографий при помощи кривых, масок слоя и режимов смешивания.

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

Рисуем ледяное сердце
Сложный урок по рисованию контурами и наложению текстур режимами смешиваня.

Эффект light leak с помощью шаблонов
Легкий урок по приданию необычного свечения на фотографиях с помощью шаблонов и режимов слоя.

Кисти

Bitter 7 Bitter 1 Bitter 2 Bitter 3 Bitter 4 Bitter 5 Bitter 6 Bitter 8 Bitter 9 Fusion_12 Water_1 Water_3 Water_34 Water_16 Мишень Tatu1 GIMP Brush GIMP Brush Created by FiRST GIMP Brush Pipe GIMP Brush Pipe
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Похожие страницы

Описание редактора
Про Гимп

Работа с цветом
Уроки по GIMP

G'MIC
Скачать → Плагины для GIMP

Возможности GIMP
Про Гимп → Описание редактора

Фотомонтаж
Уроки по GIMP

Оценка урока

«Рисуем чашку чая в разрезе» получил оценку 5.00 на основе 10 голосов.

9170+243
Комментариев