10 смайликов для фотошопа — уроки фотошоп

Рисуем смайлик в фотошопе

Здравствуйте, дорогие подписчики! Сегодня я расскажу Вам, как создать смайлик в фотошопе. Это очень просто!

Итак, давайте приступим!

Конечный результат:

Шаг 1. Создаем новый документ

Откройте программу AdobePhotoshop и создайте новый документ, размером 1280*1280 пикс.

Шаг 2. Рисуем основу смайлика

Как Вы уже, наверное, догадались, основой нашего смайлика будет желтый круг. Давайте его нарисуем! Для этого возьмите инструмент Эллипс и, зажав клавишу Shift, нарисуйте круг и поместите его по центру холста, предварительно установив желтый как основной цвет.

Шаг 3. Применяем стили слоя

Щелкните дважды по слою с кругом, чтобы перейти в стили слоя. Затем в открывшемся окне активируйте и настройте следующие стили слоя:

Вот, что у Вас должно получиться в итоге:

Шаг 4. Рисуем блик

Для того чтобы нам нарисовать блик на нашем будущем смайлике, нам нужно нарисовать его выделение и заполнить его белым. Итак, для этого зажмите клавишу Ctrl и щелкните по миниатюре слоя с кругом, чтобы образовать выделение. Затем перейдите в меню Выделение>Модификация>Сжать и в открывшемся окне введите значение 25 пикс.

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

Затем с помощью инструмента Прямоугольная область, в режиме вычитания, разделите выделение на две части.

Теперь создайте новый слой и залейте выделенную область белым цветом, снимите выделение, нажав комбинацию клавиш Ctrl+D.

Далее примените к данному слою фильтр Размытие по Гауссу, для этого перейдите в меню Фильтр>Размытие>Размытие по Гауссу и в открывшемся окне задайте Радиус 37,4 пикс. Уменьшите  Непрозрачность данного слоя до 67%.

Шаг 5. Рисуем элементы смайлика

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

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

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

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

Поздравляю! Наш смайлик готов!

Конечный результат:

Видеоурок:

Источник: https://smart-photoshop.ru/risovanie/risuem-smajlik-v-fotoshope/

Рисуем смайлики в Фотошоп

Смайлы, эмотиконы, веселые лица. Как бы их не называли, они повсеместно встречаются в блогах, текстовых сообщениях и чатах. Поскольку эта работа производится в малом масштабе, вам потребуются некоторые трюки пиксель-арта, который легко создать в Adobe Photoshop.

1. Рисуем основу

Шаг 1

Создайте новый документ в Adobe Photoshop размером 200px x 200px или немного больше (в зависимости от необходимого вам пространства и количества иконок), установите Содержимое фона (Background) на Прозрачный (Transparent). Выберите инструмент Карандаш(Pencil Tool) с толщиной 1px, затем при помощи инструмента Масштаб (Zoom Tool) приблизьте изображение на 1500-1600%.

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

Шаг 2

Используя инструмент Заливка(Paint Bucket Tool), заполните круг ярким желтым цветом (R: 255 G: 204 B: 51). Убедитесь, что галочка Сглаживание (Anti-Alias) отключена, а Смежныепиксели (Contiguous) включена. Залейте черную кайму круга темным желтым (R: 102 G: 51 B: 0).

Чтобы добавить смайлику немного тени, уменьшите Непрозрачность (Opacity) карандаша (Pencil Tool) на 50% и нарисуйте тень на внутренней стороне круга.

При помощи пипетки (Eyedropper Tool) скопируйте цвет тени, установите непрозрачность (Opacity) карандаша (Pencil Tool) обратно на 100% и разместите несколько пикселей по краям смайлика как показано на рисунке.

2. Создаем улыбку

Шаг 1

Поскольку нам будет нужно несколько лиц, создайте новый слой. Снова выберите темный желтый цвет (R: 102 G: 51 B: 0) и нарисуйте глаза смайлика.

Создайте тень между глазами, уменьшив непрозрачность (Opacity) карандаша(Pencil Tool) на 20%. Рот смайлика шириной в семь пикселей и к низу сужается (7-5-3).

Добавьте тень с другой стороны (50% Непрозрачности) и тень вокруг рта  (20% Непрозрачности).

Шаг 2

Используйте белый цвет с непрозрачностью 100%, 50% и 30%, чтобы создать блик в верхней части смайлика, на щеках и над верхней губой. Обратите внимание на дополнительные тени, которые смягчают блики.

Читайте также:  Правильная настройка фотошопа - уроки фотошоп

3. Больше лиц

Шаг 1

