Сегодня мы займёмся тем, что сделаем маленькую картинку - аватарку, которая пригодится вам, если вы общаетесь на форумах или в социальных сетях. Конечно, вы можете скачать какую-нибудь незамысловатую аватарку в готовом виде на многих сайтах. Но если вы хотите, чтобы ваша аватарка выглядела оригинально или необычно, отражая вашу индивидуальность, то можно сделать её самостоятельно.
Инструкция
1. В этой статье мы рассмотрим несколько несложных способов создания аватарок, однако при этом нужно помнить, что рекомендуемый размер картинки - 100х100 пикселей. Поэтому исходную картинку мы вначале сделаем квадратной, а затем будем видоизменять ее при помощи различных эффектов. Начнем мы с того, что откроем картинку в программе Adobe Photoshop. В этом уроке картинка взята из стокового сайта фотографий, жанр аниме.аватарку"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65a791652552b65a7973.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/6/21/1_52552b65a791652552b65a7973.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/6/21/1_52552b65a791652552b65a7973.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65a791652552b65a7973.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
2. Первым делом, нужно снять закрепление слоя. Для этого нажимаем на замочек в окошке ""Слои"" левой клавишей мыши и перетаскиваем его в корзину, не отпуская клавишу.аватарку"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65ae15f52552b65ae1bd.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/6/21/1_52552b65ae15f52552b65ae1bd.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/6/21/1_52552b65ae15f52552b65ae1bd.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65ae15f52552b65ae1bd.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
3. Сняв закрепление слоя, изменяем размер холста при помощи команды изменить «размер холста». Это можно сделать как с помощью главного меню ""Изображение"", выбрав пункт ""размер холста"", так и щелчком правой клавиши мыши по окну с изображением.аватарку"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65b246e52552b65b24ac.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/6/21/1_52552b65b246e52552b65b24ac.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/6/21/1_52552b65b246e52552b65b24ac.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65b246e52552b65b24ac.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
4. Эти простые действия мы проделали для того, чтобы сделать изображение квадратным. В этом примере исходный размер рисунка рисунка 400х531рх изменен на новый - 400х400рх.аватарку"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65b7ba052552b65b7bde.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/6/21/1_52552b65b7ba052552b65b7bde.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/6/21/1_52552b65b7ba052552b65b7bde.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65b7ba052552b65b7bde.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
5. После этих действий должно высветиться окно с надписью: ""Новый размер холста меньше прежнего; часть изображения будет отсечена"".аватарку"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65bcfce52552b65bd00c.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/6/21/1_52552b65bcfce52552b65bd00c.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/6/21/1_52552b65bcfce52552b65bd00c.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65bcfce52552b65bd00c.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
6. Нажимаем «Продолжить». Получаем квадратную картинку. В этом примере обрезана верхняя часть картинки, но это не окончательный результат. Поэтому переходим к следующему шагу.аватарку"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65c2e3252552b65c2e76.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/6/21/1_52552b65c2e3252552b65c2e76.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/6/21/1_52552b65c2e3252552b65c2e76.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65c2e3252552b65c2e76.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
7. Чтобы сдвинуть полученное изображение, воспользуемся инструментом «Перемещение».аватарку"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65c65f952552b65c6638.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/6/21/1_52552b65c65f952552b65c6638.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/6/21/1_52552b65c65f952552b65c6638.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65c65f952552b65c6638.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
8. Теперь перемещаем картинку в нужное положение (я сдвинула изображение немного вниз, чтобы было видно голову и волосы девочки целиком).аватарку"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65c96b152552b65c96f6.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/6/21/1_52552b65c96b152552b65c96f6.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/6/21/1_52552b65c96b152552b65c96f6.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65c96b152552b65c96f6.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
9. В принципе, на этом результате можно становиться. Вспомним, о чём мы говорили в самом начале: размер картинки для аватарки должен быть не более 100х100рх. Если вас удовлетворяет получившийся результат, можно уменьшить размер изображения. Если же вы настроены еще поэкспериментировать с эффектами, то можно сделать это позже. Размер изображения изменям так: главное меню ""Изображение"" - пункт ""Размер изображения"" - устанавливаем размер изображения 100х100рх. При этом обращаем внимание на то, чтобы напротив пункта ""Сохранить пропорции"" стояла галочка. Теперь осталось сохранить изображение в нужном формате (""Файл"" - ""Сохранить как""). Формат можно выбрать, например, jpg.аватарку"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65cbe7352552b65cbeb1.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/6/21/1_52552b65cbe7352552b65cbeb1.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/6/21/1_52552b65cbe7352552b65cbeb1.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65cbe7352552b65cbeb1.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
10. Если вы все же решили немного поэкспериментировать, попробуем, например, сделать на картинке красивую надпись. Делается это при помощи инструмента в Photoshop ""Горизонтальный (или вертикальный) текст"", расположенный на панели инструментов. Изменить размер, цвет, тип шрифта и другие параметры текста можно в появившейся панели инструментов, которую можно увидеть под главным меню программы. Там же можно найти значок деформации текста.аватарку"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65ce62152552b65ce661.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/6/21/1_52552b65ce62152552b65ce661.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/6/21/1_52552b65ce62152552b65ce661.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65ce62152552b65ce661.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
11. А можно сделать для картинки красивую рамочку. Рамка на этом рисунке сделана при помощи сайта ""фоторамки онлайн"" - http://www.avazun.ru. Достаточно всего лишь выбрать рамку, загрузить картинку, подкорректировать ее (по необходимости), нажать ""Далее"" и ""Сохранить"".аватарку"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65d3c7b52552b65d3cc0.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/6/21/1_52552b65d3c7b52552b65d3cc0.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/6/21/1_52552b65d3c7b52552b65d3cc0.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65d3c7b52552b65d3cc0.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
12. Большой выбор спецэффектов есть на сайте http://fotoflexer.com. Вначале нажимаете кнопку ""Upload photo"", загружаете свою картинку или фотографию, а затем выбираете понравившиеся спецэффекты. Кстати, там же можно создать и надпись на картинке, выбрать рамку, добавить стикеры к картинке (бабочки, сердечки и т.п.), поиграть с цветом картинки (эффект бронзы, старого фото, негатив и т.д.).аватарку"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65d998952552b65d99cc.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/6/21/1_52552b65d998952552b65d99cc.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/6/21/1_52552b65d998952552b65d99cc.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/6/21/1_52552b65d998952552b65d99cc.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
13. Конечно, это способов создания аватарок намного больше, так что не бойтесь экспериментировать, создавая свой шедевр, и наслаждайтесь получившимся результатом!