Рисуем смайлик

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

Что понадобится

Для того, чтобы нарисовать смайлик нам может понадобиться:

  • Графический редактор GIMP. Нужно скачать бесплатный GIMP и установить его.
  • Скачать кисти для GIMP , они могут пригодиться.
  • Могут понадобиться некоторые дополнения (инструкция как их устанавливать).
  • Немного терпения.
  • Хорошее настроение.

Поэтапный урок

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

Кстати, кроме этого урока советую обратить своё внимание на урок « ». Он поможет повысить ваше мастерсово или просто доставит немного удовольствия.

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

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

Для начала создаем новое изображение 200x200px с белой заливкой фона.

Теперь с помощью инструмента эллиптического выделения создаем круг на холсте. Чтобы окружность была правильной формы нужно зажать кнопку Shift. Создайте новый слой и заполните выделение коричневым или темно-желтым цветом.

Зайдите в «Выделение - Уменьшить» и уменьшите выделение на 2−3 пикселя. Получившееся выделение нужно залить градиентом. Для этого я выбрала градиент «Yellow Orange». В настройках инструмента градиент проследите, чтобы форма была линейной, непрозрачность 100%, а режим смешивания - нормальный. Создайте новый слой и заполните выделение градиентом.

Зайдите в «Выделение - Уменьшить» и уменьшите выделение еще на 7−9 пикселей. Поменяйте цвет переднего плана на белый и в настройках градиента выберите градиент «Основной в прозрачный». Создайте новый слой и заполните выделение градиентом.

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

Зайдите в «Выделение - Уменьшить» и уменьшите выделение на 2−3 пикселя. Создайте новый слой и заполните его белым цветом.

Уменьшите выделение на 1−2 пикселя, замените цвет переднего плана на черный, создайте новый слой и залейте выделение градиентом. После этого нужно задать слою с черным градиентом непрозрачность 10−20%.

Если результат вас удовлетворяет, то объедините три слоя глаз между собой. Продублируйте получившийся слой и инструментом Зеркало отразите его по горизонтали.

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

Уменьшите выделение на 1−2 пикселя, замените цвет переднего плана на белый и залейте выделение градиентом.

Продублируйте получившийся слой и инструментом Зеркало отразите его по горизонтали.

Чтобы нарисовать рот смайлику нужно создать овальное выделений ниже глаз, создать новый слой и заполнить выделение серым цветом. Я использовала цвет #080808. Не снимая выделение, нужно пройти мягкой полупрозрачной кисточкой с черным цветом переднего плана по верхней части овала, а белой - по нижней. После всех действий нужно выровнять рот по центру.

Брови смайлика я нарисовала инструментом Контуры. Когда у меня получилась нужная форма я нажала кнопку «Выделение из текста» в окне настройки инструмента. Нужно создать новый слой и заполнить его черным цветом. Чтобы придать объема я провела по верхней части выделения полупрозрачной мягкой кистью с белым цветом переднего плана.

Теперь нужно сделать копию этого слоя и инструментом Зеркало отразить его по горизонтали.

Если вы хотите создавать маленькие смайлики, я советую сразу делать их нужного размера, потому что в Гимпе алгоритмы масштабирования оставляют желать лучшего. Свой смайлик я смогла уменьшить до размера 40x40px, при чем, после уменьшения, пришлось применить к нему «Фильтры - Улучшение - Повышение резкости» с параметром 40.

Этот несложный урок посвящен рисованию смайликов, таких, как на рисунке справа, с помощью Paint.NET. Для рисования понадобится дополнительные , описание которого есть на нашем сайте.

Этап 1. Рисуем основу смайлика.

Для этого создаем новое изображение (по умолчанию 800 на 600 пикселей), на котором дополнительно к фону создаем новый прозрачный слой. На этом слое рисуем при помощи инструмента "овал" с типом "сплошная фигура" - круг. Для того что бы круг получился ровным, можно удерживать при рисовании клавишу Shift. Для рисования круга мы использовали традиционный для смайликов желтый цвет.

Этап 2. Создадим блик на смайлике.

Для начала выделим желтый круг основы для смайлика, например при помощи инструмента "волшебная палочка". После этого создаем новый прозрачный слой, который будет расположен выше слоя с желтым кругом. Если новый слой оказался не там, где нужно, его можно легко передвинуть, используя соответствующие кнопки в окне управления слоями Paint.NET . Теперь сделаем вновь созданный слой активным и немного сожмем слева и справа выделенную область, что бы получился эллипс, как на рисунке слева.