Скопируйте (Ctrl + C) и вставьте (Ctrl + V) базовый круг из первой секции урока. Создайте новый слой. Процесс создания грустного лица такой же как и для веселого из второй секции, но рот длиной в пять пикселей, плюс два пикселя по диагонали ниже.

Шаг 2

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

Сдвиньте рот вниз. Самый простой путь, это использовать инструмент Прямоугольное выделение(Rectangular Marquee Tool), чтобы выбрать рот вместе с окружающими тенями и бликами, затем переместить его на пиксель вниз. Придайте глазам форму буквы z. Так глаза получатся зажмуренными, придавая большей реалистичности смайлику.

Шаг 3

У смеющегося лица глаза также должны быть закрыты. Еще раз скопируйте и вставьте основной круг, но в этот раз, нарисуйте тени в середине и внизу (как на рисунке ниже). Глаза закрыты и скашиваются к низу, а рот скашивается к верху, тень от него закрывает большую часть подбородка смайлика.

Шаг 4

Этот смайлик до невероятного прост: три пикселя для каждого глаза и пять для рта.

Шаг 5

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

4. Легко меняем цвет

Шаг 1

Выделите свои смайлики (я объеденил все слои, нажав Ctrl+E) и создайте новый слой. Используйте инструмент Заливка(Paint Bucket Tool), чтобы заполнить выделение одним цветом. В панели слоев (Layers Panel) измените Режим наложения (Belnding Mode) на Цветность (Color).

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

Вы это сделали!

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

Автор: Mary Winkler

Перевод: Шаповал Алексей

Источник: https://Photoshop-master.ru/lessons/risovanie/risuem-smayliki-v-fotoshop.html

Создаем забавные смайлы в Photoshop

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

хорошее настроение.

Подробности урока

  • Программа: Adobe Photoshop
  • VВерсия: CS5
  • Уровень: Beginner
  • EВремя: 30 минут

Конечный результат

Шаг 1

Создаем новый файл в Photoshop.

Шаг 2 

Возьмите Ellipse Tool (U) (Эллипс) и нарисуйте круг. Заполните его цветом # e7c948 и примените следующие стили:

Шаг 3

Создайте новый слой и выберите инструмент Pen Tool (P). Нарисуйте форму, как на первом изображении. Переключитесь на вкладку Paths (Контуры)  и удерживая Ctrl, щелкните на созданном контуре (чтобы выбрать его пиксели).

 Выберите Gradient Tool (G) и проведите вертикальную линию (от белого к прозрачному). Нажмите Ctrl + D, чтобы снять выделение пикселей и немного уменьшите эту форму градиента.

 Затем просто применить эффект, как показано на втором изображении, и соединить этот слой с исходной формой круга.

Шаг 4

Создайте новый слой и выберите пиксели предыдущего слова(круг-тело смайла).Закрасьте выделение случайным цветом, измените Fill (Заливка) на 0% и примените следующие стили. Затем дублируем этот слой и изменяем параметры стиля (угол от 180 до 0 градусов).

Шаг 5

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

Шаг 6 

Выберите инструмент Pen Tool (P) и нарисуйте форму открытого рта. Заполните его цветом # FFFFFF (белый) и примените следующие стили.

Шаг 7

Дублируйте этот слой, измените значение заливки копии на 0% и замените существующие стили на эти:

Шаг 8

Теперь создайте новый слой, выберите пиксели улыбка ( созданной в шаге 6) и перейдите на вкладку Paths(Контуры).Нажмите на Make Work Path (Создать рабочий контур), возьмите мягкую круглую кисть (20 пикселей). Выберите инструмент Pen Tool (P).

 Щелкните правой кнопкой мыши в любом месте на холсте и выберите Stroke Path (Обводка контура) (убедитесь, что не стоит галочка Simulate Pressure). Удалите часть внутри улыбка и измените Fill до 0%.

 Затем примените следующие стили и уменьшите непрозрачность до 55%.

Шаг 9

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

Шаг 10

Нарисуйте меньший круг и залейте его цветом # 3496bb (или любой другой цвет, который захотите). Затем добавьте эти стили.

Шаг 11

Создайте новый слой и выберите инструмент Custom Shape Tool (U). Теперь нужно найти Registration Target 2 и залейте ее цветом # 000000 (черный). Измените режим смешивания на Soft Light и уменьшите Fill до 35%. Разместите этот слой поверх синего, который создали в предыдущем шаге и измените размеры формы, чтобы они совпадали с радужкой глаза. 

Шаг 12

Читайте также:  5 бумажных фонов и текстур - уроки фотошоп

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

Шаг 13

Продублируйте эти слои и разместите их на другое глазное яблоко.

Шаг 14

