Сделай свой аватар в фотошоп. Создание красивой анимации аватара в Photoshop

Здравствуйте! В этом уроке я покажу, как сделать Аватар - гибрид человека и жителей планеты Пандоры — На`ви.

Пожалуйста! Прежде чем задавать вопросы в комментариях и говорить, что что-то не получается, убедитесь, что владеете навыками пользования
- Трансформирование - Деформация
- Слой-маска
- Выделение
- Штамп, Лечащая кисть
- Настройки кисти
- Работа со слоями
- Режим наложения
- Стили слоя
- Уровни
- Свободное трансформирование
- Фильтры
Если Вам что-то неизвестно, не поленитесь найти это на сайте.

Для создания Аватара я взяла фото Киры Найтли

Основной фронт работы - лицо. Поэтому я кадрировала фото.

Нос у На`ви широкий, особенно между бровями.
Выделите с помощью Лассо нос

Щелкните правой клавишей мыши на выделении и выберите «Скопировать на новый слой».
Редактирование - Трансформирование - Деформация .

У меня осталась еще небольшая горбинка сверху слева, поэтому я деформировала и её.

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

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

Редактирование - Свободное трансформирование . Удерживая Shift, увеличьте глаз.

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

Добавьте Слой-маску и уберите лишние участки вокруг глаза.
Выделите внутренний уголок глаза и «Скопируйте на новый слой».
С помощью Деформации загните его вниз.

Выделите зрачок на слое Глаз, Скопируйте на новый слой.
Фильтр - Искажение - Сферизация 70%.
Сделайте Непрозрачность слоя 60% и поставьте увеличенный зрачок на нужное место.
Добавьте Слой-маску и уберите лишние участки.

Всё то же самое проделайте со вторым глазом.

Вернитесь на слой Фото.
Брови у На`ви и выглядят как гладкие темные линии.
Выделите и «Скопируйте на новый слой бровь».
Фильтр - Шум - Медиана.

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

Объедините все слои. Получившийся слой я назвала «Пластика».
Дублируйте слой. Я назвала его «Синяя кожа».
Добавьте Стиль слоя - Наложение цвета . Цвет может варьироваться в зависимости от изначального оттенка кожи. Я взяла цвет 28 e73 .

Изображение - Коррекция - Уровни .

Добавьте Слой-маску и уберите синий цвет с глаз, волос и фона. Также я очистила уши, потому что далее их надо будет убрать.
С губами надо поступить так: в Слой-маске черной кистью с небольшой Непрозрачностью (около 30%) очистить все губы. А затем небольшой кистью белого цвета и непрозрачностью около 40% пройтись по внешней линии губ, чтобы сделать её темней.

Вот так выглядит моя Слой-маска (свою Вы можете увидеть, нажав на неё, удерживая Alt).

Создайте Новый слой. Черной кистью зарисуйте фон.

Поработаем с глазами.
Вернитесь на слой Пластика, выделите глаза. Изображение - Коррекция - Обесцветить .

Создайте Новый слой над слоем Пластика.
Зарисуйте радужку ffda8 f цветом.
Режим наложения Перекрытие .
Добавьте Слой-маску и уберите лишние участки.

Дублируйте этот слой и смените Режим наложения на Мягкий свет .

Создайте Новый слой.
Кистью очень маленького радиуса (около 4) черного цвета сделайте обводку глаза. Непрозрачность слоя поставьте 15%.

Создайте Новый слой.
Черной кистью радиуса 1 нарисуйте линии на радужке.
. Радиус около 0,5.
Непрозрачность слоя поставьте 15%.

Нужны длинные красивые ресницы. Их Вы можете скачать или . Я взяла вот такие

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

На данный момент слои у меня вот такие

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

Пора изменить уши!
Я вырезала их с фото На`ви.

Уменьшите уши и поставьте их на нужное место, используя Свободное трансформирование .
Добавьте Слой-маску и уберите лишние участки.

Одно ухо явно слишком светлое, а другое слишком темное. Уровни помогут исправить эту проблему. Также для правого уха я убавила Насыщенность. Розовый цвет уха должен совпадать с цветом губ!

Четыре уха - это не эстетично! Поэтому вернемся на слой Пластика (копия) и уберем уши, используя Штамп и Лечащую кисть .