Теперь, убедившись, что наш новый слой является активным, воспользуемся инструментом Paint.NET "градиент" внутри выделенной области. Первый (основной) цвет сделаем белым, второй (дополнительный) цвет будет полностью прозрачным, т.е. значение прозрачности альфа будет равно нулю. Итак, используя обычный линейный градиент, начиная от верхнего края изображения и останавливаясь где-то на середине смайлика, у вас должен получиться рисунок, примерно такой, как у нас на рисунке справа (зеленой стрелки градиента и квадрата с изображением цветов у вас естественно быть не должно, мы нарисовали их для наглядности уже потом). Теперь осталось сделать переход по границе блика плавным, для этого применим, не снимая выделения области, дополнительный . Мы применяли этот эффект с максимальным значением радиуса, равным десяти. Полученный результат приведен на рисунке ниже.


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

Этап 3. Глаза и рот смайлика.

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

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

Этап 4. Обводим смайлик и делаем его объёмным.

Теперь нам необходимо добавить смайлику зрачки и обвести его. Делать это мы будем на слое со смайликом. Зрачки создадим при помощи известного нам инструмента "овал", которые мы сделали черными. Теперь для того что бы обвести смайлик нам нужно выделить все нарисованные элементы на этом слое. Сделать это проще всего "от обратного": при помощи инструмента "волшебная палочка" выделяем все пустые (прозрачные) участки нашего изображения. Для того что бы выделить несколько участков можно, например, удерживать клавишу Ctrl на клавиатуре, во время выделения областей. Далее мы инвертируем выделенную область путем нажатия комбинации клавиш Ctrl+I. Теперь у нас оказались выделенными все нарисованные участки слоя. Применим к ним из комплекта внешнего эффекта "Обработка края выделенной области". Полученный результат можно увидеть на рисунке слева. Мы использовали толщину линии равную трем.

Теперь осталось придать смайлику объем. Для этого, не снимая выделения, применим еще один из комплекта внешнего эффекта "Обработка края выделенной области". Для простоты мы использовали параметры этого эффекта, заданные по умолчанию. Однако если поэкспериментировать, изменяя параметры, можно получить разные интересные результаты. Осталось придумать какой-нибудь фон для сделанного нами смайлика. Сделаем несложный двухцветный фон, воспользовавшись инструментом "градиент", применив его к слою "фон" нашего изображения. Нарисованный нами смайлик можно увидеть на рисунке снизу.


Используются эффекты: Трехмерное изображение - Shape3D

Обработка края выделенной области - Bevel Selection

Этап 1. Рисуем фон для веселого трехмерного смайлика в Paint.NET

Создайте квадратное изображение, например, размером 400 на 400 пикселей. Фоновый слой оставьте белым. Создайте еще один прозрачный слой, который заполните градиентом (инструмент Paint.NET Градиент ) из двух цветов. В качестве основного цвета мы использовали мандариновый ff8800 , а в качестве дополнительного - золотистый ffd700 . Градиент выполните непосредственно из верхнего левого угла изображения в нижний правый угол. Получится примерно такое изображение как на рисунке слева.

Этап 2. Рисуем глаза и улыбку смешного трехмерного смайлика в Paint.NET

Создадим новый прозрачный слой. Если новый слой оказался не на самом верху, а ниже слоя с фоном, переместите его наверх. Этот новый слой нам понадобится потом для того, что бы было легче придать объемность глазам и улыбке смайлика. Сейчас на этом новом слое при помощи инструмента Paint.NET линия или кривая нарисуйте глаза и рот будущего смайлика с помощью инструмента Линия, черным цветом и толщиной 4

Поскольку наш смайлик в будущем будет представлять собой шарик, типа шарика для пинг-понга, то было бы эффектным сделать полоски глаз и улыбки вдавленными или выпуклыми. Для этого нам понадобится выделить на верхнем слое, на котором мы только что рисовали глаза и улыбку, всю пустую область. Сделать это несложно теперь при помощи инструмента Paint.NET волшебная палочка. Сделать это было бы гораздо сложнее, если бы мы не рисовали глаза на отдельном слое. К выделенной пустой области применим дополнительный эффект для Paint.NET Обработка края выделенной области - Bevel Selection, описание которого есть на нашем сайте. Для простоты мы использовали параметры эффекта по умолчанию, кроме дополнительного цвета, его мы сделали серым, а не белым. Однако вы можете изменять и другие параметры и, возможно, ваш смайлик окажется более симпатичным, чем получился у нас. Получившуюся в результате применения эффекта рамку вокруг изображения мы удалили, хотя в дальнейшем эта рамка должна оказаться в невидимой области, так что в принципе, можно было этого и не делать.

