Архив

Архив рубрики «How to&»

Урок: Иконка шейпами и стилями в Photoshop.

28 Дек 2010

Подробнейшая портянка текста и пикселей о том, как я делаю иконки в Photoshop.
Училась и учусь исключительно методом тыка, поэтому если что-то можно сделать проще быстрее и круче — подсказывайте, буду благодарна.
Читать полностью...

How to , , , ,

Twitter jar | Иконки для сайта

09 Дек 2010

Краткая история компьютерной иконографии

06 Дек 2010

Краткая история компьютерной иконографии

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

How to , ,

Почему папки желтые

03 Дек 2010

Почему папки желтые
Папка — одна из самых известных метафор экранных интерфейсов. Это очень мощный и сильный символ. За достаточно короткий период времени он сумел затмить термин, который был призван обозначать. Понятие «директория» или «каталог» канули в Лету. Хотя «папка» когда была лишь метафорой для их обозначения в графических оболочках.

How to , ,

Как рисовать перекрашиваемые иконки (от TurboMilk)

color-icon1Что такое перекрашиваемая иконка? Это такая картинка, которой легко поменять цвет, то есть её перекрасить. Есть несколько способов этого добиться. Я расскажу о простой технологии, которую мы использовали когда делали проект Иконза (по такой же технологии сделаны машинки для Автокадабры). По сути, это веб-приложение, которое позволяет пользователю менять цвет иконок, а потом генерирует необходимые графические файлы.

Например, мы хотим нарисовать перекрашиваемую иконку фолдера. Берем любимый векторный редактор и рисуем. Читать полностью...

How to ,

Круглые кнопки в стиле Windows Vista

11 Апр 2009

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

002_01

Текст сопровождается скриншотами, на которых слева показано, что должно получится на этом этапе, а справа от него показаны параметры эффектов. Должны вас предупредить, что все значения параметров справедливы для конкретного размера объектов - приведенных здесь. В случаях, если ваш объект больше или меньше - нужно ставить другие значения. Поэтому в первый раз очень советуем делать все как в наших примерах (включая размеры объектов). Конечно, можно было бы сделать и без спец эффектов, но это чуть сложнее и, самое главное, менее гибко для дальнейших экспериментов. Читать полностью...

How to

Флаги в виде ImageMap от Skype

22 Мар 2009

1392

Первая буква зоны определяет координату по горизонтали , вторая по вертикали .
Например , зона ru :
R - 18 буква , значит начальная координата по горизонтали 18*16=198px
U - 21 буква , значит начальная координата по вертикали 21*11=231px

How to , ,

Fugue! Комбинируй

06 Мар 2009

Комбинируй
В нашем архиве есть библиотека Fugue . Все иконки выполнены в смешанном стиле Mac OS X и Windows Vista, размером 16x16px в формате PNG. Также автор поделился с нами DevKit'ом в формате PSD, благодаря которому мы с вами можем изменять иконки так как нам понравится.

Комбинация иконок, это возможность данного сета мне нравится больше всего. Автор не пожалел времени и создал миниатюрные версии практически всех иконок благодаря которым можно создавать замечательные комбинации. Хорошо что автор не решился комбинировать все варианты иначе сет был бы гораздо больше. Но комбинации в сете есть, поэтому он все таки такой внушительный. Комбинаций всего 5 практически к каждое иконке:


в качестве серого фона подразумевается иконка.

How to, Наш Архив ,