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

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

Создаем новый документ размером 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 », нажимайте стрелочку вверх или вниз, считая количество нажатий).


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

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


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



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

Как сделать аватарку в фотошопе, ава в фотошопе

Здравствуйте, уважаемые любители фотошопа! В этом уроке я расскажу вам, как сделать аватарку в фотошопе. Получится примерно так:

Создаем новый документ размером 300 на 320 пикселей, разрешение, например, 100. Цвет фона белый.
Создаем новый слой Сердце. Включаем режим Быстрой маски. В произвольных фигурах находим изображения мастей.

Начнем с сердца. Черным цветом в режиме Быстрой маски рисуем сердце, удерживая Shift.

Выключаем режим Быстрой маски и получаем выделение. РедактированиеВыполнить заливку. Заливаем белым цветом. Затем Выделение – Инверсия.
Открываем фотографию, которую Вы хотите иметь в форме сердца. Выделяем нужную область, копируем. Вставляем в файл, с которым мы работаем и переносим слой под Сердце.
Редактирование – Свободное трансформирование. Подгоняете фотографию под форму сердца. (Не забудьте удерживать Shift!)

Создаем Новый слой над слоем фотографии. Заливаем его красным цветом. Режим наложения меняем на Мягкий свет (или поэкспериментируйте).
Слой с фотографией обесцветьте способом, который Вам удобней. Проще всего нажать Ctrl+Shift+U. Однако можете и не обесцвечивать, если Вам так больше нравится. Изображение – Коррекция – Уровни. Отрегулируйте, как Вам хочется.

Зажав Ctrl, щелкните на слое с сердцем. Сделав активным слой с красной заливкой, нажмите Delete. Затем так же на слое с фотографией.
Склейте слои красной заливки с фотографией. Слой Сердце можете удалить. Черви готовы!

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

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

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

Теперь нужно увеличить размер холста. Однако если мы сделаем это сразу, то мы увидим части фотографии за пределами нужной формы. Поэтому на каждом слое с фотографией сделайте вот что: Выделение – Все. Щелкните правой кнопкой мышки на холсте и нажмите Вырезать на новый слой. Затем удалите образовавшиеся ненужные слои. (Если Вы работали с каждой мастью в отдельном файле и просто вставили затем на один, Вам это делать не нужно).

Изображение – Размер холста. Ставим размер 300 на 1300 пикселей.

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

У Вас должно получиться вот так

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

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

Получится вот так

И последний штрих – сделаем надписи. Шрифт Monte-Carlo (его можно скачать на сайте), размер 20.
Черви (Hearts)
Буби (Diamonds)
Пики (Spades)
Крести (Clubs)

Сделайте тень, чтобы надписи выделялись.

Расположите их, как Вам нравится. Теперь Слой – Выполнить сведение.

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

Вот и всё! Готово! Надеюсь, у Вас всё получилось! Получилась довольно таки красивая аватарка в фотошопе . Поставте её на аву в контакте, пусть друзья завидуют:-)

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



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



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


Шаг 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 % .



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

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

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

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

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

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

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

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

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



© 2024 beasthackerz.ru - Браузеры. Аудио. Жесткий диск. Программы. Локальная сеть. Windows