Advertisement
  1. Design & Illustration
  2. Illustration

Как создать реалистичное яйцо

Scroll to top
Read Time: 11 mins

Russian (Pусский) translation by Svetlana (you can also view the original English article)

В этом уроке мы рассмотрим основные правила создания композиции и научимся работать со светом на изображении. Мы будем использовать илююстрирующие инструменты (Illustrator tools), такие как: Маска непрозрачности, Искажение конвертов, Texturizer и Градиентная сетка (Gradient Mesh). Узнайте, насколько простых методов для достижения этого превосходного результата. Изучите, как осваивать освещение, перспективу, отражение и текстуру поверхности, чтобы принести реализм вашей работе.


Есть 10-ть основных композиционных правил

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

  1. Контраст. Если вы хотите привлечь зрителей к вашей иллюстрации, вы должны использовать контраст. Контрастность достигается за счет сочетания элементов, отличающихся визуальными свойствами. Цветовая контрастность - это расположение светлых элементов на темном фоне и темных элементов на светлом фоне. Текстурный контраст представляет собой комбинацию гладких и шероховатых поверхностей. Контур контраста представляет собой комбинацию угловых и гладких форм и т. д.
  2. Организация. Важные элементы сюжета не должны хаотично находиться. Лучше, когда они образуют простые геометрические фигуры. Направление объектов должно указывать на их взаимосвязь и фокусировать взгляд зрителя на основной объект композиции.
  3. Равновесия. Объекты, расположенные в разных частях изображения, должны совпадать по объему, размеру и цвету.
  4. Золотое соотношение. Золотое соотношение было известно еще в Древнем Египте; его свойства изучались Евклидом и Леонардо да Винчи. Вот простейшее описание золотого отношения: лучшая точка для размещения объекта, которая составляет около 1/3 от горизонтальной или вертикальной границы изображения. Расположение важных объектов в этих визуальных точках выглядит естественно и привлекает внимание зрителя.
  5. Диагонали. Диагональный состав является одним из наиболее эффективных методов композиции. Его сущность очень проста: основные объекты изображения расположены по диагонали. Например от верхней левой до нижней правой. Этот метод хорош, так как такая композиция непрерывно направляет глаз зрителя через весь образ.
  6. Формат. Если мы покажем вертикальные объекты, например небоскребы, формат должен быть вертикальным, но если мы покажем горизонтальные, как, например, пейзаж, формат должен быть горизонтальным.
  7. точка зрения Позиция зрителя может сильно повлиять на эстетику изображения. Это не только влияет на элементы внутри картины, но также влияет на интерпретацию зрителем предмета.
  8. Направление. Мы привыкли читать слева направо, поэтому мы оцениваем изображение таким же образом. Вот почему лучше разместить семантический центр на правой стороне рамки. Таким образом, внешний вид и объект изображения, как будто они движутся друг к другу. Всегда учитывайте это при создании композиции.
  9. Цвет места с которым вы работаете. Если в одной части изображения есть цвет пятна, в другой части изображения должно быть что-то еще. Это привлечет внимание зрителя. Это может быть другое цветовое пятно или действие, например.
  10. динамика Пока изображая движущийся объект, всегда оставляйте пустое пространство перед объектом. Просто поместите объект так, как будто он только что вошел в рамку, но не покидает его.

Шаг 1

Создайте новый документ размером 800 на 1200 пикселей. Создайте эллипс, используя Ellipse Tool (L)- (инструмент эллипса)



Шаг 2

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




Шаг 3

Преобразуйте эллипсы в сломанную яичную скорлупу. Возьмите инструмент «Ножницы» (C) и обрезайте контуры эллипсов. Выберите и удалите ненужную часть.




Шаг 4

Теперь возьмите инструмент ручка (pen Tool) (P) и закройте набросок. Создайте еще одну половину оболочки(каркаса) так же.




Шаг 5

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



Шаг 6

Выберите оболочку, возьмите инструмент «Перо» (P) (pen Tool (P))и создайте ряд точек на прямой стороне оболочки. Возьмите инструмент прямого выбора (A) и измените местоположение созданных точек, создающих переломы оболочки. Для более реалистичного просмотра добавьте больше точек, чтобы сломать больше оболочки. Мы создали контраст формы на этом этапе - комбинацию угловых и гладких объектов.





Шаг 7

Определите местоположение источника света в композиции. От этого зависит направление уклона и расположение теней.  I поместил источник света вверху и в центр композиции. Круг указывает местоположение источника света. Угол освещения будет определять местоположение бликов, огней, теней и полутеней. Круг будет удален в конце, и стрелки от источника света не нужны. Назовите слой с элементами композиции - «Яйцо».



Шаг 8

