Как можно поменять курсор на операционке Windows 10 и создать собственный

Скачать: Курсор Direction

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

image

Это файл, отвечающий за установку новых курсоров в систему.

Щелкните по нему правой кнопкой мыши и выберите пункт Установить и согласитесь с установкой.

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

Нажмите меню Пуск > выберите пункт Параметры > нажмите Персонализация

image

В появившемся окне выберите пункт Темы > затем Параметры указателя мыши.

В новом окне Свойства: Мышь, просто перейдите на вкладку Указатели.

В раскрывающемся меню Схема, выберите установленную схему, в нашем случае Direction и нажмите кнопку Применить.

Ручной способ установить новый курсор мыши в Windows 10

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

Во вкладке Указатели, теперь уже в знакомом списке курсоров, выберите (Нет), а затем, щелкните на любой режим, например, Основной, чтобы сделать его активным.

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

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

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

В дальнейшем, чтобы установить новый курсор мыши в Windows 10, на любой из стандартных или уже установленных, или сохраненных вами, выполните уже знакомые вам действия:

Пуск > Параметры > Персонализация > Темы > Параметры указателя мыши.

В открывшемся диалоговом окне Свойства: Мышь. Выберите пункт Указатели.

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

Если вас все устраивает, нажмите кнопку OK.

Курсор мыши – значок, который видит каждый пользователь компьютера. Он позволяет ориентироваться в пространстве Рабочего стола, а точечные настройки операционной системы помогают кастомизировать элемент по своему усмотрению. Кроме того, значок редактируется через специальные программы, и владелец ПОК может даже создать собственный вариант отображения. О том, как поменять курсор мышки на ОС Windows 10, – далее в материале.

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

Первый метод изменить курсор мышки – обратиться к помощи Панели управления. Это специальный раздел настроек операционной системы, позволяющий регулировать практически каждый параметр. Его можно найти в меню Пуск или через поисковую строку Windows. Далее потребуется выполнить следующее:

  • Открыв «Панель управления», ввести в поисковую строку (располагается в правом верхнем углу) запрос «Мышь».
  • Как только система подготовит результаты поиска, перейти в раздел «Изменение вида указателя мыши».
  • Во вкладке «Указатели» появившегося окна щелкнуть ЛКМ по переключателю «Схема».
  • Установить любой понравившийся вариант курсора.
  • Нажать «Применить» для сохранения настроек.

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

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

Кроме Панели управления Windows имеет раздел настроек под названием Параметры. Он более удобен для восприятия и прекрасно подойдет новым пользователям, которым сложно ориентировать в более функциональных интерфейсах. Чтобы поставить новый указатель, нужно:

  • Открыть «Параметры» через меню «Пуск» или нажатием клавиш «Win» + «I».
  • Перейти в раздел «Специальные возможности», а затем – «Мышь».
  • Сменить значок, выбрав необходимый размер и цвет.

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

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

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

  • Как только утилита установится, запустите ее через ярлык на Рабочем столе.
  • Перейдите в раздел «Мои курсоры».
  • Выберите интересующий вариант и нажмите кнопку «Применить».

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

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

  • Запустите RealWorld Cursor Editor.
  • Перейдите в раздел «Указатели».
  • Выберите интересующий вариант.

Внешний вид курсора мышки автоматически изменится и будет работать при любых сценариях. Также вы можете подгрузить через RealWorld Cursor Editor шаблон, найденный в интернете. Для этого после запуска перейдите в раздел «В сети».

Еще одна программа, на которой хотелось бы заострить внимание. Она является очень простой и весит не более пары мегабайт, поскольку не обладает встроенным инструментом создания курсоров и библиотекой шаблонов. Daanav Mouse Cursor Changer позволяет подгружать готовые варианты в расширении «.cur»:

  • Запустите приложение.
  • Нажмите кнопку «Browse» и выберите шаблон.
  • Кликните по плитке «Make current» для активации нового варианта.

Дополнительных действий выполнять не нужно. Мышка сразу же начнет по-новому отображаться на Рабочем столе и в других разделах меню Windows 10.

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

  • Щелкните ПКМ по иконке «Пуск», расположенной в левом углу на экране Рабочего стола, а потом запустите «Параметры».
  • Перейдите в раздел «Специальные возможности».
  • Откройте вкладку «Мышь».
  • Измените параметры, которые предложены в пунктах «Размер указателя» и «Цвет указателя».

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

