Заметки иконщика » Уроки Xara Xtreme

Web 2.0 цветовая палитра в Xara Designer.

GlumShadow — Thu, 15 Mar 2012 22:23:06 +0000

Давно уже использую для работы web 2.0 палитру (ну нравятся мне эти цвета ). Поэтому для себя поставил палитру собранную из набора web 2.0 и нескольких основных цветов. (Где брал исходную уже не помню, но она больше стандартной палитры web 2.0 и с названиями). В Xara Photo Designer и Xara Designer Pro (Xara Xtreme) можно использовать цветовые палитры от других программ, например Corel и Photoshop.

Поддерживаются следующие форматы:

CorelDRAW Palette .CPL and .PAL
Adobe Color Tables .ACT
Adobe Color Swatches .ACO
PaintShop Pro Palettes .PAL
Microsoft Palettes .PAL

Вот такие цвета в моей палитре:

Вставляем палитру цветов в Xara Designer:

Итак, берем любую указанную выше палитру и копируем в папку «Palettes» находящуюся в основной папке, куда установлена Xara. Например мой вариант палитры в формате .aco (Photoshop) по ссылке ниже. Пример установочного пути: «C:\Program Files\Xara\Xara_Designer_Pro_7\Palettes«

Включаем галерею палитр в меню: Utilities -> Gallery -> Colour Gallery или клавиша F9. Выбираем нужную нам палитру и в контекстном меню пункт «show in Colour Line». Палитра добавится на линейку цветов внизу. А ненужную стандартную, можно отключить, убрав эту же галочку. что интересно, провести данные манипуляции можно, лишь при открытом любом файле. Иначе неактивны меню в галереи палитр.

Скачать web 2.0 палитру .aco для Xara Designer и Photoshop

P.S. Так и не смог найти автора изначальной палитры с названиями цветов. Если кто знает подскажите

Видеоуроки Xara Designer от разработчиков программы.

GlumShadow — Thu, 08 Mar 2012 23:10:28 +0000

Собрал все видеоуроки по Xara Web Designer и Xara Designer Pro в один архив.
Онлайн можно смотреть на сайте разработчиков xara: http://www.xara.com/us/products/designer/tutorials-demos/

Представляют собой короткие ролики о работе инструментов xara designer, правда на английском. Но там настолько всё просто показано, что и без знания языка можно легко разобраться. В архиве ролики разбиты по разделам как на сайте.

Примеры видеоуроков:

Скачать архив видеоуроков Xara Web Designer и Xara Designer Pro с narod.yandex.ru

Урок Xara Designer. Несколько прозрачных градиентов на один объект.

GlumShadow — Sat, 03 Mar 2012 16:42:38 +0000

Чем мне нравится Xara Designer (раньше называлась Xara Xtreme), в отличии от корела и люстры, это удобные градиенты прозрачности.
Инструмент «рюмочка» Transparency Tool (хоткей F6):

Доступны 12 значений этого инструмента, повторяющих инструмент градиентной заливки:

No transparency (непрозрачный)
Flat (плоский на весь объект)
Linear (линейный)
Circular (круглый)
Elliptical (овальный)
Conical (конический)
Diamond (алмазный 0.O)
Three point (по 3-м точкам)
Four point (по 4-м точкам)
Bitmap (по растровому изображению)
Fractal clouds (рендер облаков)
Fractal plasma (рендер пятен)

У каждого инструменты есть следующие параметры:

1 — вид градиента
2 — вид наложения на другие объекты (аналог blend mode в photoshop)
3 — режим повторения градиента
4 — подстройка профиля градиента

Нажав на кнопку-стрелку (4), мы можем двигать ползунки изменяя сам градиент, иногда очень полезен:

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

Чтобы наложить два прозрачных градиента необходимо сначала сделать один обычный, а потом выделенный наш овал объединить в группу, нажав CTRL+G . У нас образуется группа из 1 объекта, но теперь на неё можно наложить ещё одни прозрачный градиент (см. левый овал на рис. выше).
Но если нам нужно 100500 градиентов на один овал ? Тоже используем группы.