Под слоем (Яйцо) Egg создайте новый слой - «BG». Создайте прямоугольник и заполните его линейным уклоном от светлого цвета (C = 32, M = 27, Y = 31 и K = 0) вверху до темного цвета (C = 69, M = 57, Y = 68 и K = 54) ниже в соответствии с расположением источника света. Это создаст цветовой контраст, яркая оболочка будет расположена на темном фоне. Цвет яйца не совсем белый, поэтому будет трудно создавать настоящие цвета на абсолютно белом фоне документа. Поэтому мы создаем цветной фон перед картиной нашей композиции.



Шаг 9

Заполните оболочку радиальным уклоном, состоящим из четырех цветов. 1 (C = 7, M = 5, Y = 4 и K = 0), 2 (C = 19, M = 11, Y = 16 и K = 0), 3 (C = 32, M = 27, Y = 31 и K = 0), 4 (C = 51, M = 50, Y = 62 и K = 36). Используйте Gradient Tool (G) (инструмент уклонов) для правильного расположения, переместите ползунки Gradient в палитре градиента, чтобы добиться плавного перехода цветов.



Шаг 10

Создайте внутреннюю часть оболочки. Скопируйте и вставьте переднюю часть оболочки. Теперь с помощью Pen Tool (P) создайте форму, как показано на рисунке ниже. Выберите созданную фигуру и копию оболочки и щелкните поле пересечение из Pathfinder (указатель курса). Затем нажмите «Развернуть».




Шаг 11

Создайте тени на внутренней поверхности яйца, используя радиальный градиент (уклон), состоящий из трех цветов. 1 (C = 30, M = 39, Y = 67 и K = 4), 2 (C = 38, M = 45, Y = 72 и K = 13), 3 (C = 22, M = 20, Y = 35 и K = 0). Цифры на изображении показывают: 1 - более светлая область, вызванная светом, проходящим через оболочку, 2 - тень, 3 - светлая область, вызванная прямым светом.




Шаг 12

Создайте фигуру, чтобы указать толщину оболочки. Скопируйте форму внутренней поверхности яйца и вставьте его спереди. Теперь возьмите Pen Tool (P) и создайте форму, показанную на рисунке ниже. Выберите форму и копию внутренней поверхности и щелкните поле Пересечение из Pathfinder (указатель курса). Затем нажмите «Развернуть». Заполните полученные элементы белым.





Шаг 13

Создайте текстуру оболочки. Скопируйте и вставьте переднюю часть оболочки и перейдите в Effect> Artistic> Sponge ... с настройками: Brush Size = 0; Определение = 0 и гладкость = 1. Поскольку текстуру освещенной части оболочки нельзя увидеть, примените маску непрозрачности (помутнение). Скопируйте исходную форму оболочки снова и вставьте ее перед формой с эффектом. Заполните верхнюю форму лучеобразным черно-белым градиентом (уклоном). Выберите форму с эффектом и одну с черно-белым градиентом  (уклоном)и примените маску непрозрачности (потускнения), используя палитру Transparency (прозрачность).





Шаг 14

Половина оболочки готова. Используя описанные выше методы, создайте вторую половину оболочки. Следует сказать, что градиент внутренней поверхности второй части оболочки отличается по цвету от первой части оболочки, так как она обращена другим способом к источнику света. Градиентные цвета (цвета уклона) внутренней поверхности второй части оболочки: 1 (C = 16, M = 25, Y = 65 и K = 0), 2 (C = 26, M = 37, Y = 69 и K = 2 ), 3 (C = 12, M = 5, Y = 7 и K = 0).




Шаг 15

Теперь создайте желток. Заполните круг радиальным (лучеобразным) градиентом (уклоном) от желтого (C = 1, M = 16, Y = 100 и K = 0) до светло-коричневого цвета (C = 0, M = 79, Y = 100 и K = 22). Ярко-оранжевый цвет создаст цветовой контраст в этом основном монохромном составе



Шаг 16

Создайте отражение источника света в желтке. Форма отражения зависит от формы источника света, формы самого объекта и поверхности, на которой расположено отражение. Окно (квадратная форма) - это источник света, который я использую; Сфера - это поверхность, на которой расположено отражение. Возьмите инструмент Rectangle Tool (M) (прямоугольник) и создайте форму отражения. Затем перейдите в Object> Envelope Distort> Make with Warp ... с настройками, указанными на картинке. Теперь перейдите к объекту > Expand (раскрыть, увеличить в объеме). Возьмите инструмент Direct Selection  (прямой выбор)Tool (A) и отредактируйте форму отражения. Нижняя часть отражения не может быть выпуклой, так как она лежит на плоскости, проходящей через ось сферы. Эта сторона должна быть прямой. Заполните отражение линейным градиентом  (уклоном) от белого до желтого цвета (C = 5, M = 41, Y = 100 и K = 0) и установите на 60% непрозрачность (помутнение).






Шаг 17

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



Шаг 18

Возьмите инструмент Pen Tool (P) и создайте форму отражения на передней части желтка, заполните форму белым цветом и установите на 50% непрозрачность.



