ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Рисуем чашку чая в разрезе
Будем делать не обычную чашку, а в разрезе, да еще в которую падает пакетик чая и сам чай растворяется.
В принципе, нарисовать это всё — достаточно легко, но нужно хорошо подобрать текстуры и материалы, с помощью которых будет сделана финальная картинка.
Подбор компонентов

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

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

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

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

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

Когда предмет падает в воду — на нём образуются пузырьки воздуха. Буду использовать эти.
Черновая отрисовка заготовки
Итак, приступим. Определимся с размером финального изображения. Хочу, чтобы чашка по ширине была 600px. Значит создатьОткрываем чашку и растягиваем её до нужных размеров.
С помощью «Эллиптического выделения» создаем выделение в форме края чашки. Это будет верхним краем чая. Опускаем выделение чуть ниже и чуть сужаем (чашка сужается к низу).
Создаём новый слой и заливаем выделение коричневым цветом.

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

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

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

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

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

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

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

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

Теперь добавим дым. Я его выбрал потому что он похож на то, как чай растворяется в светлой воде.
Откроем изображение с дымом. Обесцветим его и сделаем так, чтобы дым стал темным, а всё вокруг светлым.
Выделяйте дым и добавляйте поверх чая с режимом наложения «Умножение».

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

Открытка-коллаж к Дню Святого Валентина

Открытка к Дню святого Валентина

Коллаж "Корабль в море"
Уроки: ← предыдущий следующий →
19 комментариев
Владимир Отага24 ноября 2011 в 05:54Личное сообщение
Ух, офигенный урок. Андрей, не подскажите кстати какой размер скринов брали?
Антон Лапшин24 ноября 2011 в 07:04Личное сообщение
Андрей, шикарный урок. Молодцы. Побольше бы таких.
Макс Шевченко24 ноября 2011 в 08:07Личное сообщение
Ну, собственно, ниже по качеству уроков у Андрея и не бывает..) Так что очередной в Избранное.
P.S. Возможно, стоило сделать нитку более светлой?
Тимур Елизаров24 ноября 2011 в 08:35Личное сообщение
Гуд. Сколько времени примерно ушло?
Филипп Ткачёв24 ноября 2011 в 10:55Личное сообщение
Молодец! Вот бы еще пакетик распилить, было бы очень занимательно. Но мне кажется тогда с картинкой возни будет на целые сутки.
Константин Тычинкин24 ноября 2011 в 12:50Личное сообщение
Пакетик должен немного выступить (его тоже надо разрезать)
Макс Шевченко24 ноября 2011 в 12:59Личное сообщение
Во-первых - совсем необязательно. Во-вторых - это весьма геморройно по исполнению. А урок итак нелегкий.
Илья Лейзгольд24 ноября 2011 в 14:30Личное сообщение
насчет последней картинки. если чашка разрезана по радиусу,то должен быть угол в сердцевину чашки и чая,а на картинке чай разрезан пополам,чашка тоже,а кусок стенки как-будто забыли) надеюсь,что смысл ясен)
Андрей Сидоров24 ноября 2011 в 23:09Личное сообщение
Евгений, согласен, верх на желе похоже, но это скорей из-за вида всплесков (как и обещал - не особо реалистично) - не умею воду реалистичную делать, точней её блеск.
Владимир, не совсем понял что такое скрины, но если исходная картинка, то ~1300 по ширине.
Макс, нитка - да. Наобум подобрал цвет. Обычно нитки от чая белые. Естественно, при выполнении урока это можно исправить.
Тимур, "ушло" - не совсем то слово. Сделал я это всё примерно за 4 часа. В это время входит поиск картинок, рисование чашки, написание урока и подготовка изображений для публикации на сайте.
Филипп, по-моему, пакетик разрезать не совсем красиво. Слишком большой разрыв шаблона был бы. А может быть, что зритель вообще не понял бы задумку. Была другая идея - вытащить часть пакетика из толщи воды наружу (одна часть внутри воды, другая - снаружи), но от этой идеи я тоже отказался, потому что долго объяснять (тень достаточно сложно строить).
Илья, смысл, конечно ясен, но фактически финальная картинка - предпоследняя. Самую последнюю как бы для себя сделал (игрался с прозрачностью передней части кружки).
Анастасия Высочина25 ноября 2011 в 21:02Личное сообщение
В последней картинке ныдо было основание не целым делать а отрезать его там где кончается стенка ИМХО
Макс Шевченко25 ноября 2011 в 21:44Личное сообщение
А вы так и сделайте..)
Анастасия Высочина25 ноября 2011 в 22:32Личное сообщение
Попробую получится выложу
Анастасия Высочина25 ноября 2011 в 22:33Личное сообщение
Ой, блин запятая
Попробую, получится - выложу!
Иван Страж27 ноября 2011 в 19:21Личное сообщение
Мне кажется вода не должна быть коричневой, т. к. пакетик только что упал в неё.
Но урок конечно офигенный!
Андрей Сидоров27 ноября 2011 в 19:28Личное сообщение
Иван, это правда, только тс-с-с-с, это секрет)) У картинки насыщенность была бы гораздо ниже, как следствие: круто, но не привлекательно. Хотя... Не пробовал, не знаю, только из личных предположений.
Аля Юн2 декабря 2011 в 08:06Личное сообщение
Современный чай, так краской пропитан что не чего странного что года сразу коричневой стала:) А урок просто замечательный, все просто и качественно изложенно. Странно только что этикетка в воздухе висит:)
Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.
Павел RPG14 января 2012 в 18:54Личное сообщение
Немного не понимаю этого резкого блика между чаем и чашкой, выглядит словно слои не состыкованы. Не знаю, возможен ли в реальности такой блик, я бы лучше добавил каустики на поверхность чашки как внутри так и снаружи: вода плещется, это неизбежно приведёт к каустике.
На самом деле такой урок бы уже хотелось бы видеть для blender.
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
Информация по уроку
Добавил урок:
Андрей Сидоров
Выполнено в GIMP 2.7.2
Опубликовано 24 ноября 2011
Другие уроки автора
Кисти
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Описание редактора
Про Гимп
Работа с цветом
Уроки по GIMP
G'MIC
Скачать → Плагины для GIMP
Возможности GIMP
Про Гимп → Описание редактора
Фотомонтаж
Уроки по GIMP
Вопросы
Как сохранить фото именно в JPEG и с сохранением контура
Рамка в форме закруглённого прямоугольника
Фотофильтр (Photoshop) аналог в GIMP
Оценка урока
«Рисуем чашку чая в разрезе» получил оценку 5.00 на основе 10 голосов.
9170+243 Комментариев |
со ссылкой на www.progimp.ru. Более подробно →





Карандашный рисунок
Фотография в стиле "Высокий ключ"
Создаём текстуру дерева
Рисуем ледяное сердце
Эффект light leak с помощью шаблонов

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