Теперь создайте Новый слой над всеми. Возьмите мягкую кисть с Непрозрачностью 10%. Придайте лицу нужные форму, черты и объем, рисуя тени черным цветом, а блики белым. Лицо должно быть немного треугольной формы. Для лучшего эффекта откройте картинку На`ви, смотрите на неё и делайте похоже

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

Вернитесь на слой Синяя кожа и полупрозрачной кистью сотрите нос ниже линии.
Цвет носа должен совпадать с цветом губ.

Добавим боевую раскраску!
Создайте кисть вот с такими настройками

Нарисуйте боевые линии
Фильтр - Размытие - Размытие по Гауссу . Радиус около 1.

Или можете вставить уже готовый рисунок.
Дублируйте слой Боевая раскраска.
Для нижнего: Режим наложения Перекрытие, Непрозрачность 60%
Для верхнего: Непрозрачность 20%

Добавьте Слой-маску к каждому слою и обработайте линии. Советую при этом посматривать на фото На`ви

Настало время волшебства и света! Добавим звезд.
Создайте Новый слой над всеми.
Возьмите Кисть с Жесткостью 90% и маленьким радиусом (у меня 4).
Рисуйте звезды! Больше всего их на лбу и носу, но они как блестки рассыпаны и по всему телу

Не хватает голубоватого сияния. Можете просто добавить Внешнее свечение, но я предложу другой способ.
Дублируйте слой Звезды.
Создайте Новый слой между ними.
Залейте его любым цветом.
Поставьте основной цвет белый, а фоновый 6affff.
Фильтр - Рендеринг - Волокна . Все величины поставьте на максимум.
Фильтр - Размытие - Размытие по Гауссу . Радиус около 4.
Уровни. Сдвиньте белый курсор влево, чтобы было больше белых пятен.
В итоге Вы должны получить вот это

Нашел сегодня отличный урок Photoshopна русском о том, как самому в Фотошопе сделать аватарку с искрами. В уроке очень доступно и понятно рассказывается, как всего за 10 шагов сделать очень эффектную аватарку.

Уроки Photoshop — как самому в фотошопе сделать аватарку с искрами

Сразу хочу оговориться один момент. Если вы не умеете пользоваться программой Photoshop, то лучше скачать шаблоны для фотошопа на сайте http://framestok.ru/templatess/ и не мучиться.

Для этого урока стоит подобрать самое эффектное фото, которое есть в вашем архиве. Если подобного не оказалось, лучше возьмите фотоаппарат и сотворите свой образ!
Откройте фото в фотошопе и превратите его в черно-белое.

2 шаг

После того, как фото готово, включите панель Контуры (paths) и нажмите на кнопку Создать новый контур (create new path) на рисунке отмечена буквой (A) .
Нажмите на английскую букву «P» на клавиатуре, чтобы выбрать инструмент Перо. А теперь остановитесь и подумайте, как лучше всего расположить огненные линии. Придумали? Тогда вперед! Держите направление пока в голове.

3 шаг

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

Помните, что в любой момент вы можете изменить форму контура.
Вы можете зажать Ctrl и переключиться на инструмент Белая стрелка (direct selection tool), чтобы быстро откорректировать контур.

4 шаг

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

5 шаг

A. Теперь возьмите инструмент мягкую круглую Кисть , размер на ваше усмотрение (в уроке использовалась кисть = 5 px) оранжевого цвета.

Б. Создайте новый слой и назовите его «Огонь»!

В. Вернитесь в палитру Контуры и выберите кнопку внизу, которая называется Выполнить обводку (stroke path, отмечена буквой С).

6 шаг

По контуру моментально появится рыжая линия! Чтобы контур вам не мешал, нажмите Ctrl + H, чтобы спрятать его.
На рисунке вы, должно быть, заметили, что появились дополнительные линии оранжевого цвета. Такой эффект придает иллюзию движения огня, правда! Но ведь для них мы не создавали контуров!
Как такое сделать? Очень просто — берете штамп.

7 шаг

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

8 шаг

Щелчок правой кнопкой мыши по слою с Огнем, выбираем Параметры наложения (blending options), где можно добавить различные стили слоя.
Попробуйте применить те же стили и настройки, которые вы видите ниже, но знайте, что параметры можно корректировать на свой вкус и цвет.
Итак, добавляем:
Внутренняя тень, Внешнее свечение и Внутреннее свечение

9 шаг

Дублируйте слой «Огонь» и измените режим смешивания слоя на Перекрытие (Overlay)
На слое дубликате выключите глазики у стилей Внутренняя тень (inner shadow) и Внутреннее свечение (inner glow), чтобы деактивировать их.

10 шаг

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

ФИНИШ!
Еще немного, а может быть и много, времени нужно потратить на свою работу, чтобы получить нечто подобное…

Еще маленькое замечание… дублируйте слой Огонь еще раз и примените к нему фильтр — искажение — волна (filter>distort>wave)… Поиграйте с уровнем непрозрачности и режимами наложения, особенно с Перекрытием.
В итоге у вас дол;ен получиться замечательный эффект искр, таких, как делает газовая резка. На черно-белом фоне они смотрятся очень эффектно!
Удачи!

