Xonotic custom icon for profile users - editing image tutorial

NOTE: There is something that isn't exactly detailed like the details on the phoenix head, even the blue circle wings. 
To begin with, the tutorial isn't made for beginners.

You need Photoshop to edit Xonotic icon, you will need fundamental knowledge of image editing in Photoshop.

Download here the project: https://drive.google.com/file/d/1HaD4c7p...sp=sharing

This is the other tool that I used to help to fill the gradients: Gradient map would be a hint of the phoenix head lights. (The video is in Spanish)
https://www.youtube.com/watch?v=nX9xeBYXshI

Gradient files to edit the image where is the phoenix head, you can change it to favor the color:

https://cdn.discordapp.com/attachments/6...kBrown.grd

https://cdn.discordapp.com/attachments/6...adient.grd

https://cdn.discordapp.com/attachments/6...tColor.grd

Gradient import instructions:

   


To export the final result: File -> Export -> Export as... -> Format: PNG (Transparency ON) -> Export (it will ask you where to save and name the image file)

It's good to use, for example, Inkscape for vector graphics (maybe dat's easy to work with). I found one SVG picture in Google to work with, and made one for myself. There is included gradients, blur backgrounds and some vector features. But forum's max picture size is 10kb, and I make some compression (meme) for my avatar, which made my work useless. I'm sad, but this work maybe easier than edit PSD.

Love it!

If you want to work with SVG, you can find the official original in git here: https://gitlab.com/xonotic/mediasource/-...r/gfx/logo

Edit: ah, and I should add that you can host your avatar on an external server to work around the 10kb file size limit

Good job, great guide

I have used this to edit some Xonotic SVG files:

https://svg-edit.github.io/svgedit/dist/...index.html

It is an online SVG editor