Программа для создания больших курсора мыши. Изменение указателя мыши в Windows

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

В статье речь пойдет об изменении вида указателя мыши в 7, 8 и 10 версиях системы, который обычно принято называть курсором, хотя это и не совсем верно. Указатели хранятся в файлах с расширением. ani и.cur и хранятся они в папке Cursors . Как видно из расширений, первый хранит в себе анимированные курсоры, второй же статические.

Как установить стандартный указать мыши

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

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

Тут нас интересует раздел «Мышь » и закладка «Указатели ».

Если в панели управления такого пункта не оказалось, то в правой верхней части окна нужно изменить режим просмотра не мелкие значки.

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

Чтобы приступить к изменению указателя, следует нажать на кнопку Обзор , предварительно выбрав режим, для которого будет установлен курсор.

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

При загрузке готового набора из интернета, иногда в папке можно встретить файл с расширением. inf , который содержит информацию о наборе и устанавливается в качестве темы. Для этого кликаем по этому файлу правой кнопкой и выбираем Установить . После этого можно будет выбрать уже готовую тему.

Как создать и установить свой курсор

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

Процедура простая:

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

В сегодняшней статье речь пойдет об эстетической стороне Windows 10, а именно о том, как изменить курсор мыши. Кстати, имеет место забавный «лингвистический казус» — с одной стороны, слово «курсор» (cursor) означает «мигающую черточку» в консоли командной строки, а привычная «стрелочка» называется «указатель мыши» (mouse pointer), с другой стороны файлы изображений «мышиной стрелочки» физически находятся в папке «C:\Windows\Cursors». Если открыть эту папку с помощью Проводника, то можно увидеть что в ней находится два типа файлов. «Статичные» изображения курсора (такие, как стандартная белая стрелка) имеют расширение *.cur, анимированные указатели мыши (как «вращающийся кружок» что появляется когда компьютер выполняет ресурсоемкую задачу или программа «подвисла») имеют расширение *.ani.

Изначально операционная система предлагает ряд предустановленных вариантов оформления курсора. Выбрать один из них можно так:

Сторонние курсоры

В интернете вы сможете найти подборы уже готовые схемы курсоров. После чего примените скачанные файлы курсоров для конкретных действий используя «Обзор»

Создание собственных статичных курсоров

