5.0 0.5 4 33

Как сделать курсор?

Юлия Чмыхало
Юлия Чмыхало
14 января 2013
2292
Оцените:
Как сделать курсор?

Курсор - это картинка, которую мы видим на мониторе компьютера при использовании манипуляторов типа "мышь". По умолчанию во всех ОС Windows ним является треугольный указатель с небольшим хвостиком. Но человеку свойственно хотеть отличатся от остальных, и именно из-за этого у многих появляется желание кастомизировать интерфейс.

Конечно, можно воспользоваться уже готовыми шаблонами, или скачать новый курсор из интернета. Но лучше сделать свой собственный и абсолютно уникальный! Теперь давайте рассмотрим подробней инструкцию о том, как сделать курсор для мыши.

Сначала нам потребуется установить необходимое ПО:

  • Photoshop,
  • IcoFX.

Вы можете найти и скачать эти программы в Интернете, после чего вам потребуется их установить.

Создаем изображение курсора в Фотошопе

На самом деле, для создания курсора не обязательно пользоваться Фотошопом, но это самая универсальная программа, с помощью которой вы сможете создать любое изображение курсора, ничем не ограничиваясь.

Теперь перейдем непосредственно к созданию рабочей поверхности, на которой будем рисовать наш курсор. Для этого в Фотошопе зайдем в меню "Файл" и выберем пункт "Новый". В появившемся диалоговом окне в качестве параметров выставим размер 120 Х 120 пикселей и укажем разрешение 72 dpi. В качестве цветового режима выберем RGB.

Создадим форму для курсора

Для создания формы курсора в Фотошопе воспользуемся векторным инструментом - Сustom Shape Tool. Выбираем его и на панели с настройками выбираем картинку курсора. Если у вас она отсутствует, то необходимо кликнуть по круглой иконке со стрелочкой, расположенной в том же окне, и выбрать пункт "Все". Это действие отобразит все доступные шаблоны данного инструмента.

Теперь выберите нужный вам курсор, после этого нажмите SHIFT и проведите мышкой по рабочей поверхности в фотошопе. В настройках инструмента необходимо обязательно включить опцию Shape Layers. Эта опция позволит создать слой заливки, к которому автоматически прикрепит векторную маску.

Произведем трансформацию курсора в Фотошопе

Теперь трансформируем курсор перейдя в пункт меню "Редактировать", где необходимо выбрать "Свободная трансформация". После этого будет отображена рамка для трансформирования, двигая которую вы поместите курсор на полотне так, чтобы его кончик находился в левом верхнем углу.

Сейчас нам придется еще раз его трансформировать, чтобы он стал повернутым снизу вверх. Для этого перейдите в пункт меню "Редактировать" и выберите "Свободная трансформация", теперь разверните курсор, а затем уменьшите его, двигая рамку трансформации.

Используем графический стиль для курсора

Открываем пункт меню "Слои", в нем выбираем пункт "Стиль слоя" и кликаем по "Варианты смешивания". После этих действий появится диалоговое окно с двумя областями. С левой стороны будет отображено меню, а с правой настройки.На левой панели выберите пункт "Стиль", после чего вы попадете в перечень всех сохраненных в Фотошопе стилей.

Если у вас там ничего нет, нажмите на круглой кнопочке, расположенной справа и выберите в меню пункт "Веб". Так вы загрузите все стили, которые расположены в разделе для веб. Кликните два раза по выбранному стилю, и он будет использован. Также, если вы опытный пользователь Фотошопа, то сможете создать свой собственный стиль.

Уменьшаем курсор и объединяем слои

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

Сейчас мы должны выделить все слои используя клавишу SHIFT. После чего перейти в раздел меню "Слои" и выбрать пункт "Объединить слои". Если вдруг вы хотите сохранить файл со слоями, то перед выполнением этой операции нужно заранее сохранить изображение в формате *.PSD.

Проделав все необходимые операции, мы можем перейти к уменьшению курсора. Поскольку все слои были объединены в один, то изменить его размер будет довольно просто. Перейдите в пункт меню "Изображение" и выберите пункт "Размер изображения". В появившемся диалоговом окне введите новый размер, вместо 120 Х 120 пикселей впишите 32 Х 32. Вот практически и все.

Сохраняем картинку

Перейдем в пункт меню "Файл" и выберем "Сохранить для Веб и устройств". В появившемся окне вам будут представлены три области. Справа выберите PNG 24 в выпадающем списке и установите галочку в пункте "Прозрачность".

Теперь нажмите "ОК" и сохраните изображение, но этого еще не достаточно, чтобы использовать наш новый курсор.

Сохраняем изображение в формате курсора Windows.

Сейчас нам понадобится программа, о которой мы упоминали еще в начале статьи. Открываем приложение IcoFX , в нем переходим в меню "File" и выбираем пункт "Open". Теперь в диалоговом окне выбираем ранее сохраненный нами файл PNG и нажимаем "ОК".

После чего нам нужно сохранить его в формате CUR. Для этого переходим в меню "File" и выбираем пункт "Save As", после чего в появившемся диалоговом окне выставляем формат Windows Cursor (*.cur) и нажимаем "ОК". Все! Файл курсора готов. Теперь осталось установить его в качестве текущего курсора.

Замена текущего курсора в Windows

Завершающий этап. Перейдите в "Панель управления" и выберите в не пункт "Мыщь". В открывшемся окне перейдите на вкладку "Указатели" и нажмите на ней кнопку "Загрузить". В открывшемся окне выберите наш курсор в формате *. CUR и нажмите "ОК".

Поздравляем! Теперь вы знаете как сделать другой курсор в Windows и можете с гордостью похвастаться своим творением всем знакомым!

Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!