Как в реальной жизни говорят, «встречают по одежке», так и в интернете «встречают по аватарке». Еще, конечно, обращают внимание и на ник, но это уже в меньшей степени. Картинка сильнее бросается в глаза и запоминается быстрее. Как следствие этого – все больше и больше молодежи уделяют внимание именно этому элементу оформления своего профиля. Да и не только молодежь задается вопросом, как сделать аватарку в фотошопе. Иногда можно прочитать мнения, мол, зачем аватарку делать самостоятельно, если в интернете полно сайтов, где можно бесплатно скачать ее. Ответ на этот вопрос лежит на поверхности. Уникальная аватарка – признак индивидуальности. Выложенные на всеобщий доступ аватарки кочуют с одного сайта на другой. Вам хочется, чтобы такая аватарка, как Ваша была еще у кого-нибудь? Мы думаем, что нет.

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

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

Затем продумайте, что будет изображено на автарке. Если Вы хотите поместить свое фото, то выберите самое качественное и красивое. Не пожалейте времени. Красивая аватарка в фотошопе должна полностью характеризовать, как индивидуальность. Из самого удачного снимка будем делать аватарку. Следует понимать, что большая фотка с кораблями или лошадьми выглядеть будет слишком мелко и неразличимо. Для аватарки выбирайте снимки с крупными и четкими объектами.

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

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

Прежде чем приступить к выполнению данного урока, подготовьте подходящую фотографию и откройте её в Фотошопе.

После выполнения урока у Вас должен получиться примерно следующий результат:

Итак, давайте приступим к созданию аватара.

Шаг 1 . – Создаем нос.

Откройте фото на ваш выбор. Убедитесь в том, что человек на фото хорошо освещен и видны все детали.

Продублируйте оригинальный слой, нажав Ctrl + J .

Теперь самый важный шаг. Откройте фильтр пластика (Liquify filter ), для этого в главном меню пройдите Фильтр – Пластика (Filter - Liquify ). В левой колонке, выберете инструмент Деформация (Forward Warp Tool ) и расширьте нос в левую и правую стороны, как на картинке ниже:

Теперь поднимем брови. В настройках инструмента Деформация, установите размер кисти (Brush Size ) – 205 , плотность кисти (Brush Density ) – 50 , и давление на кисть (Brush Pressure ) – 100 . Если вы ошибетесь, можете использовать инструмент Реконструкция (Reconstruct Tool ).

Шаг 2 . Продублируйте слой и при помощи инструмента Затемнитель (Burn Tool ), затемните нос с двух сторон.

Шаг 3 . Работаем с бровями и глазами.

При помощи инструмента клонирования Штамп (Clone Stamp Tool ) удаляем излишки бровей. Теперь увеличим глаза при помощи инструмента Вздутие (Bloat ), который находится в фильтре пластика (Liquify filter ).

Шаг 4 . Меняем цвет кожи.

Для этого в меню пройдите Изображение - Коррекция - Цветовой тон/насыщенность (Image - Adjustments - Hue/Saturation ) и примените следующие параметры:

Шаг 5 . Окрашиваем губы и нос.

Установите непрозрачность (opacity) кисти (Brush) на 50 % и выберете цвет - #fa7d7d, закрасьте рот и часть носа. После этого измените режим наложения (Layer Mode) на Цветовой тон (Hue ).

Шаг 6 . Настройка уровней.

Перейдите в меню Изображение – Коррекции – Уровни (Image - Adjustments - Levels ) и установите следующие значения:

Шаг 7 . Глаза.

Зрачок героя Аватара значительно больше человеческого, поэтому я скопировал левый глаз героя с постера фильма «Аватар». Используйте команду Свободное транформирование (CTRL + T (Free transform )) и различными опциями преобразования подгоните глаз к оригинальному изображению. Изменяйте размер, отражайте горизонтально (Flip Horizontally ), наклоняйте (Skew ). Затем используйте инструменты Осветление (Dodge tool ) и Затемнения (Burn Tool ) для придания глазам более реалистичны вид. В конце, установите непрозрачность слоя (opacity) на 71 % и Заливку (Fill ) на 89 % .

Шаг 8 . Для более интересного вида создайте новый слой и объедините все предыдущие слои нажав CTRL + ALT + SHIFT + E и поменяйте режим наложения(Layer Mode) на Мягкий свет (Soft Light).

Шаг 9 . Создаём уши.

Скопируйте уши с постера и вставьте в наше изображение. При необходимости, увеличте их размер и поверните для реалистичного вида. Затем, сделайте новый слой с ушами и объедините все видимые слои, нажав CTRL + ALT + SHIFT + E . В новом слое удалите человеческие уши, как показано на рисунке:

