Рисовать аватарки – — AvaDraw! | VK

---

05.03.2020 Советы художника

---

12 лучших сервисов для создания аватара из фотографии

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

Лучшие сайты для создания собственного аватара из фотографии

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

1. Face Your Manga

Один из самых популярных социальных сервисов, с помощью которого можно находить, создавать и изменять мультипликационные персонажи. Также можно поделиться созданным аватаром с сообществом Faceyourmanga.

2. South Park Studio

С помощью сервиса South Park Studio можно создать своего персонажа в стиле «Южного парка«, используя тысячу доступных элементов. «Это один из лучших инструментов, позволяющих создать «South Park Avatar» из фото.

3. Pick a Face

Еще один отличный сервис, с помощью которого можно сделать юзерпик. Он содержит более 550 проектов и дизайнов, Можно создать собственного героя, не начиная все с нуля.

4. WeeWorld

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

5. TheCartoonist

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

6. Cartoon Photo

Используя Cartoon Photos, можно преобразовать свою фотографию в мультяшного юзерпика 100х100 всего в один клик. Вы хотите изменить выражение лица и эмоции на фото? Или вам нужно создать анимированную gif-картинку из фотографии? Тогда стоит попробовать этот инструмент.

7. Meez

Потрясающий сервис для создания аватаров. С его помощью можно создавать 3D-анимационные аватары, которые затем можно напрямую экспортировать в большинство социальных сетей и блогов.

8. KusoCartoon

Поможет превратить фотографии в мультипликационный персонаж или аватар, которые можно использовать в Twitter, Facebook, Pinterest, Gmail и т.д.

9. Portrait Illustration Avatar

Еще один отличный, бесплатный инструмент для создания аватаров.

10. Picassohead

С помощью этого инструмента можно легко преобразовать любое фото из Picasso в аватар или мультипликационный персонаж.

11. Cartoonize

Еще один бесплатный генератор мультипликационных персонажей, с помощью которого можно создать классный мультипликационный аватар. Перед тем, как выбрать юзерпик, нужно выбрать изображение, а затем добавить эффект мультипликации. И все готово.

12. Dopple Me

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

Почему бы не попробовать один из этих сервиса и не создать собственный аватар? Дайте нам знать, что вы думаете о них.

Перевод статьи «12 Best Website to Create your own Avatar from Photos (2016)» дружной командой проекта Сайтостроение от А до Я.

www.internet-technologies.ru

Создаем себе мультяшную аватарку (мангатар)

Здесь хочу рассказать вам про онлайн ресурсы, которые позволят вам создать мультяшную аватарку.
Скачать исходники для статьи можно ниже

Аватар, аватара, ава, также аватарка (от англ. avatar) — публичное графическое представление пользователя, созданное самим пользователем.

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

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

Файл изображения аватара может быть статическими либо анимированными (как графическим, так и видеофайлом). Обычно размер аватара ограничен (на конкретном ресурсе) определённым числом пикселей (например, 64×64 или 100×100 пикселей) и/или размером файла (например, 10 Кб).

Как же создать оригинальный аватар?

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

1.  Начну с интересного сайта (для того, чтобы создать аватарку регистрироваться на сайте не обязательно):

http://www.mangatar.net/create-your-avatar.php

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

Данный сайт обладает интересным набором дополнительных инструментов (расположены внизу справа), позволяющих достаточно детально прорисовать лицо создаваемого персонажа, можно: увеличивать или уменьшать части лица (инструмент zoom), перемещать их вверх-вниз, влево-вправо (инструмент move), сужать или расширять расстояние например между глазами, ушами (инструмент pinch), менять цвета – выбор цвета аналогичен графическим редакторам.

Аватарка получается очень очень симпатичная.

Чтобы загрузить аватарку на свой компьютер нужно нажать на кнопочку “save” в левом нижнем углу, появиться следующее окошечко:

Заполняем формочку и жмем на кнопку “SEND” (“ОТПРАВЛЯТЬ”).

Далее появиться сообщение о том, что на вашу почту отправлено письмо ссылкой на загрузку аватарки.

Заходите в свою почту и жмете на ссылку:

Далее вас перебрасывает обратно на сайт:

Как видите и здесь у нас появляется дополнительный выбор формата аватарки )

Нажимаем на кнопку Download и закачиваем аватарку с разрешением png.

2. Следующий сайт:

http://illustmaker.abi-station.com/index_en.shtml

