Всем иконщикам обязательно к прочтению и просмотру

Читать ikonka.ru: Cкорая помощь: к Свободе

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

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

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

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

http://www.xaraxone.com/

На сайте можно найти уроки по Xara Xtreme, правда не на русском, но разве это нас когда-нибудь останавливало ?)
Навигация на сайте имхо немного запутана, раздел уроков вот тут http://www.xaraxone.com/html/tutorials.html
В разделе Guest Tutorials уроков даже вроде больше…

Проблема оказалась в другом, читать тут: Ошибки и глюки Xara Xtreme

Иногда Xara Xtreme начинает загружать процессор на 50-60 процентов не понятно из-за чего. Изначально думал что из-за длительной работы её клинит. Просто перезапускал и всё, но так стало лениво каждый раз заново открывать окна и палитры, настраивать цвет по умолчанию для документа, и я решил разобраться…

А оказалось всё просто:
при копировании пары-тройки десятков объектов с большим количеством прозрачностей, теней, заливок и пр. в буфере программы эта самая куча остается, и минут через 10 Xara начинает нагружать процессор.

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

Нарисовал главную иконку для программы http://midlinesoft.com/

Задача: нарисовать папку и лупу

Родился вариант 1 отражающий суть поиска в файлах, заказчик пошел по пути упрощения с добавлением окантовки (добавлением тени %(  ) и получился вариант 2…

Как всегда мне нравится больше первый варинат, т.к. он более карамельнее чтоли, но и второй вышел ничего :)

© Все работы в этом блоге (кроме отдельно оговоренных случаев) опубликованы в демонстрационных целях, и не могут быть воспроизведены или использованы третьими лицами.

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

Подозреваю что окно палитры цветов отдельно от основного рабочего пространства работает…

Всем обязательно к просмотру
Познавательно и просто красиво

Видеопроцесс создания иконок Новогодней тематики

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

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

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

• Видеопроцесс «С любовью к деталям»
• Видеопроцесс «Веселая белочка»
• Размер имеет значение
• Халтура
• Мелочь пузатая.
• О перспективе замолвите слово.
• Видеоурок. Рисуем иконку «Корзина».

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

• Зачем нужны иконки
• 10 ошибок в дизайне иконок
• Конструирование языка пиктограмм пользовательского интерфейса
• Инструментарий. Введение
• Инструментарий. Часть 1. Векторная
• Инструментарий. Часть 2. Растровая
• The Icon Book
• Растрирование в Adobe Illustrator 10 и CS
• [Обрезаниеk праздник детства
• Как нарисовать иконку. Наброски и метафоры
• Как нарисовать иконку. Создание и уничтожение Земли
• Нашествие иконок-гигантов
• Почему новая иконка Google плохая
• Как нарисовать хорошую иконку для Google
• Как нарисовать иконку. Минимизация

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

• Рисуем иконку машины
• Учимся рисовать иконки размером 32х32

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

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

При рисовании иконок в векторных программах, есть небольшая проблема попадания в пиксели.
Т.е. например, линия толщиной в 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 простые иконки.

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