Шаг 19

Используя метод, описанный на шаге 11, создайте форму полутени на желтке (цвет C = 0, M = 79, Y = 100 и K = 22) и установите режим наложения и непрозрачность, как показано на рисунке ниже. В результате мы получили резкое изменение цвета. Теперь сделайте этот переход более плавным. Возьмите инструмент Mesh (ячейка сети)Tool (U) и создайте одну точку сетки. Теперь замените цвет верхних точек сетки на белый, используйте инструмент Direct Selection  (прямой выбор)Tool (A) и Swatches Box ( коробка с образцами). Примените эту технику, создающую тень на желтке.









Шаг 20

Теперь создайте яичный белок. Создайте новый слой по фону и назовите его Яичным белком. Возьмите Инструмент "Перо" (P) и создайте форму жидкого яичного белка. Попытайтесь сделать все кривые гладкими и красивыми. Заполните форму линейным градиентом от (C=66, M=56, Y=62 и K=40) к (C=45, M=40, Y=49 и K=7).




Шаг 21

У яичного белка есть разнородная структура, таким образом, мы попытаемся отразить его в нашем произведении искусства. Создайте несколько эллипсов по поверхности яичного белка, заполнить цвет (C=56, M=48, Y=56 и K=29). Теперь возьмите Инструмент Вращения и примените параметры настройки в диалоговом окне, как показано на картине ниже. Эксперимент с параметрами настройки. Держите инструмент, перемещающийся во время вашей работы, и вы получите превосходный результат. Установите 45%-ю Непрозрачность для созданных элементов. Группируем верхние  элементы и блокируем подслой.





Шаг 22

Создайте тени на белом, используя технику, описанную на шаге 11. Цвет теней (C = 74, M = 67, Y = 66 и K = 85)



Шаг 23

Теперь создайте несколько рефлексов ( отблесков) в тени. Возьмите инструмент «Перо» и создайте формы рефлексов (отблесков).



Шаг 24

Создайте каплю и пузырьки на яичном белке. Создайте эллипс, возьмите (инструмент " Перо")Pen Tool (P) и создайте форму рефлекса (отблеска). Создайте пузырь так же. Группируйте верх всех элементов  пузырька, скопируйте его, вставьте в него и масштабируйте, создавая маленькие пузыри.





Шаг 25

Создайте большой пузырь рядом с желтком. Создайте эллипс в слое Egg (яйцо). Возьмите инструмент «Ножницы» (C) и разрежьте эллипс на пересечении желтка. Удалите ненужную часть и присоединитесь к инструменту Pen Tool "Перо"(P) вдоль дуги точки разреза. Возьмите инструмент «Перо» (P) и создайте формы рефлексов (отблесков). Верхний рефлекс  (отблеск) является отражением источника света, а нижний - отражением от поверхности, на которой расположено яйцо. Скопируйте форму пузыря и вставьте его в слой Glair (яичный белок). Переместите эту фигуру, чтобы сделать тень пузыря. Скопируйте форму пузыря снова и вставьте его в слой Яйцо. Сдвиньте копию к желтку и наполните ее неразбавленным  желтым цветом (C = 5, M = 41, Y = 100 и K = 0). Таким образом, мы получаем переход пузыря в желток








Шаг 26

Теперь создайте тени под оболочкой. Создайте новый слой - Тень над фоном. Возьмите инструмент «Перо» (P) и создайте форму тени. Теневой цвет (C = 65, M = 64, Y = 77 и K = 77). Не забывайте координировать расположение теней с источником света и формой объекта. Создайте форму полутени под тенью. Цвет полутени (C = 55, M = 48, Y = 58 и K = 20). Тень создается нижней частью оболочки, а полутень создается верхним. Удалите переход цветов, используя метод, описанный в  шаге 20. Сделайте то же самое с тенями под второй частью оболочки.







Шаг 27

Спуститесь на задний план, сделайте его зернистым. Перейдите к слою BG. Дублируйте прямоугольник и перейдите в Effect> Texture> Texturizer ... с настройками, показанными на рисунке ниже. Комбинация жидкого яичного белка и шероховатой поверхности дает нам отличный контраст текстуры. На переднем плане шероховатость поверхности более заметна, чем на заднем плане. Примените маску (затененность) непрозрачности, чтобы скрыть шероховатость фона, используйте технику, описанную в шаге 14.





Заключение

Итак, теперь у нас есть идеальный состав, в котором мы использовали разные типы контрастов: формы, цвета и текстуры. Мы научились правильно размещать элементы изображения в соответствии с правилами композиции. Работая со светом, я советую вам внимательно изучить реальные предметы, вы научитесь воспринимать нюансы, которые вы никогда не замечали раньше. Используйте эти наблюдения, и ваши работы будут выглядеть более реалистично. Удачи.


Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.