Добавляем тень под смайлом.   (Ellipse Tool> Fill: черный> Gaussian Blur (4-5px)> Непрозрачность: 30%). Сгруппируем все слои, созданные до этого момента, и назовем группу “Веселый”.

Шаг 15 

пируем группу с  “Веселым” и удаляем некоторые слои (рот, глазные яблоки — оставьте радужную оболочку). Второй смайл, который будем создавать «глупый». Прежде всего, Два отдельных круга для глаз.

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

Не забудьте также переместить радужку. 

Шаг 16

Создайте новый слой и выберите инструмент Pen Tool (P). Нарисуйте рот, используйте первое изображение в качестве руководства и залейте его цветом # a3080a. Добавьте на новый слой немного теней на новый слой, если пожелаете (создайте обтравочную маску).

Шаг 17

Теперь нарисуйте языком с помощью Pen Tool (P). Используйте первое изображение в качестве ориентира. Заполните форму цветом # bf5f5f и примените следующие стили. Наконец, объедините этот слой со слоем рта. 

Шаг 18

Создайте новый слой и еще раз выберите Pen Tool (P). Нарисуйте несколько случайных форм для зубов.Заполните их # DDDDDD и применять эти стили (постарайтесь для этого слоя также создать обтравочную маску).

Шаг 19

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

Шаг 20

Добавьте немного теней внутри рта. 

Шаг 21

Повторите шаг 8.

Теперь создайте другие смайлы! Как вы могли заметить, сделать это — достаточно легко, и менее, чем за полчаса вы можете создать интересные смайлы. Надеемся, что этот урок вас вдохновит и поднимет настроение =)

Источник: http://www.dejurka.ru/tutorial/smile_photoshop/

Всё для фотошопа — Рисуем смайлик

Всем привет! Сегодняшний урок будет посвящён рисованию, а изображать мы будем вот такой улыбающийся смайлик.

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

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

