Как сделать аватар в фотошопе. Подробный фотоурок

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

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

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

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

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

Далее по аналогии повторяем со всеми буквами.

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

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

Далее в окошке кликаем по кнопочке Convert to Frame Animation (справа внизу) и переходим в окошко покадровой анимации.

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

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

Далее настраиваем анимацию для второго кадра. В палитре Layers (F7) отключаем видимость ненужных нам слоев. Оставляем только основной текст и красную букву «P».

12. Далее копируем еще один кадр и по аналогии настраиваем его уже для следующей буквы и так далее. В итоге у меня получилось 9 кадров:

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

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

.

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

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

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

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

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

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

Источник

Сделать аватарку в фотошопе

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

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

У вас наверняка есть любимое фото, на которое вы готовы смотреть достаточно долго. Оно, конечно, имеет разрешение намного большее, чем нужно вам, однако эту проблему легко исправить.

Запустите Photoshop и перетащите файл с фотокарточкой из папки в окно открывшейся программы.

Выберите инструмент обрезки «Рамка».

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

Нажмите Enter или галочку появившуюся в строке со вспомогательными элементами непосредственно над рабочей областью. Вместо прямоугольной фотокарточки у вас получится квадрат.

Разрешение этого квадрата наверняка будет намного больше, чем нужные нам 150х150 точек. Исправим это при помощи изменения размера. Открываем меню «Изображение», выбираем пункт «Размер изображения».

В верхнем окошке от руки вбиваем ширину 150, длина должна поменяться автоматически.

Нажимайте Enter и сохраняйте готовое изображения с качеством 11. Ваша личная фотокарточка для Интернет-мира будет готова. Результатом проделанных операций стала такая аватарка (изображение представлено в натуральную величину). Теперь вы знаете, как быстро сделать аватарку в фотошопе, обязательно используйте полученные знания на практике.

Источник