В следующей статье Quantrimang.com расскажет вам, как создать собственную кнопку «Пуск» по своему усмотрению. Надеюсь, вы нашли эту статью полезной!
Требования и инструменты
Для начала у вас должно быть программное обеспечение для редактирования изображений . Photoshop — одно из самых мощных и широко известных, но любое приложение, которое работает с растровыми изображениями (BMP) и поддерживает слои «Прозрачное альфа», также будет работать нормально.
Примечание:
Обязательно проверьте настройки DPI, прежде чем продолжить. Параметр DPI (точек на дюйм) в Windows определяет размер отображения всего на экране, увеличивая текст и кнопки без изменения разрешения экрана.
В общем, вы можете увидеть используемый вами DPI по размеру текущей кнопки «Пуск» и панели задач. Вот пример того же разрешения с настройками 3 DPI:
Однако, если вы не уверены и хотите еще раз проверить, щелкните правой кнопкой мыши на рабочем столе и выберите « Разрешение экрана». В этом окне нажмите ссылку « Увеличить или уменьшить текст и другие элементы» , как показано здесь:
На следующей появившейся странице отображается выбранная в данный момент настройка DPI:
В зависимости от выбранного разрешения вам потребуется создать кнопку «Пуск» с одним из следующих размеров изображения:
- 100 % DPI – используйте размер 54 x 162 пикселей.
- 125 % DPI – используйте размер 66 x 198 пикселей.
- 150 % DPI – используйте размер 81 x 243 пикселя.
Для целей данного руководства статья будет работать со 100% стандартным разрешением.
Как создать свою кнопку «Пуск» по своему вкусу
Создайте новое изображение со следующими настройками:
Примечание:
* Чтобы соответствовать стандартной кнопке «Пуск» Windows 7, размер изображения должен составлять 54 x 162 пикселей.
* Настройки разрешения очень интересные. 100% DPI в Windows составляет 96 DPI. Нет никакой разницы между использованием 72 и 96 точек на дюйм , но некоторые пользователи могут предпочесть использовать то же разрешение, что и Windows. Это полностью зависит от вас. Просто помните, что чем выше DPI, тем больше будет размер файла.
* Оставьте цветовой режим как RBG с 8 битами на канал.
Когда откроется окно нового изображения, выберите инструмент «Заливка» и залейте фон черным цветом. В то же время откройте изображение, которое вы хотите использовать в качестве кнопки «Пуск» рядом с ним, как в примере ниже:
Примечание. В этом примере в статье также добавлены стандартные линии для разделения изображения на три равные части для состояний кнопок (первая строка размером 54 пикселя и вторая строка 108 пикселей).
Следующий шаг — подготовить изображение для использования в качестве кнопки «Пуск». Поскольку для расчета альфа-канала требуется прозрачность слоя (поясняется позже), кнопка, которую вы хотите использовать, не должна иметь никакого цвета или фона.
Выберите кнопку, соответствующую тому методу, который вам нравится, как показано ниже. Это намного проще при увеличении масштаба до разумного уровня:
Примечание . На этом этапе не нужно беспокоиться о том, что вы выберете слишком много или слишком мало. Если у вас получится немного лишнего фона, его можно будет обрезать позже.
Выделив кнопку, скопируйте выделение на новый слой и скройте старый слой. Сочетание клавиш Ctrl
+ — J
самый быстрый способ сделать это. Этот ярлык возьмет выделенную область текущего слоя и скопирует ее на новый слой того же изображения.
После того, как вы изолировали кнопку «Пуск» на отдельном слое, пришло время изменить размер изображения до соответствующего размера для кнопки «Пуск». Щелкните правой кнопкой мыши верхнюю панель изображения и выберите «Размер изображения».
Примечание :
- Размер изображения изменит размер изображения вместе с его содержимым — то, что мы хотим.
- Размер холста изменит только размер холста, а его уменьшение приведет к обрезке изображения, чего нам не нужно.
При изменении размера изображений следует учитывать несколько важных моментов:
Предупреждение: здесь вам придется поэкспериментировать с размерами изображений. Этот параметр повлияет на размер всего изображения, а не только на кнопку. Сначала попробуйте ширину 54 пикселя, и если она слишком велика, вы можете постепенно уменьшить ее.
Проверьте настройку разрешения для этого изображения и убедитесь, что оно соответствует 72 пикселям на дюйм, которые вы выбрали ранее для кнопки «Пуск».
Как только вы будете удовлетворены размером кнопки, перетащите отредактированную кнопку в исходное окно изображения кнопки «Пуск» и поместите ее в один из трех блоков, определенных стандартными линиями. Результат выглядит следующим образом:
Примечание. Из-за предыдущего изменения размера изображения края иногда могут выглядеть немного смешно. В данном случае здесь все еще очень тонкая граница. Теперь, когда у вас есть кнопка нужного размера, обрежьте оставшуюся границу любым удобным для вас способом.
В зависимости от используемого изображения в этом случае обычно хорошо работает увеличение масштаба и использование инструмента «Ластик» размером 15 пикселей и жесткостью кисти 50%.
Как только вы закончите редактирование изображения, пришло время продублировать его с тремя состояниями кнопок. В итоге у вас получится 3 значка, как показано ниже:
Примечание . Вот совет, как правильно расположить эти значки:
1 - Начиная с кнопки в верхнем блоке, нажмите Ctrl
+ J
для дублирования.
2 - Затем удерживайте Shift
+ Ctrl
и нажмите стрелку вниз 5 раз.
3 - Удерживайте Ctrl
, отпустите Shift
и нажмите стрелку вниз 4 раза.
Удерживание Shift
и Ctrl
переместит слой на 10 пикселей, простое удерживание Ctrl
переместит его на 1 пиксель. Приведенный выше метод гарантирует, что ваша кнопка переместится прямо вниз на 54 пикселя.
Теперь самое интересное, и оно полностью зависит от вас: создание состояния кнопки. Идея трех состояний кнопки проста: верхнее — статическое состояние, среднее — состояние наведения и нижнее — состояние щелчка.
Старайтесь не касаться слишком часто верхней кнопки и делайте это просто. Давайте уделим немного внимания сфере посередине и сделаем ее лучше. Примените некоторые эффекты, нажав нижнюю кнопку, чтобы завершить это.
Конечный результат для всех будет выглядеть по-разному, но вот пример создания очень простого состояния кнопки с использованием эффектов «Внешнее свечение», «Внутреннее свечение» и «Глянцевое» :
Примечание . Сохраняйте слои справа в том же порядке, что и кнопки на изображении (верхний слой для верхней сферы, нижний слой для нижней сферы и т. д.). Это помогает увидеть, какой уровень что, почему, как делает и все остальное, что нравится людям.
Предупреждение : не позволяйте эффекту зайти слишком далеко! Панель задач не такая большая, как стартовое изображение размером 54 x 162 пикселей, что заставит вас задуматься. Старайтесь держать кнопки «Пуск» на расстоянии примерно 9–10 пикселей от границы каждого блока. Вот пример рамки шириной 9 пикселей вокруг кнопки «Пуск»:
Теперь вам нужно объединить все кнопки «Пуск» в один слой, чтобы подготовиться к альфа-слою. Удерживайте Ctrl
и щелкните один раз имя каждого слоя кнопки «Пуск», чтобы выбрать их. Обратите внимание, что фон здесь не выбирается. Выбрав кнопки «Пуск», щелкните правой кнопкой мыши и выберите «Объединить видимые».
На этом этапе вы получите один слой со всеми состояниями кнопки «Пуск» и их уникальными эффектами на одном слое над фоном. Чтобы подготовить слой «Альфа», сначала выберите содержимое слоя кнопки «Пуск». Удерживайте Ctrl
и щелкните один раз на предварительном просмотре слоя кнопки «Пуск». Обратите внимание, что указатель мыши меняется, когда вы удерживаете Ctrl
:
Примечание . Если вы все сделали правильно, вокруг всех трех состояний кнопки «Пуск» должен появиться индикатор выбора, как показано выше.
В слоях есть вкладка «Каналы». Нажмите эту вкладку. Цветовые каналы используются для хранения количества каждого основного цвета, содержащегося в каждом пикселе изображения RGB (красный, зеленый, синий). Поскольку трех каналов недостаточно, в примере будет создан четвертый канал, который не хранит цвета (это действительно техническая задача, просто знайте, что вам это нужно).
Нажмите кнопку «Создать новый канал» внизу этого раздела. Photoshop будет знать, что вы от него хотите:
На этом этапе выберите вновь созданный канал Alpha 1 и увидите кнопку «Пуск». Ты их не видишь, но теперь все в порядке. Этот слой будет определять, какие части изображения BMP Explorer будут отображаться (белые области) и скрываться (черные области) после нажатия кнопки «Пуск».
Переключитесь на инструмент «Кисть» , установите его размер не менее 100 пикселей, жесткость здесь не имеет значения, и залейте выделение белым цветом (насколько это возможно). Обратите внимание, что предыдущий выбор следовал за эффектом свечения и позволял рисовать только определенное количество белого на альфа-канале. Края кнопки «Пуск» станут мягче.
Предупреждение: если на этом этапе края альфа-канала выглядят немного жёсткими, возможно, вам захочется вернуться к тому моменту, когда приложение было применено к кнопкам «Пуск» и слои были объединены, чтобы убедиться, что вы получили фактическое изображение.
На этом этапе вы в основном закончили создание кнопки «Пуск». Снова выберите канал RGB, отмените выделение и вернитесь к слоям. Если вы готовы к использованию кнопки «Пуск», пришло время сохранить ее.
В меню «Файл» выберите «Сохранить» или просто используйте сочетание клавиш Ctrl
+ S
. В диалоговом окне «Сохранить» введите забавное имя для кнопки «Пуск», убедитесь, что выбран «Альфа-каналы» , и нажмите «Сохранить».
На следующем шаге убедитесь, что вы сохраняете растровое изображение Windows и что оно сохранено как 32-битное.
Последний шаг
Теперь ваша кнопка «Пуск» готова. Вы можете использовать любое средство смены кнопки «Пуск», чтобы перевести ее в активное состояние на панели задач. Для этого вам следует использовать инструмент Win 7 Start Button Changer 2.6 или любую другую утилиту, которая вам нравится.
Примечание . Вам следует использовать приложение Кишана. Версия 2.6 была обновлена, чтобы изменить изображение кнопки «Пуск» для любой настройки DPI. Просто убедитесь, что вы используете изображение правильного размера для используемого вами разрешения. Как указано выше:
- 100 % DPI – используйте размер 54 x 162 пикселей.
- 125 % DPI – используйте размер 66 x 198 пикселей.
- 150 % DPI – используйте размер 81 x 243 пикселя.
Кнопка «Пуск», созданная в примере, будет выглядеть так:
Примечание . Люди, у которых нет Photoshop, также могут использовать для этого GIMP .
А вот кнопка меню со значком Quantrimang.com после того, как я выполнил описанные выше действия:
Несмотря на то, что инструкции в этой статье предназначены для Windows 7, я все равно очень хорошо справился с этим на Windows 10. В Windows 10 вы можете использовать программное обеспечение StartIsBack++, чтобы изменить значок меню «Пуск», как это показано в этом руководстве по изменению кнопки «Пуск» в Windows 10 .
Надеюсь, вы добьетесь успеха.