Шаг 10 . Кожа.

В этом шаге, сделаем линии на лице, используя текстуру. Можете просто сохранить рисунок ниже на свой компьютер.

Откройте эту текстуру и, удерживая Ctrl , переместите ее на наше изображение. Если вам необходимо большего размера текстура, расширьте ее. Затем при помощи инструмента Ластика (Eraser Tool ) удалите ненужные части с глаз, губ и носа:

Теперь переключите режим наложения (Layer Mode) на Перекрытие (Overlay ) и уменьшите непрозрачность (opacity) до 19 % .

Шаг 11 . Мерцающие точки.

Настройте кисть, как на рисунке ниже. Кликните на инструменте Перо (Pen Tool ), переключитесь на Путь (Paths ) (на панели опций) и рисуйте. Теперь нажмите правую кнопку мыши и в появившемся меню выберете путь штриха (Stroke Path ). В появившемся окне выберете кисть (Brush) и поставте галочку напротив симулировать нажим (Simulate Pressure ):

Перейдите в меню Cлои – Cтиль слоя – Опции наложения – Внешнее свечение (Layer - Layer Style - Blending Options - Outer Glow ) и примените следующие значения:

Результат :

И последнее – сделать новый слой, объедините все предыдущие слои, поменяйте режим наложения (Layer Mode) на Перекрытие (Overlay )и установите непрозрачность (opacity) на 26 % .

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

Создаем новый документ размером 300 на 320 пикселей, разрешение, например, 100 . Цвет фона белый.

Создаем новый слой «Сердце ». Включаем режим «Quick Mask » (Быстрая маска / Клавиша «Q») .

Выбираем инструмент (Инструмент «Произвольная фигура» / Клавиша «U») и находим изображения мастей.

Начнем с сердца. Черным цветом в режиме «Quick Mask » (Быстрая маска) рисуем сердце, удерживая клавишу «Shift ».

Выключаем режим «Quick Mask » (Быстрая маска) нажав клавишу «Q » и получаем выделение.
Далее переходим через меню (Редактирование - Выполнить заливку / Shift+F5). Заливаем белым цветом.
Затем (Выделение - Инверсия / Сочетание клавиш «Shift+Ctrl+I»).

Открываем фотографию, которую Вы хотите иметь в форме сердца. Выделяем нужную область, копируем. Вставляем в файл, с которым мы работаем и переносим слой под «Сердце ».

Создаем «Новый слой » над слоем фотографии. Заливаем его красным цветом. Режим наложения меняем на (Мягкий свет) (или поэкспериментируйте).

Слой с фотографией обесцвечиваем любым способом. Проще всего нажать «Ctrl+Shift+U ». Однако можете и не обесцвечивать, если Вам так больше нравится.

Зажав Ctrl , щелкните на слое с сердцем в окне слоев (F7). Сделав активным слой с красной заливкой, нажмите «Delete ». Затем так же на слое с фотографией.

Склейте слои «красной заливки » с фотографией. Слой «Сердце » можете удалить. Черви готовы!

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

Нужного вам вида фотографии (темнее или светлее) добивайтесь с помощью (Изображение - Коррекция - Уровни / Сочетание клавиш «Ctrl+L»). Учтите, что масти по размеру различны. Пики по высоте, например, больше чем черви. Но все масти должны быть одного размера – примерно 300 пикселей.

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

Сделав все четыре масти, вы должны получить примерно следующий результат:

Теперь нужно увеличить размер холста . Однако если мы сделаем это сразу, то мы увидим части фотографии за пределами нужной формы. Поэтому на каждом слое с фотографией сделайте вот что: (Выделение - Все / Сочетание клавиш «Ctrl+A»). Щелкните правой кнопкой мышки на холсте и нажмите «Layer Via Copy » (Вырезать на новый слой / С выбранным инструментом ). Затем удалите образовавшиеся ненужные слои (если Вы работали с каждой мастью в отдельном файле и просто вставили затем на один, Вам это делать не нужно).

Вызываем через меню (Изображение - Размер холста / Сочетание клавиш «Alt+Ctrl+C»). Ставим размер 300 на 1300 пикселей.

Затем все наши масти располагаем по вкусу. Рекомендую чередовать красные и черные (если Вам хочется четкости в расположении мастей, сделайте активным инструмент (Инструмент «Перемещение» / Клавиша «V»), а затем, удерживая «Shift », нажимайте стрелочку вверх или вниз, считая количество нажатий).

Получаем примерно следующий результат:

Сделаем обводку наших мастей ( (Стиль слоя - Обводка)).

Градиенты сделайте вот такие (можете скопировать картинку на свой файл, чтобы оттуда пипеткой брать цвета).

Получаем следующий результат.