Итак, у нас есть овал с двумя градиентами. Поверх него рисуем любой объект, например небольшой овал (см. рис. ниже 1), идем в палитру цветов, и делаем прозрачную заливку для объекта, нажав заштрихованную кнопку (см. рис. ниже 2). Овал у нас станет полностью прозрачным, не убирая выделение держим SHIFT и кликаем по исходному овалу, на который мы накладываем прозрачные градиенты. Опять заветные CTRL+G и у нас новая группа, на которую можно наложить ещё один прозрачный градиент. Если нужен ещё один, повторяем действие с вспомогательным объектом.

Вот как-то так

Отключаем темный скин в Xara Designer Pro.

GlumShadow — Sun, 12 Feb 2012 14:03:24 +0000

Начиная с 6 версии, Xara Xtreme Pro переименовали в Xara Designer Pro. Зачем это сделали не знаю, ну и фиг с ними, хотя первоначальное мне нравится больше. Вместе со сменой названия, решили сделать «няшный» черный интерфейс. Я не знаю под какую программу они косят (под лайтрум чтоли), но получилась у них жесть полная. Хорошо что оставили возможность отключить это черное безумие. Отключить черный интерфейс в Xara Designer Pro можно нажатием 4 кнопок ctrl+shift+alt+S.

Новый тёмный интерфейс

Старый классический интерфейс

Из всех нововведений в 6-7 версии, могу отметить только функцию автосохранения, настраивается в меню: Utilities-Options вкладка, Backups. Там можно указать временной интервал сохранения копий, количество копий каждого документа, папку для копий и сохранение копий открытых документов при закрытии программы. А вот работа с группой объектов в отдельном документе вроде как полезная штука, но я почему-то ей так и не пользуюсь. Немного изменили панель инструментов, объединили в группы некоторые инструменты.

Новая функция прилипания объектов только мешает мне, т.к. я работаю с привязкой по однопиксельной сетке, подробнее об этом тут: Попадаем в пикселы.

Вкладки окон, опять же мне не нужны, т.к. я работаю сразу в двух окнах, чтобы видеть иконку в 100% масштабе, между двух окон я и так переключусь, а так только лишнее место строка с табами занимает.

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

P.S. Если вдруг кто не знает, Xara Designer (Xtreme) — это векторный редактор, но в нем достаточно инструментов и для редактирования фотографий и создания дизайна сайтов. Но я использую исключительно как векторный редактор, намного удобнее corel’a и illustrator’a, хотя и функций поменьше.

Как защитить картинку от нерадивого заказчика.

GlumShadow — Fri, 13 Nov 2009 18:06:47 +0000

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

Обычно для защиты иконок используют однопиксельные линии или точки:

Решетка из однопиксельных линий убивает иконку напрочь, особенно мелкую иконку, деталей там почти не разглядеть. Если делать расстояние между полосками меньше или делать полупрозрачными, то такие иконки проще будет восстановить. Вариант справа, как мне кажется, лучше в качестве сохранения вида иконки. Но его проще убрать, чем просто линии. Итак, потратив 15 минут, я очистил обе иконки в Photoshop однопиксельным карандашом, выбирая рядом лежащий цвет.

В общем как мы видим такая защита, только от ленивых. Что же делать ?

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

Как вариант предлагаю более сложную для восстановления защиту (но она хорошо работает только для многоцветных иконок). Мы просто обесцветим иконку, но не всю. Сделаем так, чтобы половина иконки была цветной, а половина черно-белой. Главное чтобы при симметричной иконке цветная и черно-белая половинка были разными. А на маленькую черную иконку можно добавить красную полоску.

Получается что-то типа такого:

Детали видно, цвет видно частично, разукрасить намного сложнее чем восстановить несколько линий.

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

Ошибки и глюки Xara Xtreme

GlumShadow — Thu, 29 Oct 2009 22:10:06 +0000

Хоть Xara Xtreme и отличная программа, но и в ней есть косяки.
Как я писал недавно обновил драйвера для планшета Wacom Bamboo думал что подвисать и тормозить Xara Xtreme прекратит, но нет, эти самые подвисания при различных действиях начались ещё чаще, в общем я тогда плюнул и работал через virtual box в xp, на которой ничего не висло, в отличии от vista и win 7.

Когда появилось время, я обшарил форум http://www.talkgraphics.com и выяснил что подвисает Xara из-за многоядерного процессора и большого количество потоков при рендеринге объектов. (о как завернул, сам не понял )
В общем, чтобы Xara Xtreme не тормозила пришлось лезть в реестр и выставлять параметр описанных выше потоков равный 1.