Кликаем правой кнопкой мыши внутри контура и выполняем заливку жёлтым цветом (#fbf903). Далее снова клик правой кнопкой. Теперь добавим обводку чёрным цветом (#000000), ширина 60 пикселей, расположение — по центру. Отменяем выделение (Ctrl + D).

Создаём новый слой. Снова рисуем окружность с зажатой клавишей Shift. На этот раз небольшого диаметра. Затем выбираем инструмент Прямоугольная область (М), зажимаем клавишу Alt и обрезаем нижнюю часть нарисованной ранее окружности. В результате получим такую фигуру, как на рисунке ниже.

Как и в предыдущем шаге, выполняем заливку контура. Цвет заливки будет белым (#ffffff), и добавляем обводку чёрным цветом шириной 60 пикселей. Отменяем выделение. После этого берём круглую жёсткую кисть диаметром 150 пикселей и нарисуем чёрным цветом зрачок.

Создаём дубликат этого слоя (Ctrl + J) и инструментом Перемещение (V) перетаскиваем глаз вправо.

Теперь займёмся рисованием рта у смайлика. Инструментом Овальная область (М) на новом слое рисуем эллипс, затем отсекаем верхнюю часть инструментом Прямоугольная область с зажатой клавишей Alt (см. пример ниже).

Заливаем выделенную область бледно-розовым цветом (#f298ed) и добавляем обводку чёрным. Ширина обводки — 60 пикселей.

Далее устанавливаем цвет переднего плана #000000, выбираем Карандаш (B) размером 40 пикселей и жёсткостью 100%. Проводим горизонтальную линию по верхней границе рта. Чтобы нарисовать ровную линию, зажмите и держите Shift.

Создаём новый пустой слой. Круглой кистью ярко-розового цвета (#fa1999) и размером 400 пикселей нарисуем язык.

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

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

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

Для всей группы меняем режим наложения на Мягкий свет (Soft Light).

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

Уменьшаем непрозрачность дубликата до 50%. Вот и всё, наш улыбающийся смайлик готов.

Читайте также:  Радужное фото - уроки фотошоп

Ещё один вариант

Посмотреть результат в оригинальном разрешении

{jcomments on}

Источник: http://style-ps.ru/uroki-photoshop/collekciya-3/risuem-smaylik.html

Прыгающие смайлики в Фотошоп

Зачем качать в инете картинки для форумов – давайте делать их сами!

Итак, начнём.
Я создала документ примерно 1000х200pix. Потом его, по необходимости можно будет уменьшить и обрезать.

Чтобы удобнее было распределять наших колобков, я создала направляющую (Ctrl+R – появятся линейки и опускаем горизонтальную направляющую вниз). Для начала  —  рисуем сам смайлик.

Я показываю самый простой вариант, а всё остальное зависит от вас!

Любым, удобным для вас, способом рисуем желтый круг и применяем к нему Стили Слоя:

Затем маленький белый круг и тоже  Стили Слоя:

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

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

Приступаем…. Я слила вместе слои с глазами, а  рот вместе с телом (а может головой) колобка )))

Получилось 2 слоя. Объединяем их в группу. Назовём её Исход. Эту группу мы будем копировать и вносить необходимые изменения.

И так копируем Исход, переименовываем в 1 (это первая фаза движения) и сплющиваем тело смайлика по вертикали:

Глаза – оставляем как есть! Хотя почему оставляем… кому как нравится.
Снова копия слоя Исход  и переименовываем в группу 2 (вторая фаза). Сплющиваем колобок по горизонтали:

Я немного опустила направляющую – оставив побольше пространства для прыжков….
Объясню задумку: у всех колобков, кроме нижних расплющенных, глазки находятся на одном уровне.

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

Продолжаем, группа 3 (третья фаза и т.д.):

Теперь группа 4:

Чтобы наш прыгун немного задержался в воздухе сделаем две копии 4-ой группы (всего 3 шт получается: 4, 5, 6).
А теперь копируем 3-ю группу и называем её  7.
Копируем 2-ю и  переименовываем в 8. Я расположила группы по возрастанию от 1 до 8, чтобы не запутаться.

Вот такая штука получается:

Если Вам не удобно с цифрами, можно назвать группы например так – отражая процесс движения: низ, 1 вверх, 2 вверх, 1 вершина, 2 вершина, 3 вершина, 1 вниз, 2 вниз. Или как-нибудь по-другому. Соединяем 8 слоёв опять в группу. И копируем 7 раз (тогда у нас будет прыгать 8 смайликов и движение получится зацикленным).

И распределяем полученные группы (можно их назвать 1колобок, 2колобок…8колобок, чтобы не запутаться) по длине документа.

Если в документе места не хватит – добавьте, если останется – обрежьте.

Убираем направляющие (Просмотр-Удалить направляющие – View-Clear Guides).

Переходим к созданию анимации.

Кропотливая работа предстоит!
Открываем Окно Анимации (Windows-Animation) и приступает к оживлению смайликов. Для начала я убрала видимость всех подгрупп в группах (или слоёв в группах, если Вы выполнили сведение). Для всех кадров я поставила время 0,1сек.

Так должны выглядеть прыгуны в первом кадре.

В первой группе (1колобок) — фаза 1 (низ); во второй группе (2колобок)– фаза движения 2 (1 вверх)… и т.д.
Делаем копию кадра (см. №1 на скриншоте) и распределяем движение колобков, но уже начиная со второй фазы (1 вверх) для первого колобка.

Аналогично для третьего кадра и дальше….
При смене фазы движения после 8-ой (2 вниз), переходим на 1-ую (низ).

 1 колобок23456781 кадр

2

3

4

5

6

7

8

1 фаза

2

3

4

5

6

7

8

2

3

4

5

6

7

8

1

3

4

5

6

7

8

1

2

4

5

6

7

8

1

2

3

5

6

7

8

1

2

3

4

6

7

8

1

2

3

4

5

7

8

1

2

3

4

5

6

8

1

2

3

4

5

6

7 фаза

Можно сделать всю работу немного иначе.
Уменьшить количество слоёв, но немного усложнить себе работу при их распределении по кадрам анимации.

Первоначально для движения смайлика мы сделали 4-е слоя: низ, 1вверх, 2вверх, вершина. Именно такое количество и можно использовать для создания аналогичной анимации.

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

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

Но вернёмся к 4-ём слоям:

 1 колобок234567

8

1 кадр

2

3

4

5

6

7

8

1 фаза

2

3

4

4

4

3

2

2

3

4

4

4

3

2

1

3

4

4

4

3

2

1

2

4

4

4

3

2

1

2

3

4

4

3

2

1

2

3

4

4

3

2

1

2

3

4

4

3

2

1

2

3

4

4

4

2

1

2

3

4

4

4

3 фаза

Пробуйте, как больше нравится.
Ну, вот и всё! Колобки запрыгали!

Уменьшаем размер документа, ставим постоянное проигрывание (если ещё не поставили )))) и сохраняем в формате GIF (Ctrl+Alt+Shift+S – Save for Web&Devices).
Фантазии на тему:

Поэкспериментируйте со временем кадров, с количеством фаз движения, дополнительными деталями……
Удачи и терпения в творческом процессе!

Источник: http://photoshopworld.at.ua/load/animacija/prygajushhie_smajliki_v_fotoshop/6-1-0-176

Ссылка на основную публикацию