1 pixel crosshair guide (RUS/ENG)

How to make a 1 pixel sight / Как сделать прицел толщиной в 1 пиксель

Guide

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

Чтобы всё таки сделать такой прицел нам придётся прибегнуть к сторонним программам в виде редакторов изображения

Лично я предпочитаю программу GIMP. Она абсолютно бесплатна

Hello everyone. Since CrosshairX is under active development, it, like any program, may have flaws. At the moment, there is no way in this program to make a 1-pixel thick sight using standard functionality. The standard functionality refers to the "Designer" tab, in which we can make changes to the sight in real time. The fact is that no matter what settings you set, the sight will be blurred anyway. You will not get an absolutely clear and saturated sight with a thickness of 1 pixel

To still make such a sight, we will have to resort to third-party programs in the form of image editors

Personally, I prefer the GIMP program. It is absolutely free

GIMP

После открытия программы нам необходимо выбрать Файл - Создать новый

After opening the program, we need to select a File and create a new one

Разрешение / Resolution

Разрешение создаваемого изображения выбираем в соответствии с вашим разрешением монитора
We choose the resolution of the created image according to your monitor resolution

Удаляем фон / Removing the background

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


Click on the cross, selecting the only layer that we have. This way we will remove the unnecessary background so that the sight is on a transparent background

Новый прозрачный слой / Create a new transparent layer

Создаём новый прозрачный слой как на скриншоте

Creating a new transparent layer as in the screenshot

Нажимаем ОК / Press OK

Выбираем инструмент "выделение" / Select the "selection" tool

Линейка / Ruler

Теперь зажимаем клавишу CTRL и крутим колесо мыши пока не увеличим изображение. Если вы всё сделали верно, то вы должны увидеть последовательные числа на линейке сверху и сбоку, например: 101, 102, 103 и так далее. Это и есть наши пиксели. Рекомендую приблизить слой почти до максимума, ведь мы делаем очень тонкий прицел

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

Now hold down the CTRL key and turn the mouse wheel until we enlarge the image. If you did everything right, then you should see consecutive numbers on the ruler from the top and side, for example: 101, 102, 103 and so on. These are our pixels. I recommend bringing the layer almost to the maximum, because we are making a very thin sight

Next, focusing on the rulers, hold down the left mouse button with the Layer Selection tool in an empty place and draw a sight of the thickness that you need. The screenshot clearly shows how many pixels I chose: 2 in width and 7 in length

Выбираем инструмент Заливка / Select the Fill tool

Заливаем выделение / Fill in the selection

Далее нам необходимо залить выделение НУЖНЫМ цветом. Именно такого цвета будет ваш прицел в итоге

Next, we need to fill the selection with the DESIRED color. This is exactly the color your sight will be in the end

Обрезаем слой до выделение / Trim the layer

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

The layer selection and the layer size itself are different things. So that we can more conveniently manipulate the parts of the sight, the layer must be trimmed according to the selection. This way, the borders of the layer will be the same as the selection borders. Click on the Layer - Crop by selection

Убираем выделение / Removing the selection

Убираем выделение как на скриншоте

Removing the selection as in the screenshot

Вращение / Rotate

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

Select the "Rotation" tool. After that, click on "Copy layer" as in the screenshot. This way we will add an extra wand to our scope



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

After we copied the layer. Select it and click on our yellow stick with the Rotation tool. We enter 90 degrees in the field so that it is placed as evenly as possible

Баг / Bug

Всё шло отлично. Но мы видим, что из за слишком маленького размера рисунка у нас по краям прицела появились полупрозрачные участки. Чтобы такого не было. Нам нужно скопировать каждый из слоёв несколько раз и далее соединить их вместе. По итогу у вас будет точно также 2 палочки, но уже без этого артефакта. Делаем всё как на скриншотах

Everything was going great. But we see that due to the too small size of the drawing, translucent areas appeared on the edges of the sight. So that this does not happen. We need to copy each of the layers several times and then connect them together. As a result, you will also have 2 sticks, but without this artifact. We do everything as in the screenshots

Меняем размер прицела / Changing the size of the crosshair

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

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

After we have done everything, we can change the size of the parts of the sight. Select the resizing tool. We press the chain, it must be opened so that we can separately adjust both the length and height of the parts of the sight. We do this with one of the layers

Next, we can remove the layer on which the part of the sight with the old dimensions remains. Copy the layer with the desired dimensions and flip it over again using the Rotation tool

Центрируем прицел по центру экрана / Centering the sight in the center of the screen

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

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

After our sight is actually ready. We have to put it in the center of the screen, because this is the most important thing, otherwise the sight will be absolutely useless in most situations

To do this, select the Alignment tool and simply click on one of the sticks. If everything is done correctly, these squares will appear on it as in the screenshot



После этого нам необходимо последовательно нажать на эти 2 кнопки. Сначала одну, потом другую. А потом сделать то же самое и со второй частью прицела

After that, we need to click on these 2 buttons sequentially. First one, then the other. And then do the same with the second part of the sight

Обводка / Outline

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

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

In order for our sight to have a super thin outline that will not allow the sight to hide in the textures of the game or on a bright background, we must create a New layer as we did at the beginning of this guide

Next, hold down the ALT button and just click on the miniature rectangles at the layers, and not on the layer itself, otherwise the selection will not work.


Потом нажимаем Выделение - Grow. Выбираем толщину нашей обводки. Я лично выбрал 0.5 пикселя. Чтобы обводка не бросалась в глаза и не увеличивала толщину прицела сверх нужной

Then click the Selection - Grow. We choose the thickness of our outline. I personally chose 0.5 pixels. So that the outline does not catch the eye and does not increase the thickness of the sight beyond the desired one



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

Select the fill tool and fill our selection with the desired color. In my case, it's black, since I want a black outline



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

Now use the arrow to move our layer with the outline to the very end so that the colored part of the sight is on top of the outline

Мы получили готовый отцентрованный по центру экрана прицел. Настало время его сохранить

As a result, we got a ready-made sight centered in the center of the screen. It's time to save it

Сохранение и интеграция в CrosshairX / Save the sight and upload it to CrosshairX

Чтобы сохранить наш готовый прицел нажимаем Файл - Экспорт. В имени файла ВАЖНО наличие .png формата. Если там нечто иное, то просто меняем на .png. При сохранении выбираем стандартные настройки, но качество ставим на максимум

To save our finished sight, click File Export. The presence of .png format in the file name is IMPORTANT. If there is something else, then just change it to .png. When saving, we select the standard settings, but we set the quality to the maximum



После этого просто перетягиваем изображение с нашим прицелом в CrosshairX в разделе Изображения. Очень важно выставить размер самого изображения на 1, чтобы прицел был в максимальном качестве

After that, just drag the image with our scope to CrosshairX in the Images section. It is very important to set the size of the image itself to 1 so that the sight is in maximum quality



Вот и всё, друзья! Мы получили наш прицел

That's it, friends! We got our scope


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

Это был мой первый в жизни гайд в стиме. Пожалуйста, сильно не критикуйте!

Огромное спасибо тем, кто поставит лайк или оставит положительный комментарий!

Желаю вам удачи и хорошего настроения!

You may not be able to do what you want the first time. But after a little practice, you will be able to make any sights for any games and for any needs!

It was my first steam guide in my life. Please don't criticize too much!

Many thanks to those who like or leave a positive comment!

I wish you good luck and good mood!

(GOOGLE TRANSLATOR WAS USED FOR THE ENGLISH VERSION. THE DATA MAY BE INACCURATE)