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

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

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

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

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

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

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

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

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

Редактирование - Свободное трансформирование . Удерживая 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.
Уровни. Сдвиньте белый курсор влево, чтобы было больше белых пятен.
В итоге Вы должны получить вот это

Как сделать аватарку для использования в контакте и т. д.?

Ух и лето выдалось в этом году! Все липкое, в том числе и мозги… Жара, делать ничего не охота. Но вопросы поступают и на эти вопросы необходимо отвечать. Как раз этим мы сегодня с вами и будем заниматься.

Тема очередной статьи включает в себя ответ на вопрос: Как самостоятельно создать аватарку для контакта в онлайн фотошопе .

Каждый пользователь хочет иметь свои отличительные черты (свою аву) в различных социальных сетях, таких как "В контакте ". Чаще всего именно для этой сети поступают просьбы сделать аватарку. А делать то её совсем не сложно, тем более с использованием онлайн фотошопа .

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

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

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

После открытия онлайн фотошопа, выбираем в центральном меню "Create a new images " (Создать новый рисунок). Сразу придумаем ему название, например my_avatar , (название лучше писать латинскими буквами), выставим размер будущей аватарки - 200х200px и нажмем Ок. Основа для будущей авы готова.

Поскольку большинство желающих создать аватарку и задающих вопросы по данной теме посетителей - девушки - (не в обиду мужчинам), за основу нашей аватарки мы взяли вот такую картинку : Это парящая пчелка. Сохраните картинку на своем компьютере и за тем загрузите ее в онлайн фотошоп, выполнив команду из верхнего меню (File->Open). У нас получилось два открытых документа. Первый - это наша заготовка 200х200 пикселей, второй - картинка пчелки.

Сделаем активным картинку пчелк и (просто кликните на ней) и за тем нажмем Ctrl+A, чтобы выделить все изображение картинки пчелки, затем нажмите Ctrl+C, для того чтобы скопировать выделение в буфер обмена.

Нажмем на заготовку для аватара (белый фон), чтобы сделать его активным. Теперь нажмем Ctrl+V, для того чтобы вставить пчелку на аватарку. Слева на панели слоев - появился дополнительный слой. Вы можете видеть, что у нас получилось на. Кликните по миниатюре для увеличения.

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

Подвигаем слой с пчелкой, чтобы сдвинуть его вверх, как показано на рисунке снизу.
Теперь нужно кликнуть на слое "Background " справа в панели "Layers " тем самым мы сделаем его активным. Выберем слева внизу в панели - цвет заливки foreground R-147
G-181 B-42 (как показано на рисунке), и за тем выберем инструмент "Paint bucket tool G ", и кликнем на белой части слоя. Таким образом, мы залили этот слой зеленым цветом. У нас получился газон и летящая над ним пчелка.

Теперь нужно подписать нашу аватарку. Добавим текст. Выберем инструмент "Type tool T ". Появится дополнительное окно, в котором мы можем выбрать размер, шрифт, цвет, и добавить надпись для нашей аватарки.

Для того чтобы отредактировать текст, цвет и размер - нужно снова выбрать инструмент "Type tool T ", кликнуть на сам текстовый слой на картинке и произвести правки. Что получилось у нас - показано на рисунке.

Осталось добавить эффекты к тексту нашей авы. Для этого нужно правой кнопкой кликнуть на слое с буквой "А" , справа на панели слоев и в выпадающем списке - выбрать "Layer styles ". За тем, кликнуть на верхней надписи "Drop shadow" выставить значения как показано на рисунке и нажать ОК .

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

Вот что получилось у нас. Осталось только сохранить аватар на своем компьютере и можно за тем её использовать.

ЗЫ. В данной статье рассмотрен самый простой способ создания аватарки с использованием онлайн фотошопа. Вы можете попробовать создать аву на основе прямоугольника со скругленными углами - (инструмент "Draving Too l").

Копирование материалов сайта разрешается только с письменного согласия автор а

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

Делать мы будем вот такой красивый аватар. Размер аватара я сделал 100х100 пикселей.

Сначала сделаем простой аватар из фото, а после добавим простую анимацию.

Для урока я подобрал вот такую картинку (исходник какртинки, шрифт для работы в фотошопе и сам исходный файл аватара в psd формате, вы можете скачать себе на компьютер, в конце новости есть ссылка на скачивание архива с файлами).

