Сделай свой Аватар в Фотошоп
Автор видеоверсии урока: Елена Виноградова
Здравствуйте! В этом уроке я покажу, как сделать Аватар — гибрид человека и жителей планеты Пандоры — На`ви.
Пожалуйста! Прежде чем задавать вопросы в комментариях и говорить, что что-то не получается, убедитесь, что владеете навыками пользования
— Трансформирование – Деформация
— Слой-маска
— Выделение
— Штамп, Лечащая кисть
— Настройки кисти
— Работа со слоями
— Режим наложения
— Стили слоя
— Уровни
— Свободное трансформирование
— Фильтры
Если Вам что-то неизвестно, не поленитесь найти это на сайте.
Для создания Аватара я взяла фото Киры Найтли
Основной фронт работы – лицо. Поэтому я кадрировала фото.
Нос у На`ви широкий, особенно между бровями.
Выделите с помощью Лассо нос
Щелкните правой клавишей мыши на выделении и выберите «Скопировать на новый слой».
Редактирование – Трансформирование – Деформация.
У меня осталась еще небольшая горбинка сверху слева, поэтому я деформировала и её.
Как Вы видите, нос вылезает на глаз. Добавьте слой-маску и мягкой черной кистью уберите лишние участки.
Вернитесь на слой Фото.
Выделите глаз и «Скопируйте на Новый слой». (При необходимости можете на время скрыть увеличенный нос, нажав на глаз в панели Слоев).
Редактирование – Свободное трансформирование. Удерживая Shift, увеличьте глаз.
Чтобы поставить глаз на нужное место, сделайте Непрозрачность слоя около 60% и сопоставьте зрачок увеличенного глаза с нормальным
Добавьте Слой-маску и уберите лишние участки вокруг глаза.
Выделите внутренний уголок глаза и «Скопируйте на новый слой».
С помощью Деформации загните его вниз.
Выделите зрачок на слое Глаз, Скопируйте на новый слой.
Фильтр – Искажение – Сферизация 70%.
Сделайте Непрозрачность слоя 60% и поставьте увеличенный зрачок на нужное место.
Добавьте Слой-маску и уберите лишние участки.
Всё то же самое проделайте со вторым глазом.
Вернитесь на слой Фото.
Брови у На`ви и выглядят как гладкие темные линии.
Выделите и «Скопируйте на новый слой бровь».
Фильтр – Шум – Медиана.
Добавьте Слой-маску и уберите лишние участки (размытая кожа вокруг бровей).
Брови можно сделать потемней, используя Затемнитель .
Всё то же самое проделайте со второй бровью.
Объедините все слои. Получившийся слой я назвала «Пластика».
Дублируйте слой. Я назвала его «Синяя кожа».
Добавьте Стиль слоя — Наложение цвета. Цвет может варьироваться в зависимости от изначального оттенка кожи. Я взяла цвет 28e73.
Изображение – Коррекция – Уровни.
Добавьте Слой-маску и уберите синий цвет с глаз, волос и фона. Также я очистила уши, потому что далее их надо будет убрать.
С губами надо поступить так: в Слой-маске чернойкистью с небольшой Непрозрачностью (около 30%) очистить все губы. А затем небольшой кистью белого цвета и непрозрачностью около 40% пройтись по внешней линии губ, чтобы сделать её темней.
Вот так выглядит моя Слой-маска (свою Вы можете увидеть, нажав на неё, удерживая Alt).
Создайте Новый слой. Черной кистью зарисуйте фон.
Поработаем с глазами.
Вернитесь на слой Пластика, выделите глаза. Изображение – Коррекция – Обесцветить.
Создайте Новый слой над слоем Пластика.
Зарисуйте радужку ffda8f цветом.
Режим наложения Перекрытие.
Добавьте Слой-маску и уберите лишние участки.
Дублируйте этот слой и смените Режим наложения на Мягкий свет.
Создайте Новый слой.
Кистью очень маленького радиуса (около 4) черного цвета сделайте обводку глаза. Непрозрачность слоя поставьте 15%.
Создайте Новый слой.
Черной кистью радиуса 1 нарисуйте линии на радужке.
Фильтр – Размытие – Размытие по Гауссу. Радиус около 0,5.
Непрозрачность слоя поставьте 15%.
Нужны длинные красивые ресницы. Их Вы можете скачать здесь или здесь. Я взяла вот такие
Создайте Новый слой над слоем Синяя кожа. Нарисуйте одну из ресниц. Измените её форму с помощью Деформации.
Также поступите с тремя остальными. Я делала каждую кисть на отдельном слое для удобства.
Добавьте Слой-маску и уберите лишние участки.
На данный момент слои у меня вот такие
Вернитесь на слой Пластика.
Дублируйте этот слой.
Выделите глаза и губы и нажмите Delete, чтобы очистить выделенную область.
Для получившегося слоя изменим Уровни.
Пора изменить уши!
Я вырезала их с фото На`ви.
Уменьшите уши и поставьте их на нужное место, используя Свободное трансформирование.
Добавьте Слой-маску и уберите лишние участки.
Одно ухо явно слишком светлое, а другое слишком темное. Уровни помогут исправить эту проблему. Также для правого уха я убавила Насыщенность. Розовый цвет уха должен совпадать с цветом губ!
Четыре уха – это не эстетично! Поэтому вернемся на слой Пластика (копия) и уберем уши, используя Штамп и Лечащую кисть .
Теперь создайте Новый слой над всеми. Возьмите мягкую кисть с Непрозрачностью 10%. Придайте лицу нужные форму, черты и объем, рисуя тени черным цветом, а блики белым. Лицо должно быть немного треугольной формы. Для лучшего эффекта откройте картинку На`ви, смотрите на неё и делайте похоже
Создайте Новый слой над всеми. Кистью маленького диаметра проведите линию на носу, она будет огораживать розовое пятнышко.
Вернитесь на слой Синяя кожа и полупрозрачной кистью сотрите нос ниже линии.
Цвет носа должен совпадать с цветом губ.
Добавим боевую раскраску!
Создайте кисть вот с такими настройками
Нарисуйте боевые линии
Фильтр – Размытие – Размытие по Гауссу. Радиус около 1.
Или можете вставить уже готовый рисунок.
Дублируйте слой Боевая раскраска.
Для нижнего: Режим наложения Перекрытие, Непрозрачность 60%
Для верхнего: Непрозрачность 20%
Добавьте Слой-маску к каждому слою и обработайте линии. Советую при этом посматривать на фото На`ви
Настало время волшебства и света! Добавим звезд.
Создайте Новый слой над всеми.
Возьмите Кисть с Жесткостью 90% и маленьким радиусом (у меня 4).
Рисуйте звезды! Больше всего их на лбу и носу, но они как блестки рассыпаны и по всему телу
Не хватает голубоватого сияния. Можете просто добавить Внешнее свечение, но я предложу другой способ.
Дублируйте слой Звезды.
Создайте Новый слой между ними.
Залейте его любым цветом.
Поставьте основной цвет белый, а фоновый 6affff.
Фильтр – Рендеринг – Волокна. Все величины поставьте на максимум.
Фильтр – Размытие – Размытие по Гауссу. Радиус около 4.
Уровни. Сдвиньте белый курсор влево, чтобы было больше белых пятен.
В итоге Вы должны получить вот это
Нажмите правой клавишей мыши на слой с Волокнами и выберите «Создать обтравочную маску».
Для нижнего слоя Звезды Фильтр – Размытие – Размытие по Гауссу. Радиус около 0,5.
Лицо слишком размытое, нужно добавить ему текстуру. Я взяла вот такую (она стандартная).
Фильтр – Шум – Добавить шум.
Режим наложения Мягкий свет, Непрозрачность около 30%.
Добавьте Слой-маску и очистите волосы, губы, глаза и т.д.
Добавим надпись.
Вы можете просто вырезать её вот отсюда, Режим наложения Осветление.
Или можете создать надпись сами.
В новом документе залейте фон черным цветом.
Напишите нужный текст.
Я взяла шрифт Tagsxtreme, но может Вам повезет найти более удачный.
Добавим стиль слоя Наложение градиента (цвета d9e9eb и 306988)
Сделайте вот такие настройки для кисти:
(Жесткость 100%, Радиус около 2, Непрозрачность 100%)
Добавьте Слой-маску к слою Текста и пройдитесь этой кистью возле границ текста, чтобы они стали рваными.
(Подсказка: Если удерживать Shift, ставя две точки, то между ними автоматически нарисуется прямая линия)
Добавьте Стиль слоя Внешнее свечение.
Добавьте Стиль слоя Внутренняя тень
Создайте Новый слой.
Кистью белого цвета Жесткость 0% поставьте блики.
Осталось склеить все слои (кроме фона!) и скопировать на Аватар
Ну вот и всё! Аватар готов!
Спасибо за внимание! Буду рада увидеть Ваши Аватары!
Автор урока: Потапова Ирина
photoshop-master.ru
Аватарка
В этом уроке я расскажу Вам, как сделать вот такую, анимированную аватарку (размером 100х120 пикс.).
Шаг 1. Открываем изображение, над которым будем работать в Photoshop.
Не смотря на то, что аватарка у нас будет маленькая, 100х120 пикс. в ширину, работать мы начнем с изображением большего размера.
*чем лучше будет качество вашего изображения, тем качественнее получится сама аватарка. Для этого урока я использовала картинку размером 340 пикс. в ширину*
Теперь открываем в Photoshop картинку с огнем (постарайтесь найти наиболее подходящее пламя, для нашей работы).
Перетащите пламя на наш документ.
Инструментом Перемещение (Move Tool(V)), кликните по картинке с огнем и, не отпуская левую кнопку мыши, перенесите в наш документ изображение с огнем (можно еще удерживать клавишу Shift, для того чтобы слой с пламенем при переносе расположился прямо по центру документа).
Скорее всего, то, что картинка с пламенем будет лучше качеством картинки выбранной для аватарки и размер ее будет больше, а после того как вы перетащите пламя в наш документ, оно будет огромное и закроет первый слой.
Чтобы уменьшить этот слой, воспользуйтесь Свободной трансформацией (Free Transform(Ctrl+T)).
Так как картинка огромная, саму рамку Трансформирования не видно. Уменьшите само изображение (используя клавишу Ctrl+—), до того момента, пока не станет видна рамка Трансформирования.
Затем, зажав клавиши Shift+Alt, потяните (по направлению к центру) за одну из точек на углу рамки и уменьшите картинку в размере (сочетание клавиш Shift+Alt равномерно трансформирует изображение, не искажая формы).
*верните размер изображение Ctrl++*
Очистим пламя от фона.
Находясь на слое с пламенем, инструментом Волшебная палочка (Magic Wand Tool(W)), кликните по черному фону и нажмите Delete, это самый простой и быстрый способ, если пламя расположено на однородном фоне.
Уменьшаем Непрозрачность (Opacity) слою с пламенем, так что бы пламя смотрелось естественно на ткани, я остановилась на 74%. Затем инструментом Ластик (Eraser Tool (E)), с Непрозрачностью (Opacity) 20% стираем немного у основания пламени, чтобы придать большего реализма, в переходе от ткани к огню.
При помощи Свободной трансформации (Free Transform (Ctrl+T)) поворачиваем, уменьшаем или увеличиваем пламя и, используя Деформацию, размещаем пламя по краю капюшона.
Примените Трансформация, нажав Enter.
Можно немного стереть лишние (на ваш взгляд) места на огне.
Копируем слой с огнем (Ctrl+J), применяем к копии Свободную трансформацию (Ctrl+T), кликаем правой кнопкой по рамке Трансформировании, выбираем Отразить по горизонтали (Flip Horizontal ). Поместите второй слой с пламенем на противоположную сторону капюшона.
Таким же способом, применяя Трансформацию, Деформацию, возможно уменьшая Непрозрачность слоя, удаляя что-то лишнее Ластиком (E), копируя слои, разместите пламя по всему капюшону.
Добавьте в глазницу пламя, и примените к этим слоям Стиль слоя — Внешнее свечение (Layer Style — Outer Glow) (кликните два раза по слою с пламенем в глазнице, чтобы появилось окно Стиль слоя).
Установите примерно такие настройки.
В результате у вас получится примерно так:
Шаг 2. Выделите все слои с пламенем и нажмите Ctrl+E, они объединятся в один слой, назовите его Пламя. Затем примените к этому слою Уровни (Levels (Ctrl+L)), для того чтобы сделать наше пламя ярче.
Теперь будем создавать свечение от огня на самом черепе и капюшоне.
Для этого, копируйте слой с черепом (Задний план) (Ctrl+J). Возьмите инструмент Осветлитель (Dodge Tool (О)), в настройках инструмента установите Диапазон – Средние тона (Mid tones), а Экспозицию ( Exposure) – 20% и осветлите им капюшон и череп в тех местах, на которые по идее должен падать свет от пламя.
Примените к этому слою Цветовой тон/Насыщенность (Hue/Saturation), поставьте галочку напротив Тонирование (Colorize). Установите там параметры приблизительно как на скриншоте.
*назовите этот слой Осветленный*
Теперь, отключите видимость слоям: Осветленный и Пламя (убрав глазик возле миниатюры слоя) и перейдите на слой Задний план.
На данном этапе работы, очередность слоев будет такая:
Перейдите в палитру Каналы (Channels).
Кликая по каждому Каналу, выберите, тот, в котором переход между темными и светлыми участками, наиболее мягкий. Я выбрала Красный канал.
Дублируйте его (кликните по Красному каналу и удерживая правую кнопку мыши, потяните его на значок Создать новый канал).
У вас появится копия Красного канала. Находясь на копии Канала, вызовите окно Уровней (Ctrl+L).
Отрегулируйте ползунки, примерно так, как показано на скриншоте (нужно добиться того, чтобы светлые участки стали более яркими, но в тоже время, граница между светлым и темным не была сильно резкой).
Для чего мы все это делали?? Для того чтобы загрузить выделение светлых участков, и используя это выделение, удалить все лишнее со слоя, к которому ранее применили Цветовой тон/насыщенность.
Удерживая клавишу Ctrl кликните по каналу Красный (копия). У вас появится выделение, затем кликние по каналу RGB (чтобы изображение снова стало цветным) и перейдите в Палитру Слоев.
Перейдите на слой Осветленный и включите ему видимость (поставив глазик возле миниатюры слоя).
Инвертируйте выделение (Ctrl+Shift+I) и нажмите Delete. У вас удалится все лишнее, останется только оранжевый свет на светлых участках. Снимите выделение (Ctrl+D).
Копируйте этот слой (Ctrl+J) для того, чтобы сделать его ярче, слейте оба слоя, нажав Ctrl+E.
Прейдите на слой Пламя и включите ему видимость, копируйте этот слой (Ctrl+J) и уменьшите ему (копии слоя Пламя) Непрозрачность где то до 60%.
Ну вот, мы подготовили наше изображение для того, чтобы начать делать анимацию (в результате всей нашей работы, у вас должно было получиться четыре слоя).
Шаг 3. Отключите видимость всем слоям кроме самого первого (Задний план).
Зайдите в Окно/Анимация (Window — Animation). Возможно когда откроется анимация, то она будет в виде (Временной шкалы), для того чтобы перейти в Кадры, нужно нажать на значок Преобразовать в покадровую анимацию.
В появившемся окне Анимация (Кадры), в первом кадре установите Время отображение кадра0,1 сек. (нажав на перевернутый треугольник возле 0,10 сек.) чуть ниже, установите Параметры цикла – Всегда.
Первый кадр готов, теперь переходим ко второму.
Кликните по значку Создание копии выделенных кадров. Включите видимость слоям (в палитре слоев) Осветленный и Пламя.
Затем нажмите на значок Создание промежуточных кадров и в появившемся окне, в пункте Добавить кадров, поставьте 2. нажмите ДА.
Photoshop сам создаст слои с плавным переходом, от первого ко второму.
Добавляем еще один кадр (нажав на значок Создание копии выделенных кадров ) и включаем видимость слою Пламя (копия).
Возвращаемся к первому кадру, и меняем ему Время отображение кадра на 0,2 сек.
Все, наша анимация готова, чтобы посмотреть результат, нажмите на значок Запуск воспроизведения анимации.
Шаг 4. Теперь уменьшаем нашу анимацию до нужного размера.
Остановите анимацию, нажав на значок Остановка воспроизведения анимации.
Нажмите Alt+ Ctrl+I (чтобы вызвать окно Размер изображения).
Размерность по Ширине установите 100 пикс., высота автоматически изменится, нажмите ДА.
Аватарка уменьшится в размере, для того чтобы сделать ее размером именно 100х120 пикс., берем инструмент Кадрирование (С) и в настройках инструмента устанавливаем Ширину100 пикс и Высоту120 пикс.
Растягиваем рамку кадрирования, от верхнего левого угла к нижнему правому. Так как наше изображение чуть больше, чем нам нужно в высоту, то, чтобы сохранить пропорции, нам придется пожертвовать частью изображения. Разместите рамку Кадрирования по центру и нажмите Enter.
*размер изображения аватарки специально увеличен в несколько раз, для того, чтобы лучше показать рамку кадрирования*
Если зайти в Размер изображения Alt+ Ctrl+I, размер нашего изображения будет 100х120 пикс., так как нам и нужно было.
Сохраняем нашу аватарку.
Заходим в Меню/Файл/Сохранить для Web и устройств (File>Save for Web). Убедитесь, что формат для сохранения стоит GIF, а Цвета 256.
В итоге у нас получилась вот такая аватарка.
Надеюсь урок вам понравился и не вызвал трудности в повторении. Желаю удачи в выполнении.
photoshop-master.ru
Как сделать аватарку в фотошопе
Как сделать аватарку в фотошопе?
Как в реальной жизни говорят, «встречают по одежке», так и в интернете «встречают по аватарке». Еще, конечно, обращают внимание и на ник, но это уже в меньшей степени. Картинка сильнее бросается в глаза и запоминается быстрее. Как следствие этого – все больше и больше молодежи уделяют внимание именно этому элементу оформления своего профиля. Да и не только молодежь задается вопросом, как сделать аватарку в фотошопе. Иногда можно прочитать мнения, мол, зачем аватарку делать самостоятельно, если в интернете полно сайтов, где можно бесплатно скачать ее. Ответ на этот вопрос лежит на поверхности. Уникальная аватарка – признак индивидуальности. Выложенные на всеобщий доступ аватарки кочуют с одного сайта на другой. Вам хочется, чтобы такая аватарка, как Ваша была еще у кого-нибудь? Мы думаем, что нет.
Создание аватарки в фотошопе процесс абсолютно не сложный. Лучше все-таки потратить немного времени и стать счастливым обладателем индивидуального рисунка, чем не особо сильно выделяться из основной массы пользователей.
Самым первым шагом необходимо определиться с размером аватарки. Если Вы ознакомились со статьей как сделать фон в фотошопе, то станет немного проще, но там не очень важны пиксели. Почти все форумы и социальные сети предъявляют требования к размерам и весу аватарки. Наиболее распространенные габариты это 100х100 px. Но не всегда. В любом случае, больше допустимых размеров делать не нужно.
Затем продумайте, что будет изображено на автарке. Если Вы хотите поместить свое фото, то выберите самое качественное и красивое. Не пожалейте времени. Красивая аватарка в фотошопе должна полностью характеризовать, как индивидуальность. Из самого удачного снимка будем делать аватарку. Следует понимать, что большая фотка с кораблями или лошадьми выглядеть будет слишком мелко и неразличимо. Для аватарки выбирайте снимки с крупными и четкими объектами.
Запускаете фотошоп и создаем новый документ. Размеры следует указать те, которые требуются на сайте, где аватарка будет размещена. Затем перетаскиваем в рабочее окно выбранную фотку или картинку. Предстоит потратить определенное время, пока не разместите источник таким образом, который устроит Вас. Добившись желаемого результата, сохраняете красивую аватарку из фотошопа в любой папке компьютера.
Самое главное, не делайте аватарку в фотошопе большего размера, чем требуется на сайте. Иначе вся работа может пойти насмарку. А это будет обидно. Мало кто хочет тратить свое время впустую. Теперь Вам стало понятно, как сделать аватарку в фотошопе. Как видите, нет ничего особо сложного в этом процессе.
Как сделать аватар в фотошопе. Подробный фотоурок
Дорогие друзья, сегодня хочу вам рассказать о том, как можно сделать аватар в фотошопе. После изучения этого урока вы научитесь делать такие аватары самостоятельно.
Делать мы будем вот такой красивый аватар. Размер аватара я сделал 100х100 пикселей.
Сначала сделаем простой аватар из фото, а после добавим простую анимацию.
Как сделать аватар в фотошопе
Для урока я подобрал вот такую картинку (исходник какртинки, шрифт для работы в фотошопе и сам исходный файл аватара в psd формате, вы можете скачать себе на компьютер, в конце новости есть ссылка на скачивание архива с файлами).
Перейдем к самому уроку.
Создание аватара из фото
1. Открываем в фотошопе нашу картинку File→Open (Файл→Открыть или CTRL+O).
2. Берем инструмент Crop (Кадрирование, C) и выбираем вот такие настройки:
В полях Witdh (Ширина) и Height (Высота) указываем значение: 100 px.
3. Далее просто выделяем квадратную область (ее можно двигать, если нажать клавишу Shift при рисовании или после выделения просто двигая область мышью)
После этого нажимаем 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 (Слои,
После этого для слоя с буквой «S», применяем заливку цветом, впалитре Layers (Слои, F7) кликаем по слою два раза и в стилях выбираем Color Overlay (Заливка цветом) , так же уберем у слоя обводку.
8. После этого копируем слой с буквой «S» — нажимаем
Далее по аналогии повторяем со всеми буквами.
В итоге должно получится, так:
9. Для анимации у нас все готово, приступим к ее созданию. Идем Windows→Animation (Окна→Анимация).
Далее в окошке кликаем по кнопочке
10. Настроим наш первый кадр. Идем в палитру Layers, F7, и отключаем видимость ненужных нам слоев (что бы включить/выключить отображение слоя, нужно убрать «глазик» рядом с его названием в палитре слоев).
11. Теперь скопируем наш кадр. В палитре Animation, нажимаем кнопку Dublicates selected frame (Копировать выбранный кадр).
Далее настраиваем анимацию для второго кадра. В палитре Layers (F7) отключаем видимость ненужных нам слоев. Оставляем только основной текст и красную букву «P».
12. Далее копируем еще один кадр и по аналогии настраиваем его уже для следующей буквы и так далее. В итоге у меня получилось 9 кадров:
13. Уже теперь можно нажать кнопочку «Play» и посмотреть анимацию. Так же можно настроить время показа кадра, так как у нас все кадры практически одинаковые, время для каждого кадра можно поставить одно и тоже (выделяем с клавишей Shift, все наши кадры, кликаем правой кнопкой мыши под любым кадром), я выбрал 0,2 секунды.
14. Все осталось только настроить, что бы наша анимация повторялась постоянно, для этого кликаем левой клавишей мыши надписи
.
15. Сохраняем нашу анимацию, идем меню File→Save for Web & Devices (Файл→Сохранить для веб… или ALT+SHIFT+CTRL+S). В окошке справа выбираем формат файла «GIF» и нажимаем OK.
Вот и все урок закончен, открываем полученный файл у себя на компьютере в любом браузере или просмотрщике изображений и любуемся анимацией:
Теперь можно себя похвалить, мы научились самостоятельно делать анимированные аватары в фотошопе!
Вы так же можете этот анимированный аватар скачать бесплатно в PSD формате (ссылка на скачивание архива с файлами — в конце новости).
У вас есть вопросы по уроку? Может, что то не получается? Пишите в комментариях, с радостью на них отвечу.
Давайте вместе изучать этот интересный и загадочный мир программы Adobe Photoshop.
blogohelp.ru