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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Делать мы будем вот такой красивый аватар. Размер аватара я сделал 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.