Ветка: HKEY_CURRENT_USER\Software\Xara\XtremePro\5.1\Options\Rendering Значение: "MaximumThreads"="1"

И о чудо это помогло, но как говорится нет худа без добра, помимо этих подвисаний после обновления драйверов планшета, стала вылетать ошибка:

Access Violation exception at 0x068075FC

с разным набором цифр и предлагал или игнорировать её или закрыть программу, причём она никак не сказывалась на работе Xara Xtreme просто мешала работать и всё.

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

Этот параметр отключается так:

Ветка: HKEY_CURRENT_USER\Software\Xara\XtremePro\5.1\Options\PenSupport Значение: "PressureMode" = поставить 0

Еще один нужный параметр: автоматическое создание резервных копий перед каждым сохранением.
Однажды Xara у меня закапризничала и закрылась сохранив текущий файл с размером в 0 Кбайт, я конечно «рвал волосы», шутка ли два дня работы, но потом переделал всё и поставил программу бэкапа, которая каждые полчаса делает копию рабочих файлов (естественно не забывая нажимать ctrl+s через каждые пять минут )

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

Параметр автосохранения включается так:

Ветка: HKEY_CURRENT_USER\Software\Xara\XtremePro\5.1\Options\Filters Значение: "MakeBakFiles" = поставить 1

Для удобства занёс все настройки в один reg файл: скачать тут

А потом узнал о программе Xareg в которой можно выставить разные скрытые настройки в том числе PressureMode и MakeBakFiles не залезая в реестр. Программу скачать можно здесь, кстати она работает и с другими продуктами Xara Group Limited.

Видеоурок Xara Xtreme "Рисуем подарочную коробку"

GlumShadow — Wed, 09 Sep 2009 21:51:15 +0000

Я уже выкладывал ссылку на урок Ракутина Андрея «Рисуем офигевшего кота» в Xara Xtreme

Вот еще видеоурок от него, в котором показан процесс рисования подарочной упаковки.

Еще он сделал хорошие уроки по Adobe Photoshop:

Быстрое создание эффектного неба
Урок техдизайна: Отрисовываем самолет
Урок техдизайна: комнатный цветок в горшке
Урок: Рисуем вишенку с нуля
Рисуем здание с нуля в Photoshop
Раскадровка: иконка старинного авто

Работы его просто класс

Урок Xara Xtreme "Офигевший Кот"

GlumShadow — Thu, 30 Apr 2009 09:10:24 +0000

Урок от Андрея Ракутина

Полностью смотрим тут: http://rakutin.ru/?p=157

"Из говна — конфетку" новый раздел блога от Ikonka.ru

GlumShadow — Thu, 23 Apr 2009 22:44:44 +0000

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

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

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

GlumShadow — Mon, 13 Apr 2009 09:19:47 +0000

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

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

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

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

Уроки Xara Xtreme

GlumShadow — Tue, 31 Mar 2009 17:22:23 +0000

http://www.xaraxone.com/

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

Интервью с Денисом Сажиным (Ikonka.ru)

GlumShadow — Wed, 14 Jan 2009 12:47:14 +0000

Рекомендую всем начинающим ознакомиться

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

Зачитать интервью на Habrahabr

Loreleya

Новое видео от ikonka.ru

GlumShadow — Sun, 23 Nov 2008 20:46:25 +0000

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

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

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

GlumShadow — Wed, 12 Nov 2008 20:33:51 +0000

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

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

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

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

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

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

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

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

GlumShadow — Sun, 19 Oct 2008 16:57:03 +0000

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

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

GlumShadow — Sat, 11 Oct 2008 18:16:49 +0000

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

Профессионалы иконко-рисователи

GlumShadow — Wed, 26 Mar 2008 11:01:15 +0000

Наверное многие уже знают, что я занялся рисованием иконок для сайтов и программ…

Я ведь только начинаю, так сказать пробные шажки в этом деле, а вот посмотрите на профессионалов:

Иконка.Ру и turbomilk.ru

Вот и я хочу так начиться…

Естественно стоимость иконок там не 100 руб… но оно того стоит. Про цены на зарубежных сайтах я умолчу…

Loreleya