Люди, которые ко всему подходят творчески и готовы потратить свободное время, могут создать собственный курсор мыши. Причем особые знания здесь не требуются. Просто выберите понравившийся способ и действуйте в соответствии с инструкцией.

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

  • Откройте Paint.
  • Установите размер картинки 128х128.
  • Нарисуйте в указанном квадрате любой значок, так как управлять можно будет не только стрелочкой, но и крестиком.
  • Сохраните файл в формате «PNG».
  • Теперь нужно убрать белый фон. Для этого воспользуйтесь более сложным редактором. Например, онлайн.
  • Подгрузив картинку из панели «Инструменты» выберите «Волшебную палочку».
  • Кликните по белому фону и нажмите «Delete».
  • Сохраните изображение.
  • Теперь необходимо выполнить конвертацию из «.png» в «.cur». Для этого посетите соответствующий сайт.
  • Сохраните итоговый файл.
  • Подгрузите значок через Daanav Mouse Cursor Changer или Панель управления.

При использовании подобного метода создания указателя владелец ПК может проявить всю свою фантазию. Однако Paint нельзя назвать продвинутым инструментом, поэтому стоит рассмотреть и другие варианты.

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

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

Важно. Рекомендуется создавать указатели в разрешении 128 на 128 пикселей, если экран соответствует стандарту FullHD.

Анимированный указатель – более сложный элемент, который нельзя создать через Paint. Здесь нужно обращаться к помощи принципиально других программ.

Microangelo

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

IconLover

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

Real World Cursor Editor

Об этой программе рассказывалось в начале материала. А сейчас о том, как создать уникальный значок:

  • Запустите приложение.
  • Перейдите в раздел «Создать».
  • Выберите «Новый курсор».
  • Нарисуйте указатель, используя встроенный редактор.

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

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

02.05.2021 18:24 97 Евгений Верещака Информационный портал IT Техник

Настя и сборник весёлых историй

Ну, AniTuner – это бесплатная программа, которая позволяет создавать, редактировать и конвертировать анимированные файлы курсора (.ani) для Windows, содержащие анимированный указатель мыши. Вы можете использовать анимированные курсоры не только для настройки внешнего вида тем Windows, но и для а также вставлять анимации на свои веб-страницы, блоги, электронную почту, мгновенные сообщения, документы или даже приложения. Возможности: Открыть и отобразить любой анимированный курсор. Сделать анимированные курсоры (АНИ) из анимированного GIF , видео AVI и растровые полосы. Редактирование кадров, изменение их длительность, изменить их в вашем любимом редакторе изображений и сохранить изменения обратно к анимированному курсору. Выполнять операции непосредственно на одном или нескольких кадрах, таких как слияние, сальто, обратное или слияние изображений. Импорт файлов изображений (BMP, JPEG , GIF, PNG, Adobe Photoshop PSD, CUR, ICO), чтобы превратить их в статические курсоры или анимированные курсоры. Экспорт фреймов с ваших анимированных курсоров в несколько форматов изображений. Измените существующие анимированные курсоры и измените их глубину цвета или размер. Преобразование анимированных курсоров в анимированные GIF, AVI, растровые полосы или Adobe Flash SWF-фильмы. AniTuner не совсем прост в использовании, но в самой программе есть хорошая справка.

Создайте собственное приложение для Android с помощью Google App Inventor для Android

Теперь Google предлагает бесплатный программный инструмент для написания приложений для телефонов Android – Программа Google Labs App Inventor для Android.

Создайте и создайте собственную плитку приложения для Windows 8 с помощью oblytile

Хотите создать свою собственную плитку приложения для Windows 8? Да, пользовательский … вы можете создавать свои собственные плитки приложений Windows с помощью Oblytile. Проверьте это!

Как создать анимированный GIF с помощью фотошопа

Простое руководство о том, как создавать свои собственные GIF-файлы с помощью Photoshop.

На нашем сайте собраны самые качественные указатели мыши, которые могут подойти для разных оформлений рабочего стола. Совершенно не важно, какая у вас операционная система, будь то Windows 7, Windows 8 или Windows 10 — курсоры устанавливаются одинаково. Украсить свою систему новыми курсорами можно совершенно бесплатно — для этого нужно просто скачать любой понравившейся набор. Если вам нужна помощь в установке курсора, то посмотрите это пошаговое руководство.

Фантастический набор курсоров, сделанный в виде Трансформеров.

Отличный набор крусоров для поклонников игры Майнкрафт.

Компактный курсор с красивой анимацией для Windows.

Представленные указатели имеют черный цвет и белую обводку.

Вторая версия легендарного набора курсоров «Night Diamond».

Уникальный курсор для Windows, обладающий красивой анимацией.

Одним из самых компактных указателей для мыши, является набор OS X El Capitan.

Курсоры Krakin отличаются оригинальным стилем, поэтому они пользуются высокой