Функционал данного ресурса скуднее предыдущего, но здесь радует, то что аватарку можно загрузить сразу – нажимаете на кнопочку download в верхнем левом углу  и ваша аватарка сразу сохраниться на вашем компьютере формате png.

Также здесь есть создание аватарки для твиттера http://twittericonmaker.com/index_en.shtml – аналогичные инструменты  только их количество чуть меньше.

3. Следующий очень интересный сайт (для того, чтобы создать аватарку регистрироваться на сайте не обязательно):

http://www.faceyourmanga.com/editmangatar.php

Вот самые популярные аватарки, созданные на данном проекте, правда похожи на реальных людей?

А вот как выглядит панель создания аватарок.

Функционал также, как и на первом рассматриваемом нами сайте огромен.

Интерфейс удобен и симпатичен.

Чтобы сохранить аватарку на свой компьютер нужно нажать на кнопку SAVE вверхнем правом углу, после появляется форма, где вам нужно указать ваш e-mail после на ваш почтовый ящик вышлют письмо ссылкой на закачку:

Переходим по ссылке, на открывшейся страничке спускаемся вниз и нажимаем на кнопку download avatar.

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

PS:  http://www.simpsonsmovie.com – аватар в стиле симпсонов, но здесь нужна регистрация.

mnogoblog.ru

Как создать аватарку онлайн

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

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

Как создать аватар онлайн

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

Способ 1: Gallerix

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

Онлайн-сервис Gallerix

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

   Элементы управления под изображением позволяют настраивать местоположение и масштаб объекта на рисунке.

3. Отредактировав аватар желаемым образом, чтобы сохранить картинку на компьютер, нажмите на кнопку «Скачать» в нижней панели меню.
   
   Затем выберите один из вариантов загрузки PNG-изображения — в разрешении 200×200 или 400×400 пикселей.

Вот такой простой способ создания рисованной аватарки при помощи сервиса Gallerix. В итоге вы получаете забавную персонализированную картинку для использования на форумах и других интернет-ресурсах.

Способ 2: FaceYourManga

Невероятно гибкий инструмент для генерации мультяшных аватарок. Функционал этого сервиса, в сравнении с Gallerix, позволяет еще более подробно настраивать все элементы создаваемого пользовательского изображения.

Онлайн-сервис FaceYourManga

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

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

3. Убедившись, что аватарка наконец готова, вы можете скачать ее себе на компьютер.
   
   Для этого щелкните на кнопку «Save» справа вверху.
4. И вот здесь, чтобы загрузить итоговую картинку, нас попросят указать данные для регистрации на сайте.
   
   Главное, введите свой настоящий адрес электронной почты, ведь именно на него вам будет отправлена ссылка для скачивания аватара.
5. После этого в имейл-ящике найдите письмо от Faceyourmanga и для загрузки созданной вами картинки щелкните по первой ссылке в сообщении.
   
6. Затем просто перейдите в нижнюю часть открывшейся страницы и нажмите «Download Avatar».
   

Как итог, PNG-изображение с разрешением 180×180 будет сохранено в памяти вашего ПК.

Способ 3: Portrait Illustration Maker

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

Онлайн-сервис Portrait Illustration Maker

Чтобы приступить к работе с этим инструментом, проходить регистрацию вам не придется. Просто перейдите по ссылке выше и начните создавать свой аватар.

1. Воспользуйтесь панелью в верхней части страницы редактора, чтобы настроить каждый элемент будущей аватарки.
   
   Либо щелкните по кнопке «Entrust», чтобы сгенерировать картинку автоматически.
2. Когда аватар будет готов, нажмите на кнопку с шестеренкой.
   
   В разделе «Image Format» ниже выберите желаемый формат готового изображения. Затем для загрузки аватарки на ПК щелкните «Download».

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

Способ 4: Pickaface

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

Онлайн-сервис Pickaface

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

1. Для этого в верхнем меню сайта выберите пункт «Register».
   
2. Введите все необходимые данные, отметьте чекбокс с подписью «I have read and I accept the terms» и снова нажмите «Register».
   
   Либо же просто используйте для авторизации один из ваших аккаунтов в соцсетях.
3. После входа в учетную запись вы увидите новый пункт меню — «Create Avatar».
   
   Нажмите на него, чтобы наконец приступить к созданию аватарки в Pickaface.
4. Инициализация Flash-интерфейса редактора займет некоторое время.
   
   По окончании загрузки выберите язык для работы с сервисом. Определенно, из двух предложенных вариантов лучше выбрать первый — английский.