Те эстеты, кого категорически не устраивают варианты предложенные дизайнерами Microsoft, могут создать собственные курсоры и интегрировать их вышеописанным способом в одну из схем. Правда, для этого придется использовать инструментарий от сторонних разработчиков («встроенный» в Windows графический редактой Paint не позволяет создать изображение с прозрачным фоном, а конвертера, преобразующего изображения *.png в файлы указателя мыши *.cur по умолчанию в системе и вообще нет. Для создания простого статичного указателя проделайте следующее:

Скачайте архив с инсталлятором бесплатного графического редактора Paint.Net, распакуйте его на рабочий стол и запустите;
Процесс установки зависит от того, есть ли у вас в системе другие графические редакторы. Если таковых нет, достаточно выбрать экспресс-вариант.
После запуска редактора откройте меню «Изображение» и измение размер картинки (выберите, например, параметр 100 х 100 пикселей);
В панели инструментов «Слои» нажмите на «плюсик» и добавьте новый слой. Потом выделите слой «Фон» и удалите его, нажав на «крестик»;
Используя панель инструментов вверху слева нарисуйте изображение курсора;
Нажмите на меню «Файл» сверху и сохраните результаты работы в файл PNG с произвольным именем;
Самый простой способ осуществить преобразование «png > cur» заключается в использовании онлайн-конвертера. Перейдите на веб-страницу конвертера и перетащите на нее свое произведение искусства;
В выпадающем списке выберите в качестве выходного формата расширение cur и нажмите кнопку «Преобразовать»;
После некоторого ожидания нажмите кнопку «Скачать» и сохраните файл курсора (у меня конвертация заняла около 5 минут, впрочем можно не ждать так как сервис может отправить готовый файл вам в Dropbox, Google Drive или на электронную почту);
Откройте Проводник и переместите сохраненный файл в папку «C:\Windows\Cursors»;
Вернитесь к первой части данной статьи и интегрируйте только что созданный указатель в одну из стандартных тем.

Сделать курсор. И я хотел бы заметить, что любой посетитель этого сайта может смело предложить в комментариях тему для статьи. Если тема хорошая и пользуется спросом я обязательно напишу статью или урок. Но к сожалению ни в Фотошопе, ни в каком-либо «онлайн-фотошопе» будь то Pixlr или что угодно, сделать полноценный курсор невозможно. Однако, можно сделать изображение курсора, а затем, при помощи особой магии и спец программы, делающей курсоры, довести его до конца. Как обычно, я начал свои поиски с известных поисковиков (см гугл и яндекс) , но к удивлению не нашел ни одной толковой статьи на эту тему, кроме панических комментариев на форумах и бесполезных ответов.

Делать курсор или иконку не сложно. Я делал свои первые курсоры, ещё когда учился в школе. На компьютере стоял Windows 98, небо было голубее, а трава зеленее. Я научу вас создавать курсор в программе Photoshop , впрочем, вы можете делать его где угодно, хоть в MS Paint-e, главное, чтобы ваш графический редактор сохранял полупрозрачные PNG , однако все по порядку. Как обычно любой из вас сможет скачать PSD фаилы со слоями, а так же все то, что мы сделаем в этой статье.

Немного о курсоре

Для начала, вам нужно понять, что курсор, это не более чем прямоугольный кусок графики. Конечно, видим то мы только сам курсор, и это потому что остальная часть графики прозрачная, а значение Альфа канала сведено к нулю. Значит, прежде всего, нам нужен такой графический редактор, в котором можно работать с полупрозрачными областями и который может их сохранять, например в GIF или в полупрозрачный PNG 24. И это конечно Фотошоп, хотя изображение курсора можно сделать даже в Иллюстраторе, так как он тоже сохраняет в веб форматы. Замечу, что время GIF-а безвозвратно уходит. В отличие от PNG он имеет всего 256 цветов и не поддерживает полупрозрачность.

Рисуем курсор в Фотошопе вектором

По большей части нам не обязательно рисовать курсор ни в Фотошопе, ни в каком-либо другом графическом редакторе, так как практически ни один из них не умеет сохранять фаилы в курсорных форматах cur или ani . А сохранять в эти форматы умеют только спец программы предназначенные для рисования курсоров, однако, большая часть этих программ либо безнадежно устарела и не обновляется со времен Windows 98, либо предоставляет убожеские возможности управления графикой. Поэтому я и предлагаю сделать графику в старом добром Фотошопе, вместо того, чтобы разбираться с этими аля CursorEditor PRO , которые от Пэйнта отличаются разве что присутствием Альфа канала.

Начните с создания рабочей поверхности File > New и для наших целей нам подойдет размер 120 на 120 px с разрешением 72 dpi , цветовой режим RGB .

Создаем форму курсора

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

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

Трансформируем курсор в Фотошопе

Теперь нам нужно трансформировать объект. Для этого выбираем Edit > Free transform , подробнее о котором можно прочитать в моей статье , а посмотреть практическое применение в . Выберите Edit > Free transform , появится рамка трансформирования. Расположите курсор так, чтобы его кончик был в верхнем левом углу.

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

Опять выберите Edit > Free transform, для начала разверните курсор, затем уменьшите а после нажмите CTRL . Не отпуская его потяните за уголки рамки трансформирования. Переместите угол наклона ближе к левому краю так как у меня на картинке.

Применяем стиль для курсора

До сих пор я не написал ни одной статьи конкретно об использовании стилей, поэтому придется разложить все по полочкам. Стиль в Фотошопе — это графическая кожа, которая натягивается поверх слоя. Стиль состоит из ряда эффектов, которые не меняются с давних пор. Но есть хорошая новость: их вполне хватает чтобы создать практически любую графику для кнопок, шапок и баннеров. И, важное примечание. Изначально стили и создавались в противовес стилям в конкурирующей программе Fireworks от не существующей ныне Macromedia , для работы с веб объектами. Первоначальное применение стилей — создание кнопок, баннеров, шапок и чего угодно для веб сайтов.

Выбираем Layer > Layer Style > Blending Options или альтернативное открытие — двойной клик по слою с курсором на панели слоев Layers. Появится диалоговое окно. В окне две области, меню с левой стороны и настройки с правой. Выберите с левой стороны Style и вы попадете в сохраненные стили, которые уже записаны в Фотошопе. И если у вас там ничего нет, значит вы не загрузили шаблоны. Кликните по круглой кнопочке с правой стороны и выберите из меню Web . Это загрузит все стили из раздела для веб. И собственно на этом можно уже и остановиться, так как вы легко можете выбрать любой стили, применить его и вуаля, красивый курсор готов.

Но я бы хотел создать наш собственный стиль. Вот что у меня на уме. Курсор в стиле металлик, этакий металлический курсор с кучей бликов. Поэтому если вы применили стиль, выберите белый квадратик с красной полоской — это отключит все, переключимся на первый эффект Gradient Overlay в этом же окне и приступим к настройкам.

Кликните по полоске градиента и настройте цвета от белого, к сине серому — 535b5e . В стилях градиента выберите Radial , то есть шарообразный градиент. И вы в любой момент можете позиционировать местонахождение градиента на курсоре, для этого просто кликните по рабочей области, там где нарисован курсор, при открытых настройках стиля Gradient Overlay и перемещайте градиент мышкой на лету. И на моем скрине в панели слоев вы увидите остальные невидимые пока эффекты Стилей. Ничего, их мы тоже последовательно подключим.

Теперь настроим эффект Satin . Что это? Это материал похожий на шелк. И основная задача эффекта Satin создавать переливающиеся блики, примерно такие же как на оригинальном материале. В эффекте Satin выберите режим наложения Blend Mode — Vivid Light и белый цвет. Это создаст жесткий контрастный оттенок при наложении сатина на градиент. Остальные настройки по вкусу, или воспользуйтесь моими.

Теперь включите Bevel and Emboss , он создает псевдо 3D эффекты, подсвечивая слой с одной стороны темным цветом с другой светлым. За счет этого получается визуальная трехмерность.

На всякий случай, вот эффекты, которых мы добились, если все настройки правильные. И если у вас отмечена галочка Preview , то вы видите превьюшку эффекта прямо под кнопкой New Style с правой стороны окна.

И Inner Shadow чтобы создать внутреннюю тень, подчеркнув края курсора. Воспользуйтесь своими настройками, или перепишите мои, это не так важно. И когда ваш стиль готов, вы всегда можете кликнуть по кнопке New Style и записать его в архив стилей.

Последний стиль — Inner Glow , который создает внутреннюю подсветку. В режиме наложения конечно Vivid Light , в настройке Choke 20 размер Size 8 . И теперь, мои друзья, мы закончили с созданием стиля для нашего курсора. Нажмите на кнопку New Style и сохраните стиль в память Фотошопе.

Сливаем слои и уменьшаем курсор

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

Теперь выделите все слои, используйте SHIFT . Затем зайдите в Layers > Merge Layers Я не боюсь сливать изображение и терять мой векторный контур прежде всего, потому что он не представляет особой ценности, так как мы сделали его за 3 минуты. К тому же я сохранил созданный стиль, и могу применить его к чему угодно одним кликом. Однако если вам кажется что этот слой вам еще понадобится, сохраните его в PSD . Вот, зачем я сливаю слои. Сейчас мы будем уменьшать курсор, так как чаще всего курсоры достаточно маленькие, они не занимают ни пол экрана ни даже 200 px. В этом их курсорный смысл.

Конечно, я всегда могу воспользоваться галочкой Scale Styles в окне Image Size и Фотошоп постарается маштабировать стиль, однако он не сможет сделать это достаточно достоверно и стиль все равно поедет. Я хочу слить слои, чтобы перевести прикрепленный стиль в пиксели, так как для нас очень важно, чтобы маленький курсор выглядел так же как большой. Теперь слои слиты, у нас всего один слой с курсором в растре. Зайдиите в Image > Image Size и измените размер с 120 на 120 px на 32 на 32 px . И мы практически сделали наш курсор.

Сохранение курсора в PNG

Откройте File > Safe for Web and Devices и это окно специально создано для сохранения и оптимизации графики для веб, телефонов и планшетов. В появившемся окне вы увидите три области. Средняя область с изображением. Левая область с инструментами. И правая область с настройками. В правой области выберите PNG 24 из выпадающего меню и не забудьте галочку Transparancy , которая и добавляет в фаил альфа канал, скрывающий часть изображения. И это все настройки для нашего курсора. Нажимайте ОК .

Как сделать курсор в формате CUR

Мы практически сделали курсор, однако это по прежнему картинка в формате PNG с изображением курсора, а не сам курсор. В операционной системе его не использовать, для сайта в код не повесить. Настоящий курсор — это прежде всего разновидность системного фаила, к которому прикреплена картинка курсора. Формат такого файла зависит от операционной системы. Для Windows они одни, для Mac OS другие. Мы поговорим о формате CUR. Это статичный формат для курсора, который работает с Windows .

В начале этой статьи я упоминал, что в подобные форматы сохраняют программы типа КурсорРедактор . К сожалению большая часть из них либо платная, либо с испытательным сроком на 30 дней , а графические возможности всех этих программ оставляют желать лучшего. Я перепробовал десяток подобных программ и по моему мнению лучшая из них — IcoFX . Здесь можно найти официальный сайт . Здесь можно скачать IcoFX . Здесь можно посмотреть некоторые уроки о работе с этой программой . И главное преимущество IcoFX — её можно скачать бесплатно и без испытательного срока, по крайней мере пока что. Она работает с большей часть форматов для иконок и курсоров для основных операционных систем. И её способность создавать графический дизайн значительно выше остальных олдскульных программ. Здесь и полупрозрачность, и масса кистей и градиенты и основные инструменты, однако все это ничто против способностей Фотошопа, поэтому я не буду останавливаться на программе IcoFX . Просто скачайте её и давайте уже сделаем этот курсор!

Открываем и сохраняем PNG в CUR

Открываем в программе IcoFX наш PNG . File > Open . В диалоговом окне выбираем Portable Network Graphic (*.png) , чтобы видеть фаилы в формате PNG . Нашли, нажимаем OPEN .

Это пожалуй все что нужно сделать. Теперь сохраним эту картинку в формате CUR . Откройте File > Save As и в появившемся окне выберите формат Windows Cursor (*.cur) . И это все. Мы только что создали работающий курсор в нужном формате.

Загружаем курсор в Windows

Я работаю с Windows Vista, однако на других Windows настройки такие же. В нижнем левом углу экрана нажмите кнопку START. В выпадающем меню выберите Сontrol Panel. В появившемся окне выберите Мышку — Mouse.

В появившемся диалоговом окне выберите вкладку Pointers и нажмите кнопку Browse . В новом диалоговом окне найдите свой курсор в формате CUR и загрузите его. И помните, что это лишь первый курсор в данной коллекции. Чтобы создать целую серию курсоров нужно отрисовать курсоры ко всем состояниям операционной системы, курсор ожидания, курсор при наведении на ссылку, курсор при наведении на форму с текстом и так далее. Либо заменить каждый на единственный, если вам не нужны ситуативные курсоры.

Курсор для сайта

Если вы хотите использовать курсор для сайта, то вам прежде всего необходим фаил курсора в формате CUR , который нужно загрузить на хостинг сайта и прописать его нахождение в CSS сайта. О том как это сделать подробно написано на сайте HTMLBook , который специализируется на HTML и CSS . И помните, что формат CUR сработает для сайта только у тех пользователей, которые пользуются Windows .

Возможно в следующий раз я расскажу как сделать анимированный курсор, похожий на тот, что появляется при зависании операционной системы. До следующих статей на сайте www.сайт

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

Конечно же, стандартными схемами курсоров все не ограничивается. В можно множество пакетов с курсорами. Для их установки, сначала скачайте пакет курсоров – обычно он в архиве, и распакуйте архив в “C:/Windows/Cursors/Имя”, где «Имя» - название новой курсоров.
После этого в свойствах мыши, всё в той же вкладке «Указатели», выберите «(нет)» и в окне «Настройка» кликайте на каждый вид курсора и заменяйте его курсором из скаченного архива в зависимости от действия мыши: основной режим, выбор справки, фоновый режим, графическое выделение и т.д. После настройки каждого элемента, нажмите кнопку «Сохранить как» «Схема» и введите желаемое название пакету курсоров. Для установки созданного вами пакета нажмите «Применить» и “OK”.

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

Инструкция

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

В других версиях ОС Windows после открытия главного меню нажатием клавиши Win или щелчком по кнопке «Пуск» найдите ссылку на запуск Панели управления. Открыв Панель, перейдите в раздел с названием «Оформление и темы» и кликните ссылку «Указатели мыши» в левом фрейме. В результате действий, описанных в этом и предыдущем шагах, откроется вкладка «Указатели» окна свойств мыши.

Поменяйте целиком весь набор указателей мыши, который операционная система использует в разных ситуациях, выбрав один из вариантов в выпадающем списке «Схема». После этого нажмите кнопку OK и процедура будет завершена.

Курсоры ориентируют пользователя среди объектов, отображаемых на экране монитора. Мы постоянно следим за его местоположением и направляем его мышкой к нужной кнопке или к заголовкам окон, курсоры помогают нам рисовать и вводить текст, управлять воспроизведением музыки и фильмов, работать с файлами и папками. Без курсора ну прям беда. Ну раз уж он постоянно у нас маячит перед глазами, может настал момент придать курсору другой вид? Программа RealWorld Cursor Editor это редактор курсоров, позволяющая создавать и редактировать облик курсора, будь то обычный указатель или часы при ожидании ответа приложения, курсор для текста или курсор для ссылки. Создание простого указателя или эффектного анимированного курсора не займёт много времени.

Создание курсоров

Приложение RealWorld Cursor Editor работает как со статичными изображениями курсоров, так и с анимированными. Для создания и редактирования в программе реализовано множество инструментов. Создание курсора возможно "с ноля" - исходя из фантазии и энтузиазма пользователя, из файла картинки или с изображения из буфера обмена. RealWorld Cursor Editor работает со слоями и среди основных её инструментов находятся карандаш, заливка цветом, ввод текста, рисование фигур, ластик, пипетка, ретушь, хот-спот и перспектива. К курсору можно применить регулировку яркости, контраста и насыщенности, наложить различные эффекты. Благодаря такой реализованной в программе функции как подключение дополнительных плагинов, возможности и эффекты RealWorld Cursor Editor расширяются. Дополнения можно загружать и устанавливать одним кликом, с главного окна редактора.