Шаг 1

Создайте новый файл размером 50х50 px, с Mode RGB Colour и прозрачным фоном. Назовите слой Outline (Контур).

Выберите цвет #565656 .

Увеличьте масштаб картинки до 1600%. Возьмите Pencil tool размером 1px и проведите горизонтальную линию длиной 5px. Далее опуститесь вниз и сдвиньтесь на 1px вправо. Нарисуйте линию длиной 2px. И так далее, согласно инструкции на рисунке:

Шаг 2

Создайте новый слой. Назовите его Fill (Заливка). Сейчас закрасим смайл.

Возьмите цвет #A1A1A1 и закрасьте им те точки, которые показаны на рисунке:


Теперь #C2C2C2 :

#D2D2D2:

#D8D8D8:

#DEDEDE:

#E7E7E7:

И, наконец, #F0F0F0:

Шаг 3

Создайте новый слой и назовите его Left hand (левая рука).

Возьмите цвет #565656 и нарисуйте им горизонтальную линию размером 2px. Проделайте всё так, как показано на рисунке:


На том же слое закрасьте верхний левый угол цветом #E7E7E7 . Затем цветом #D2D2D2 закрасьте верхний правый угол и нижний левый. Для нижнего правого угла - цвет #AEAEAE :

Продублируйте слой Left hand и назовите его Right hand (Правая рука). Используйте Move Tool (V) и переместите слой вправо:


Объедините слои Outline и Fill . Назовите новый слой Body (Тело):


Шаг 4

Создайте слой-папку Expressions (Выражения лица). У нашего смайлика будет два выражения лица: открытые глаза и закрытые глаза (моргающие).

Создайте в папке слой Open eyes (Открытые глаза) и на этом фоне цветом #565656 нарисуйте глаза, как показано на рисунке (3px в высоту и 2px между глазами):


В этой же папке создайте слой Closed eyes (Закрытые глаза). Отключите слой Open eyes и нарисуйте цветом #565656 горизонтальную линию размером 6px:


Шаг 5

Если вы хотите сменить цвет, зайдите в Layer > New Adjustment Layer > Hue/Saturation (Ctrl, U) . Отметьте галочкой пункт Colorize и поменяйте Hue and Saturation . Сохраните результат.

Проделайте тоже самое с другими слоями, нажимая на кнопку Load:

Часть 2. Анимация

Шаг 6

Перейдите в Adobe Image Ready (Ctrl, Shift, M) (анимация в Photoshop CS3 и выше: Window > Animation ).

Шаг 7

Если вы хотите сделать плавную анимацию, скажем, просто движение руки, меняйте положение руки на 1px на каждом последующем кадре:

То же самое можно сделать с глазами, телом и т. д.

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

Шаг 8

Убедитесь, что вы у вашего смайла моргающие глаза. Для этого нужно сначала сделать видимым слой Open eyes , а потом Closed eyes . Должно получиться что-то вроде этого.

Смайлики давно уже вошли в сферу нашего общения в качестве способа выражения наших эмоций. Мы ставим смайлики в социальных сетях, шлем их в СМС и так далее. Что такое смайлик? Это желтый кружок с глазами и улыбкой. Если вам вдруг понадобилось нарисовать его, то мы вам предлагаем инструкцию, объясняющую, как нарисовать смайлик.

Как нарисовать смайлик

  1. Сначала чертим окружность нужной вам величины.
  2. Затем рисуем две вспомогательные линии, определяющие уровень глаз и рта.
  3. Рисуем глаза по намеченным заранее линиям. Как нарисовать красивый смайлик? От выражения глаз и рта вашего рисунка будет зависеть то, каким он будет: грустным, веселым, или даже злым. Глаза могут быть круглые, с зрачком посередине, либо вместо глаз иногда ставят крестики, такой смайлик будет более схематичным. На глазах можно нарисовать реснички. В общем, все зависти от вашей фантазии.
  4. Рот обычно рисуется в форме дуги – улыбки. Но можно также сделать печальное выражение, тогда улыбку нужно будет перевернуть.
  5. Не забудьте стереть вспомогательные линии.
  6. Теперь добавляем цвет: закрашиваем смайлик желтым цветом, глаза и рот также красим в соответствующие цвета.

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