5. Выберите желаемый пол персонажа, после чего можете приступить непосредственно к процессу создания аватара.
   
   Как и в других подобных сервисах, вы можете настроить внешний вид рисованного человечка до самых мелочей.
6. Окончив редактирование, щелкните по кнопке «Save».
   
7. Вам будет предложено дать имя своему аватару.
   
   Сделайте это и нажмите «Submit».
8. Подождите пока картинка сгенерируется, а затем щелкните «View Avatar», чтобы перейти к странице загрузки только что созданного юзерпика.
   
9. Теперь все, что нужно сделать для скачивания готового изображения — нажать на соответствующую кнопку под созданной нами картинкой.
   

Полученный результат вас точно не разочарует. Созданные в Pickaface рисованные аватары всегда отличаются красочностью и приятным стилем оформления.

Способ 5: SP-Studio

Не менее оригинальный мультяшный юзерпик у вас получится и при помощи сервиса SP-Studio. Этот инструмент позволяет создавать аватарки в стиле мультсериала «Южный парк».

Онлайн-сервис SP-Studio

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

1. Здесь все просто. Сначала выберите элемент изображения, который хотите настроить.
   
   Для этого щелкните по конкретной области персонажа либо нажмите на соответствующую надпись сбоку.
2. Настройте выбранный элемент и перейдите к другому уже с помощью панели навигации вверху.
   
3. Определившись с финальной картинкой, для ее сохранения в память компьютера нажмите на иконку дискеты.
   
4. Теперь просто выберите наиболее подходящий вам размер готовой аватарки и щелкните по соответствующей кнопке.
   
   После недолгой обработки изображение в формате JPG будет загружено на ваш компьютер.

Читайте также: Создание аватарки для группы ВКонтакте

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

lumpics.ru

рисуем аватарки в плоском стиле ~ Записки микростокового иллюстратора

Приветствую всех любителей Flat дизайна. Этот урок специально для вас, потому что мы будем рисовать аватарки в плоском стиле. Огромная благодарность Ольге Ивановой, которая написала его для нашего блога. А если вы настоящий фанат Flat, то обратите внимание на другие уроки:
1. Как нарисовать девочку с табличкой в стиле Flat
2. Как нарисовать сову в стиле Flat для стоков
3. Как нарисовать дрона из фильма Oblivion
4. Как нарисовать Flat инфографику для микростоков
5. Как нарисовать пингвина на зимнем фоне
Обратите внимание на то, что на стоки нельзя загружать работы, которые полностью копируют изображения из уроков. Идея иллюстрации для продажи на микростоках должна быть ваша авторская. В противном случае инспектор может заподозрить в картинке, нарисованной по уроку, банальный плагиат, и заблокировать ваш аккаунт. Так что безопаснее всего по урокам учиться, а на стоки рисовать уже с чистого листа, используя свои идеи.

А теперь, если все готовы, то приступим к уроку Adobe Illustrator. Передаю слово Ольге.

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

Вместе мы нарисуем первую иконку, а на ее основе предлагаю затем создать свои пять персонажей.

Поскольку я планирую создать 6 разных иконок 500 на 700 пикселей каждая, то документ создаю (Ctrl+N) со следующими параметрами:

Создадим новый документ.
Единицы измерения (Units) – Pixels;
Ширина (Width) – 1500px;
Высота (Height) – 1400px;
Color Mode – RGB.

Инструментом Ellipse Tool (L) рисуем овал лица. Цвет заливки #FFE5CF, без обводки. Далее, рисуем небольшой круг по размеру уха с заливкой #F5D4C3 и инструментом Selection Tool (V). Подставляем его примерно посередине как показано на рисунке. Жмем Ctrl+[ отправляя его тем самым назад и далее, не снимая выделения, вызываем Reflect Tool (O) — зажимаем клавишу Alt и кликаем напротив уха посередине лица — в появившемся окне жмем галочку Vertical и затем Copy.

Далее, инструментом Rectangle Tool (M) рисуем прямоугольник по ширине шеи (цвет как у ушей). Затем стрелочкой (V) с зажатой клавишей Shift выделяем лицо и шею и, отпустив Shift, щелкаем на лицо для того, чтобы обозначить объект, относительно которого мы будем выравнивать, и жмем на панели Align на Horizontal Align Center. После чего наша шея станет ровно посередине головы.
Снова рисуем четырехугольник (М) теперь по ширине тела. Выделяем (V) шею и тело, затем снова кликаем на шею и только после этого выравниваем по горизонтали, как мы это делали с самой шеей (панель Align > Horizontal Align Center). Выбираем «белую стрелочку» Direct Selection Tool (A), с зажатой клавишей Shift выделяем маркеры в двух верхних углах прямоугольника и тянем их вниз до образования нужной закругленности плеч. Затем отправляем полученное тело вниз, за голову, комбинацией клавиш Ctrl+[.
Вернемся к лицу и начнем с самой заметной части — с волос! Волосы обычно я рисую на двух разных слоях: первая часть — это задняя сторона прически, должна находится под слоем лица, вторая часть — это волосы со стороны лба (челка, бакенбарды…), помещается, соответственно, над лицом. В данном случае прическа короткая и на самом деле можно было бы обойтись и одним слоем, но я предпочитаю разбить ее на два этапа.

Теперь начнем. Берем перо (P) и прямо на лице, чтобы не ошибиться с размерами и расположением, начинаем рисовать заднюю часть прически. Цвет волос #755C50. После того как нарисовали и результат нас удовлетворил отправляем ее назад, на самый нижний слой, комбинацией клавиш Ctrl+Shift+[. И рисуем вторую часть – челку с бакенбардами.

Теперь создадим легкую небритость. Копируем лицо (Ctrl+C) и вставляем его на передний план (Ctrl+F). Берем Перо (P) и рисуем в черном цвете верхнюю границу небритости (лучше сделать это двумя точками: одна на левом виске, вторая на правом), обрисовываем лицо. Выделяем лицо и черную фигуру и на панели Pathfinder жмем кнопку Intersect. Небритость готова! Чтобы сделать ее легкой — уменьшаем непрозрачность до 10% (панель Transparency -> Opacity 10%). Также можно отрегулировать высоту создав дополнительную точку Add Anchor Point Tool (+) — кликаем на линию-углубление ровно посередине и белой стрелкой (А) регулируем высоту (ориентировочно — на линии мочек).
Создаем тень на шее. Выделяем (V) и копируем на передний план шею (Ctrl+C и Ctrl+F). Выделяем лицо (V) и зажав Alt и Shift тянем немного вниз. После чего, не снимая выделения с головы снова удерживая Shift выделяем шею и кликаем Intersect на панели Pathfinder. У образовавшейся фигуры меняем цвет на черный и непрозрачность на 15%. Отправляем за голову (Ctrl+[).
На данном этапе можно скопировать полученное тело с целью дальнейшего его размножения на другие мужские иконки.

Сделаем теперь свитер и выглядывающий из-под него ворот рубашки. Для этого перекрасим тело в цвет #DBE2E8 – это будет рубашка. Скопируем его и вставим на передний план (Ctrl+C и Ctrl+F). Верхней фигуре сразу изменим цвет на #65777F – свитер.

Сделаем V-образный вырез для свитера. Для этого выберем инструмент Polygon Tool.
Кликаем правой кнопкой мыши в любой части экрана и в появившемся окне нас интересует только количество сторон (Sides) – указываем 3. Белой стрелочкой (A) немного потянем за маркер в вершине треугольника, чтобы скруглить окончание. Затем переключаемся на черную стрелку (V) и потянув за угол вниз и удерживая клавишу Shift (для того чтобы точно перевернуть треугольник на 180 градусов) переворачиваем нашу фигуру вверх дном.
Теперь подставим полученный треугольник к месту ворота на свитере. Примерьте, увеличьте или уменьшите его в зависимости от размера желаемого выреза, после чего нужно выровнять треугольник в глубину (на глаз), а затем горизонтально относительно свитера — выделяем обе фигуры с Shift – кликаем на свитер и выравниваем по горизонтали, как в шагах ранее. После чего на панели Pathfinder жмем Minus Front – вырез готов.
Нарисуем прямоугольник (М) по ширине примерно от уха до уха. Цвет #6F8489 – немного светлее цвета свитера. Инструментом Add Anchor Point Tool (+) кликаем на обеих вертикальных сторонах прямоугольниках в районе подмышек. Стрелочкой (А) потянем поочередно верхние точки прямоугольника до ширины плеч. Переключаемся на Selection Tool (V) и с зажатой клавишей Shift выделяем полученную фигуру и свитер. Вызываем инструмент Shape Builder Tool (Shift+M) и удерживая Alt (чтобы появилась стрелочка с минусом) кликаем по верхней и нижней области нашей фигуры, чтобы осталась только нужная нам серединка.
Немного украсим свитер. Вызовем Poligon Tool. Кликаем правой кнопкой мыши и в поле Sides указываем 3. Затем выбираем Reflect Tool (O). Зажав Alt кликаем точно на нижней границе, желательно посередине, нашего треугольника. В появившемся окне выбираем Horizontal и Copy. Проверяем, чтобы между двумя фигурами не было зазоров и выравниваем по горизонтали. Теперь фигуры можно объединить в одну – жмем Unite на панели Pathfinder.
Теперь строим сам узор. Выделив наш ромб (V) потянем его вбок с зажатыми клавишами Alt и Shift. Затем выделив два ромба с клавишами Alt и Shift потянем их на этот раз вниз. После чего разместим посередине еще один ромбик. Сгруппируем все ромбики Ctrl+G. Узор готов.
Пристроим узор к свитеру – изменим цвет на #9BB8BC, уменьшим (или увеличим) размер, выделив и узор и свитер выровняем его по горизонтали.
Закончим с одеждой нарисовав рубашке воротник. Берем перо (P) и нарисуем сначала одну сторону воротника. Цвет воротника #F6F6F6. Выделим полученную фигуру (V) и нажмем (О) Reflect Tool. Кликнув на самую правую точку воротника с зажатым Alt выбираем в окне Vertical и Copy. Воротник почти готов, осталось его только выровнять. Для этого сгруппируем обе его стороны Ctrl+G и выровняем по горизонтали относительно шеи.
Наша первая иконка готова, но мы можем еще добавить деталей. Например, очки. Рисуем прямоугольник (М), не снимая с него выделения заходим в меню Effect – Warp – Bulge и выставляем примерно следующие параметры:
После этого нам нужно разобрать полученное оформление и мы идем в меню Object – Expand Appearance. Берем белую стрелочку (А) и тянем внутрь за любой из маркеров в углах нашей фигуры, чтобы эти углы скруглить.
Не снимая выделения идем в Object – Path – Offset Path и выставляем удовлетворяющие нас отрицательные параметры новой фигуры, чтобы вычтя ее, мы получили бы оправу очков.
Затем, выделив обе фигуры, жмем Ctrl+8 (или Minus Front в панели Pathfinder) – одна половинка оправы готова. Добавляем дужку – инструментом Rounded Rectangle Tool рисуем небольшой квадрат слева. Объединяем их вместе (Pathfinder — Unite) и отражаем (Reflect Tool (О) – Vertical — Copy). Теперь сделаем «мост» у оправы: рисуем прямоугольник (М) – Effect – Warp – Arch.
Не снимая выделения с полученного результата, идем в Object — Expand Appearance. Приставляем «мост» к оправе и объединяем все части очков в одно целое (Pathfinder — Unite).
Теперь надеваем очки на нашего персонажа. Подгоняем, если требуется по величине (при изменении размера не забываем удерживать Shift, чтобы сохранить изначальные пропорции). Отрегулировав по высоте, выделяем (V) оправу очков и лицо и, кликнув снова на лицо, чтобы посадить очки точно посередине, сделаем горизонтальное выравнивание. Также, на этом этапе, вооружившись белой стрелочкой (A), я немного отрегулировала высоту небритости.
После того как иконка полностью нарисована, можно создать тень. Для этого сначала сгруппируем персонажа (Ctrl+G), скопируем его (Ctrl+C) и вставим на передний план (Ctrl+F), а теперь объединим верхний выделенный слой персонажа (Pathfinder — Unite) – он станет единой черной тенью.
Нарисуем прямоугольник (М). Разместим его так, чтобы он наполовину закрывал фигуру. Затем, выделив и прямоугольник и черную тень, на панели Pathfinder жмем на Minus Front. Оставшейся половине указываем Blending Mode — Overlay и Opacity 20%. Группируем с основной фигурой (Ctrl+G).
Чтобы придать иконке более аккуратный вид — обработаем нижний край. Рисуем круг (L). Выделяем (V) круг и иконку и жмем комбинацию клавиш Shift+M. Удерживая Alt аккуратно проводим черту по всем ненужным частям, отсекая их. Если после остались не удаленные маленькие кусочки, то, не снимая выделения, вызываем ластик (Ctrl+E) и стираем их.
После чего круг можно удалить (а можно и оставить в сторонке для других персонажей, чтобы край у всех был одинаковым).

Теперь нарисуем подложку – кликаем инструментом Прямоугольник (М) на артборде и задаем, как вы помните, ширину 500px и высоту 700px. Цвет #8680AF. Примеряем к ней иконку: подгоняем по размеру (обязательно удерживаем Shift во время любых трансформаций), если размер устраивает, то выравниваем по вертикали и горизонтали.

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

Когда все 6 фигур с подложками созданы, то для аккуратного расположения их на артборде можно воспользоваться одним из двух вариантов: панелью Align или скриптом Magic Set Maker.

При использовании панели Align для каждой иконки настройки будут следующие (удостоверьтесь, что выравнивание будет по артборду).

При использовании скрипта Magic Set Maker выделяем все иконки и запускаем скрипт.
Вот что у меня в итоге получилось.
Если вы часто создаете иконки, то можно также записать свой Action для создания подложек любой формы и размера. Для этого выделим все (Ctrl+A) и разгруппируем (Ctrl+Shift+A), чтобы иконка была отдельно, подложка — отдельно. Затем открываем панель Actions (если не открыта, то Window — Actions) в меню выбираем New Action.
Назовем наш экшн. Для примера, я свой назвала «Set 1500/1400 3/2», из чего в будущем мне будет понятно какая ширина и высота артборда (1500/1400) для создания сета и сколько ячеек там будет создано (3/2 – 3 колонки, 2 ряда – 6 ячеек). Function Key в данном случае я не использую, т.к. мне удобнее будет в каждом конкретном случае посмотреть по названию и выбрать подходящее.
Нажимаем кнопку Record и теперь делаем следующее: выделяем (V) все наши прямоугольники и идем в меню Actions – Insert Select Path.
После этого в нашем экшене должна появиться новая строчка – Set Work Path. Нажимаем на Стоп – останавливаем запись.
Далее, в будущем, запустив этот Action у нас автоматически создадутся 6 выровненных по артборду прямоугольников.

У этого способа есть следующие нюансы:

1. Перед каждым запуском экшена обязательно обращайте внимание на панель заливки и обводки, т.е. если там есть обводка, то и прямоугольники в новом документе создадутся с обводкой!

2. Создание фигур чувствительно к номеру артборда: записали Action на первом артборде — он в дальнейшем будет создавать фигуры на первом артборде в новом документе.

Если вы ранее не сталкивались с Actions, то вот более подробный видео урок: Actions в иллюстраторе, или как свернуть горы нажатием одной кнопки.

На этом урок закончен. Надеюсь он оказался полезен! 🙂

Иванова Ольга специально для блога Записки микростокового иллюстратораЧитать дальше…

Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Предлагаю ознакомиться с аналогичными статьями:

anna-volkova.blogspot.com

Рисованная аватарка из фотографии. Онлайн и бесплатно

Получили письмо от одной из читательниц блога Клатч.kz. Настя Иволгина пишет: Девочки, обнаружила сайт, где можно сделать крутую аватарку из вашей фотографии. То есть превратить фотографию в рисунок. Попробуйте сами. Оказалось, что сервис Picture to people гораздо глобальнее, чем просто «создатель» аватарок. Это бесплатный инструмент для создания эффектов на фото, тексте, 3D эффектов и много другого. Ну и аватарку из фотографии, действительно, можно сделать.

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

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

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

Рисунок цветными карандашами
Здесь опять же много вариантов стилей, которыми есть возможность поиграть и создать уникальную аватарку.

Пока тестировали сервис, поняли, что лучше всего использовать четкие портретные фотографии. На них эффекты выглядят особенно удачно. Будем рады посмотреть на ваши фотографии на нашей странице в Facebook.

Комментарии

комментариев

clutch.kz

Online сервис для создания оригинальных аватар

Во многих англоязычных блогах я стал замечать интересные, оригинальные, но слегка схожие аватарки. Долго заочно меня терзал вопрос «где же они их достали», подозревал, что существует некий сервис для их создания. И вот в процессе общения с блоговедом Терентием Шахововым я раскрыл данную тайну. Он любезно указал мне ссылку на проект Face Your Manga.

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

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

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

В общем, чертовски интересный и приятный сервис. Лично мне понравился, сделал себе аватрку, может буду использовать на всех блогах, а то у меня, мягко выражаясь, она сейчас какая-то «нечеловеческая».

Кстати, вам также может пригодится статья о том, как установить граватары в блог на WordPress.

P.S. Читаем также про новые тенденции веб-дизайна в 2009 году.

Скачать новую версию Opera 9.63 бесплатно можно на сайте Freeware-soft.

Оптимизация и продвижение сайта — полезные советы и статьи.

www.web2me.ru