Заметки иконщика

Tag: как рисовать иконки

Total 15 Posts

Видеоурок Xara Xtreme «Рисуем кисточку»

Несколько месяцев назад я выкладывал видеопроцесс рисования иконки, а сегодня выкладываю полноценный видеоурок по Xara Xtreme.
В этом уроке показываю работу с основными инструментами в Xara Xtreme, с небольшими текстовыми пояснениями.
Иконка простая, рисуется минут 10.
В итоге у меня получилась вот такая иконка:

Скачать исходник иконки в формате xar.

Автор музыкальной композиции мой одноклассник Иван Селедцов.

В общем, смотрим видеоурок (около 30 Мбайт):

Полезные статьи Больших Иконщиков для Маленьких и не только :)

Очень полезно будет прочитать-посмотреть всем начинающим иконщикам статьи о рисовании иконок и все, что с ними связано.

Для начала от самых уважаемых мной иконщиков в рунете Ikonka.ru

(Они как раз сейчас рисуют подарки для ВКонтакте):

И от не менее уважаемых Turbomilk.ru (хоть они и не используют Xara Xtreme):

И пара уроков от Cuberto.ru:

Ну думаю для начала на недельку-две хватит 🙂

З.Ы. Хотите конструктивной (и не очень) критики по своим иконкам ? Добро пожаловать в Сообщество иконщиков на ЖЖ.

Попадаем в пиксели, пикселя и пикселы (а как правильно пишется?)

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

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

Так как же в них попасть? А очень просто, все действия в векторной программе мы привязываем к сетке с шагом в 1 пиксель.

Так как я использую Xara Xtreme покажу на её примере:

1. Идем в меню «Utilities» -> «Options» вкладка «Grid and Ruler» и настраиваем так как на картинке.
Первый параметр это основная сетка в 50 пикселей, второй количество строк и столбцов в большой ячейке, опять же устанавливаем число в 50, чтобы одна маленькая ячейка сетки была равна одному пикселу.

2. И затем просто включаем привязку к сетке сделать это можно через меню:

Желтая строка — Привязать к сетке (Snap to grid)
Голубая строка — Показать сетку (Show grid)
Так же можно использовать горячие клавиши, что намного удобнее в процессе работы быстро переключаться в нужный режим.
Знак апотсрофа (русская «э») — Показать сетку (Show grid)
Клавиша delete на цифровом блоке клавиатуры — Привязать к сетке (Snap to grid)
Весь список горячих клавиш, а также их переназначение в меню: «Utilities» -> «Customize Key short-cuts…»

Ниже покажу более наглядный пример (слева не попали, справа попали):

В процессе работы, постояно приближаешь изображение на 200, 800, 1000 процентов, поэтому чтобы всегда перед глазами находилось изображение с натуральным размером, я включаю второе окно документа со 100 процентным масштабом (в Xara Xtreme «Window» -> «New View»):

Этот мини-урок ориентирован на новичков, котрые хотят научиться делать качественные векторные иконки. Так что кирпичи в меня не кидайте 🙂

Если я где-то ошибся прошу мне сказать 🙂

В следующем уроке я покажу как рисовать в Xara Xtreme простые иконки.

Сообщение добавлено через MovableType API

Видео "Как я делаю иконки…"

Решил состряпать видеоролик процесса создания иконки, в данном ролике нарисовал карандаш с точилкой,
по мне так самая простая вещь рисовать карандаш 🙂
В общем смотрите и отписывайтесь. Трафик около 10 Мбайт.