Курсоры для мыши Zaba выполнены в двух вариантах – синем и зелёном цветах.

Представленный набор курсоров выполнен по мотивам игры Life is Strange.

В архиве имеется 2 варианта курсоров, которые отличаются размерами, однако

Очень качественные курсоры, которые отлично подойдут под светлую или темную

Эти курсоры выполнены под стиль всеми любимого Марио.

Они будут хорошо сочетаться как со стандартной темой Windows, так и с другими

Данные курсоры представляют собой набор анимированных указателей, которые

Эти указатели выполнены на любимую многими тематику драконов синего и

Данные курсоры являются анимированными и идут они вместе с установочным пакетом.

Выполненные в уникальном стиле, курсоры обязательно придутся по душе фанатам

Эти курсоры представляются в темном и светлом вариантах.

Как можно видеть на представленной выше демонстрационной картинке, они хорошо

Данный набор курсоров хорошо будет смотреться как на светлых, так и на тёмных

Представленная коллекция курсоров выполнена в лёгком, воздушном стиле.

Привлекательны эти указатели тем, что они прорисованы довольно аккуратно и

Яркие, стильные и просто красивые курсоры, выполнены в различных красках..

Здравствуйте!

Вообще, сам я немного скептически смотрю на замену курсора (кроме отдельных случаев: когда он сливается с фоном, например) , но вопросов таких получаю массу. 😉

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

Кстати, для тех кто хочет немного позаниматься «творчеством» — есть вариант создать свой курсор (благо, это доступно большинству, причем, даже если вы совсем не умеете рисовать).

Читайте также:  Как настроить разрешение мыши windows 10

Пример — на что можно поменять стрелку.

Настройка курсора

Замена стандартной стрелки-курсора на что-то иное

Вариант 1 (штатный)

Если у вас установлена современная обновленная версия Windows 10 — то в арсенале ее функций есть возможность поменять курсор. Выбор, конечно, не самый большой — но есть!

Как это делается:

  1. зайти в параметры ОС (сочетание Win+i / либо через меню ПУСК);
  2. перейти в раздел «Специальные возможности / указатель мыши» ;
  3. задать размер указателя, и выбрать его цвет (кое-какие варианты есть 👌).

Windows 10 — указатель мышки

Вариант 2 (универсальный)

Сейчас в сети можно найти сотни и тысячи самых разных курсоров — что называется на любой вкус. В рамках этой заметке я предложу свой «старый» архив (ссылка ниже 👇. В нем собраны сотни разных курсоров, думаю, что для первого знакомства это должно хватить 😉).

👉 Ссылка на большой пакет курсоров: «Скачать Курсоры.rar» (запаковано WinRAR).

  1. загружаем архив с курсорами;
  2. копируем его в папку «C:WindowsCursors» и извлекаем всё, что в нем есть (архиваторы в помощь);
  3. нажимаем Win+R и используем команду control mouse ;
  4. должны открыться настройки мышки. В разделе «Указатели» выбираем основной режим и нажимаем «Обзор» ;

Свойства мышки — выбор указателя

выбираем один из курсоров, которые мы загрузили в шаге 1;

Для того, чтобы изменения вступили в силу — осталось только нажать на кнопку «Применить» . На этом всё, курсор должен быть изменен!

Выбор указателя для справки

Для других режимов («Выбор справки», «Фоновый режим» и т.д.) курсор настраивается аналогичным образом.

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

Для этого лучше и легче всего использовать спец. программу — ArtCursors . По своему внешнему виду — она очень напоминает стандартный Paint.

Единственное отличие : поле, на котором вы будете рисовать курсор (указатель), представляет из себя прямоугольник, разделенный на небольшие квадратики (пиксели). Слева (справа) представлены инструменты, которыми и можно «творить» свой шедевр. 👌 👇

ArtCursors

Создаем свой курсор в ArtCursors

ArtCursors позволяет нарисованную картинку сразу же сохранить в формат «.CUR». А ее потом достаточно разместить в папку «C:WindowsCursors» и выбрать в настройках курсора (как мы это делали чуть выше. ).

И будет «бегать» по экрану свой рисунок (вместо стандартной стрелки).

Что у меня получилось!

Кстати, эта программа позволяет «побаловаться» не только с курсорами, но и другими иконками Windows. Но в рамках этой статьи на этом не останавливаюсь.

Читайте также:  Как работает windows store

Что дает проф. версия программы

Как сбросить все настройки по изменению курсора

👉 Способ 1

Необходимо открыть настройки мышки: нажать Win+R и в окне «Выполнить» использовать команду control mouse .

