Как делать аватарки в фотошопе cs6. Как сделать аватар в фотошопе

13.04.2019 Мониторы

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


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

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


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



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

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

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

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

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

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

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

И так - приступим
. Открываем онлайн фотошоп. Как правило, стандартный размер аватарки - 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").

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

Чтобы создать кисть, нам потребуется новый слой. Создаём новый слой нажатием на комбинацию клавиш Ctrl+Shift+N, затем отключаем видимость слоя с изображением. Сейчас должен быть активен новый пустой слой. Инструментом "Прямоугольное выделение" (Recangular Marquee Tool) создаём выделенную область размером примерно 8 на 80 пикселей (размеры не важны, важны пропорции) и заливаем выделение чёрным цветом, нажав клавишу D, затем Alt+Delete

Вновь берём инструмент "Узорный штамп". Теперь нам необходимо уточнить настройки кисти штампа, для чего нажимаем на кнопку:

Открывается обычная палитра настройки кистей.
Сначала вводим параметры отпечатка кисти:

Затем настройки рассеивания кисти:

А теперь анимация!

Вначале, подготовка слоёв анимации.

Слой, где мы создавали прямоугольное выделение, заливаем белым цветом, нажав Ctrl+Delete, перед этим не забудьте снять выделение, нажав Ctrl+D. Это будет фон нашей анимации.

Затем создаём новый слой, нажав на иконку создания нового слоя внизу панели слоёв, или же можно нажать комбинацию клавиш Ctrl+Shift+N. Это будет наш второй кадр анимации. Наносим на него первые штрихи узорным штампом, должно получиться примерно вот так:

Создаём новый слой. Рисуем штампом ещё фрагменты:

Я повторил действие по созданию слоя и рисованию на нём штампом несколько раз, восемь раз, пока не получилось такое изображение:

Теперь изменим настройки кисти штампа.
Сейчас следует уменьшить параметр "Рассеивание" примерно до 120%.

Опять создаю несколько новых слоёв, рисую в них кистью.

Теперь снова стоит изменить параметры настройки кисти, на этот раз в разделе "Форма отпечатка кисти" уменьшаю значение "Интервалов" примерно до 170-ти процентов. И снова повторяю действия по созданию слоёв и рисованию, пока изображение в документе не станет почти собранным:

Теперь начнём анимировать аватар. Отключаем видимость всех слоёв, за исключением белого фона. Открываем панель анимации Окно --> Анимация (Window --> Animation) или Окно --> Шкала времени (Window --> Timeline) в версии Photoshop CS6. На первом и на данный момент единственном фрейме анимации появится белый фон. Оставляем дефолтное время показа кадр 0,5 секунды. Создаём второй фрейм анимации, кликнув по кнопке "Создание копии выделенных кадров" (Duplicates selected frames), находящуюся внизу панели анимации. У нового кадра устанавливаем время показа 0,1 сек. В панели слоёв включаем видимость первого слоя со штрихами узорного штампа, он находится сразу над белым слоем. Обратите внимание на второй кадр в панели анимации, он теперь отображает только что включённый слой на палитре слоёв.

Осталось завершить появление картинки. Для этого создаём ещё один кадр на шкале анимации и отключаем видимость всех слоёв, кроме нижнего слоя с изображением. Всё.

Видеоурок по анимации аватара:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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