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

Tag: иконка

Total 8 Posts

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

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

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

zik1

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

(далее…)

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

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

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

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

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

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

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

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

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

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

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

Сайт для поиска иконок

http://iconfinder.net

На Турбомилке http://turbomilk.ru/portfolio/identity/iconfinder/ увидел интересную ссылку на сервис поиска иконок.
Я так и не понял где они их ищут, но по каждой иконке есть информация об авторе и лицензии использования.
Как я понял ищет он бесплатные иконки (GPL, LGPL, freeware и т.п.)

У Skype 4 кривая иконка в трее…

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

Не пойму или это косяк у них или редизайн иконки, но какой-то непонятный…

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

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