Далее в открывшемся окне перейти во вкладку «Указатели» , выбрать «Основной режим» и нажать кнопку «По умолчанию» . См. скриншот ниже. 👇

Задать курсор по умолчанию

👉 Способ 2

Еще один хороший способ изменить курсор (да и вообще оформление ОС) — установить новую тему (которая включает в себя всё сразу: обои, цвет, звуки, указатель и пр.).

Сделать это можно в параметрах ОС (сочетание Win+i) в разделе «Персонализация / темы» .

Меняем тему / Windows 10

👉 Способ 3

В некоторых случаях (например, когда вы использовали какие-то спец. утилиты) способ 1/2 может не сработать.

Тогда можно попробовать откатить систему (если, конечно, у вас сохранилась хотя бы одна точка восстановления).

Для просмотра точек восстановления:

  • нажмите Win+R (чтобы появилось окно «Выполнить»),
  • используйте команду rstrui .

Как видите из примера ниже — в моей ОС есть только одна точка (впрочем, этого достаточно для восстановления системы).

Как работать с точками восстановления в Windows 10 — подробная инструкция

Есть только одна точка.

Если точек для отката ОС нет — то восстановить норм. работу Windows можно через сброс параметров и настроек (в дефолтные). Сейчас Windows 10 предлагает это сделать через меню «Обновление и безопасность / Восстановление» .

Вернуть ПК в исходное состояние

На сим пока всё. Дополнения были бы кстати!

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

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

Все курсоры совместимы с Windows 7, Windows 8.1 и Windows 10, Linux и Mac.

Как установить курсоры

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

Читайте также:  Lexicon io22 драйвер windows 10

После разархивации, когда вы откроете папку, найдите файл .INF и щелкните его правой кнопкой мыши, чтобы выбрать установку. Затем вам нужно открыть Панель управления -> Персонализация -> Изменить указатели мыши -> Указатели и выбрать предустановленную схему в раскрывающемся меню. После того, как вы выберете указатель мыши, нажмите OK и наслаждайтесь своим любимым курсором мыши.

Если у вас нет файла .INF, вам нужно установить его вручную, выполнив несколько простых шагов, которые вы можете посмотреть в этом видео.

Cut the Rope

Cut the Rope – известная видеоигра, созданная компанией ZeptoLab, и ее скачали 600 миллионов раз, что является огромным числом. Этот набор указателей мыши включает в себя различные анимации и статические изображения из игры, чтобы создать прекрасную атмосферу Cut the Rope.

Формат: .cur

Количество: 15х2

Размер файла: 566 КБ

Minecraft — Diamond Edition

Если вы одержимы Minecrаft и проводите все дни, просто играя в него, то курсоры Minecraft Diamond Edition вам подойдут. Этот набор указателей мыши объединяет в себе различные изображения, в том числе: алмазный меч Minecraft, топор, лопату и даже Ender Dragon.

Формат: .ani

Количество: 15

Размер файла: 35 КБ

Наруто

Наруто – главный герой японского аниме-сериала, который с его суперсилой является одним из величайших феноменов манги. Этот набор курсоров включает статические и анимированные указатели, которые красиво смотрятся на любом рабочем столе. На каждом курсоре изображено лицо Наруто, которое выглядит так же забавно, как и настоящий персонаж в фильме. Процесс установки прост, несмотря на то, что файл INF не включен, но есть руководство по установке Наруто Cursor Set.

Формат: .ani, .cur

Количество: 15

Размер файла: 97 КБ

StartCraft 2

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

Формат: .ani, .cur

Количество: 30

Размер файла: 65 КБ

Spore

Коллекция курсоров из игры Spore. Собраны все самые основные варианты небольшого размера, но аккуратные и хорошо различимые на экранах мониторов.

Формат: .cur

Количество: 17

Размер файла: 950 КБ

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Пару дней назад мне подкинули отличную идею в комментариях к сайту www.hronofag.ru написать о том, как в «онлайн-фотошопе» Pixlr сделать курсор. И я хотел бы заметить, что любой посетитель этого сайта может смело предложить в комментариях тему для статьи. Если тема хорошая и пользуется спросом я обязательно напишу статью или урок.  Но к сожалению ни в Фотошопе, ни в каком-либо «онлайн-фотошопе» будь то 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.

image

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

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

image

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

image

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

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

image

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

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

image

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

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

image

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

image

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

image

Кликните по полоске градиента и настройте цвета от белого, к сине серому — 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.hronofag.ru

Скачать архив с файлами

Оцените статью
Рейтинг автора
4,8
Материал подготовил
Егор Новиков
Наш эксперт
Написано статей
127
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий