Интернет, компьютеры, софт и прочий Hi-Tech

Подписаться через RSS2Email.ru

Как создавать красивые авы (аватарки)

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

Следовательно, будем учиться изготавливать свои собственные «визитные карточки».

Для начала — классификация аватарок. Первая категория: ваши фотографии. Да, просто фотографии, на которых изображены именно вы. В некоторых социальных сетях вроде «Вконтакте» запрещено использовать посторонние изображения. Как бы вам ни хотелось установить картинку с кошечкой или собачкой, администраторы могут наказать и рейтинга лишить.

Никакой мороки с созданием такой авы не предвидится. Закачали на сайт — и видите страницу, на которой можно проверить, как фотография будет выглядеть в разных размерах и насколько сильно обрежется. Аналогично создаются аватарки и на Wordpress.com, и в Живом Журнале.

Вторая категория: какие угодно изображения, лишь бы в рамках закона и норм приличия. Можно вывесить хоть кошечку, хоть собачку, хоть Бабу Ягу в ступе. По крайней мере, в «Моём мире» на Mail.ru никаких особых требований и репрессий по поводу посторонних изображений на данном историческом этапе не наблюдается.

Однако есть один нюанс: на многих форумах требуется уменьшить картинку до установленных правилами размеров самостоятельно. Например, предусмотрен лимит сто на сто пикселей. Как изготовить требуемое, об этом — далее.

Третья категория: gif-анимация. Такие файлы можно найти на различных сайтах, посвящённых аватаркам. Анимированные изображения уже готовы к употреблению, подогнаны под лимиты, встречающиеся наиболее часто. Правда, их скачивает и использует множество народу, поэтому индивидуальность они передают, так сказать, поскольку постольку.

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

Открываем фотографию в графическом редакторе GIMP... У вас нет такой программы? А зря. Ведь это бесплатный аналог Photoshop.

Конечно, GIMP по функциональности до Photoshop не дотягивает, но в умелых руках всё же способен творить чудеса. К тому же, есть версии для разных операционных систем. Скачать варианты для Windows и MAC можно с официального сайта разработчиков. В Linux софт устанавливается стандартным способом — из репозитория дистрибутива, которым пользуетесь (да и то если «из коробки» не присутствует).

Итак, в GIMP наблюдаем панели инструментов, похожие на имеющиеся в Photoshop. На левой выбираем «Прямоугольное выделение» и видим параметры, появившиеся ниже: «Растушевать края», «Закруглённые углы», «Рисовать из центра» и «Фикс. : Соотн. сторон». Последнее, обозначающее «Фиксация: Соотношение сторон», нам и нужно. Ставим галочку именно там.

Панель инструментов GIMP

Панель прямоугольное выделение в GIMP

Теперь, обводя нужную область изображения, вы увидите, что она выделяется идеальным квадратом, а не произвольным прямоугольником. Этот квадрат, кстати, можно передвигать. Но это уже вы сами попробуете на практике.

Прямоугольное выделение в GIMP

Выделили? Теперь идём в меню «Изображение» и там выбираем команду «Откадрировать в выделение». Или «Откадрировать выделенное». Зависит от версии программы и её русификации. Но суть всё равно та же — обрезка. После неё картинка становится квадратной.

Следующий шаг — уменьшение размера до требуемого правилами форума, где вы собираетесь использовать вашу аватарку. Снова заходим в меню «Изображение» и там выбираем «Размер изображения». Меняем значение ширины на 120 пикселей и нажимаем значок со звеньями цепочки. Сие нажатие заставит программу сделать стороны пропорциональными. Поскольку у нас в наличии имеется квадрат, то высота станет тоже 120 пикселей.

Смена размера изображения в GIMP

Теперь остаётся лишь сохранить готовую аватарку. С этим тоже не всё просто. Например, кроме размера изображения, также нередко встречается ограничение на вес файла и его формат. Что-нибудь вроде «только JPEG, GIF, PNG, до 20 килобайт».

Поэтому в диалоговом окошке сохранения («Файл» — «Сохранить как») выбираем формат JPEG (*jpg), он наверняка разрешён везде.

Сохранить как JPEG в GIMP

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

Готовая аватарка 120х120

Чем меньше вес файла, тем ниже качество, но для аватарки сие не так уж актуально. Кстати, мы её только что успешно создали. Поэтому переходим к gif-анимации.

Анимация изготавливается с помощью того же самого редактора GIMP. Суть заключается в создании кадров. Загружаем картинку, делаем её квадратной, а затем обращаем свой взор к правой панели, к разделу «Слои».

Пока слой у нас только один. Правый клик на оном — «Создать копию слоя». Вот теперь их два. Ещё копия — уже три. Их можно делать невидимыми (дабы не закрывали друг друга) нажатием на маленький значок глаза рядом с каждым.

Слои в GIMP

Вносим какие-нибудь изменения, например, перекрашиваем цвет глаз на втором слое (предварительно отключив отображение третьего, верхнего). Затем включаем третий, переходим на него и снова что-то меняем (всё те же глаза). После чего можно уменьшать размер всего изображения.

«Файл» — «Сохранить как» — выбираем формат GIF. Программа спросит, мол, а не сделать ли из получившихся слоёв анимацию. В смысле, чтобы каждый слой стал кадром мультика. Вы, конечно, соглашаетесь. Указываете бесконечный цикл и скорость изменения. О последней — чуть подробнее.

Экспортировать файл в GIMP

Стандарт для телевещания по системе PAL составляет 25 кадров в секунду. Открыв программу «Калькулятор» и осуществив несложное арифметическое действие, вычисляем, что интервал составляет 40 миллисекунд. Однако для обычной аватарки можно оставить значение по умолчанию (например, 100 миллисекунд).

Анимированная аватарка 100х100

Нажимаем на кнопку подтверждения — и ава готова. Сделайте несколько экземпляров с разными параметрами, поэкспериментируйте и определите сами, какой интервал между кадрами подходит для каждого конкретного случая.

Следует отметить, что мы обошлись одной единственной программой GIMP, бесплатной (пожертвования разработчикам — добровольные), доступной для разных операционных систем (http://www.gimp.org/downloads/) и пригодной даже для коммерческого использования (Свободное ПО). Не пришлось бродить по нехорошим сайтам, искать и качать пиратский софт, заражённый вирусами.

Теперь вы умеете делать аватарки и сможете украсить свою страницу в социальной сети чем-нибудь по-настоящему оригинальным, а не использованным тысячи раз на тысячах сервисов. В любом случае, приобретённые навыки работы с GIMP вам не помешают.

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

Автор: vanilinkin, специально для xBB.uz, 06.08.2011


Предыдущие публикации:

Биржа долевых инвестиций SIMEX.

Последнее редактирование: 2014-07-25 07:14:44

Метки материала: авы, аватарки, красивые авы, авы аватарки, создавать красивые авы, красивые авы аватарки, как создавать красивые авы, интернет, инет, интернет сеть, общение в интернете, жизнь online, интернет и www, социальные медиа, social media, чем заняться онлайн

Оставьте, пожалуйста, свой комментарий к публикации

Представиться как     Антибот:
   

Просьба не постить мусор. Если вы хотите потестить xBB, воспользуйтесь кнопкой предварительного просмотра на панели инструментов xBBEditor-а.


© 2007-2018, Дмитрий Скоробогатов.
Разрешается воспроизводить, распространять и/или изменять материалы сайта
в соответствии с условиями GNU Free Documentation License,
версии 1.2 или любой более поздней версии, опубликованной FSF,
если только иное не указано в самих материалах.