Перейдем к самому уроку.

Создание аватара из фото

1. Открываем в фотошопе нашу картинку File→Open (Файл→Открыть или CTRL+O ).

2. Берем инструмент Crop (Кадрирование, C ) и выбираем вот такие настройки:

В полях Witdh (Ширина) и Height (Высота) указываем значение: 100 px.

После этого нажимаем Enter и у нас получается аватар размером 100 на 100 пикселей.

4. Теперь добавим нашему аватару обводу в 1 пиксель. Идем в палитру Windows→Layers (Окна→Слои или F7 ). Выделяем фоновый слой «Background » и кликаем по нему два раза мышкой (переводим фоновый слов в простой слой). Название слою даем любое и жмем OK .

Еще раз кликаем два раза по слою и попадаем в настройки стилей слоя. Выбираем пункт Stroke (Обводка), ставим такие настройки и нажимаем OK .

Теперь, добавим текстовую анимацию в наш баннер в виде бегающей буквы.

Сделать анимированный аватар в фотошопе

5. С помощью инструмента Horizontal Type Tool (Горизонтальный текст, T ), напишем текст «Sponge Bob». Настройки для текста применяем такие:

6. Сделаем обводу для текста. В палитре Layers (Слои, F7 ) выбираем слой с текстом, кликаем по нему два раза левой кнопкой мыши и в стилях слоя для Stroke (Обводка) ставим такие настройки:

7. Далее копируем слой с текстом. В палитре Layers (Слои, F7 ) выбираем слой с текстом и нажимаем CTRL+J (получается копия слоя). После этого берем инструмент Horizontal Type Tool (Горизонтальный текст, T ), кликаем им по нашему тексту и удаляем (выделяем текст мышкой и нажимаем Delete ) все буквы кроме «S».

После этого для слоя с буквой «S», применяем заливку цветом, впалитре Layers (Слои, F7 ) кликаем по слою два раза и в стилях выбираем Color Overlay (Заливка цветом) , так же уберем у слоя обводку.

8. После этого копируем слой с буквой «S» — нажимаем CTRL+J . После этого сдвинем скопированный слой немного вправо (двигать слой можно клавишами «Вверх «, «Вниз «, «Вправо «, «Влево «). Далее берем инструмент Horizontal Type Tool (Горизонтальный текст, T ), кликаем им по тексту и заменяем букву «S» на «P».

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

9. Для анимации у нас все готово, приступим к ее созданию. Идем Windows→Animation (Окна→Анимация).

10. Настроим наш первый кадр. Идем в палитру Layers, F7 , и отключаем видимость ненужных нам слоев (что бы включить/выключить отображение слоя, нужно убрать «глазик» рядом с его названием в палитре слоев).

11. Теперь скопируем наш кадр. В палитре Animation , нажимаем кнопку Dublicates selected frame (Копировать выбранный кадр).

13. Уже теперь можно нажать кнопочку «Play » и посмотреть анимацию. Так же можно настроить время показа кадра, так как у нас все кадры практически одинаковые, время для каждого кадра можно поставить одно и тоже (выделяем с клавишей Shift , все наши кадры, кликаем правой кнопкой мыши под любым кадром), я выбрал 0,2 секунды.

14. Все осталось только настроить, что бы наша анимация повторялась постоянно, для этого кликаем левой клавишей мыши надписи Once (Один раз, находится слева внизу) и в выпадающем списке выбираем пункт Forever (Постоянно).

.

15. Сохраняем нашу анимацию, идем меню File→Save for Web & Devices (Файл→Сохранить для веб… или ALT+SHIFT+CTRL+S ). В окошке справа выбираем формат файла «GIF » и нажимаем OK .

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

Теперь можно себя похвалить, мы научились самостоятельно делать анимированные аватары в фотошопе!

Вы так же можете этот анимированный аватар скачать бесплатно в PSD формате (ссылка на скачивание архива с файлами — в конце новости).

У вас есть вопросы по уроку? Может, что то не получается? Пишите в комментариях, с радостью на них отвечу.

Давайте вместе изучать этот интересный и загадочный мир программы Adobe Photoshop.

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

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

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

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

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

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