+- Xonotic Forums (https://forums.xonotic.org)
+-- Forum: Creating & Contributing (https://forums.xonotic.org/forumdisplay.php?fid=10)
+--- Forum: Xonotic - Editing and Concept Art (https://forums.xonotic.org/forumdisplay.php?fid=11)
+--- Thread: Xonotic custom icon for profile users - editing image tutorial (/showthread.php?tid=8485)
Xonotic custom icon for profile users - editing image tutorial - LegendGuard - 12-10-2020
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/1HaD4c7pl27XxeFelcQGThLU9Kl94M1v1/view?usp=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/608024931086893063/715995473088872549/XonoticIconOrangeDarkBrown.grd
https://cdn.discordapp.com/attachments/608024931086893063/715995475517636688/XonoticMaybeOriginalGradient.grd
https://cdn.discordapp.com/attachments/608024931086893063/715995477337964614/XonoticMaybeOriginalStrokeGradientColor.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)
RE: Xonotic custom icon for profile users - editing image tutorial - AriosJentu - 12-11-2020
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.
RE: Xonotic custom icon for profile users - editing image tutorial - Mr. Bougo - 12-12-2020
Love it!
If you want to work with SVG, you can find the official original in git here: https://gitlab.com/xonotic/mediasource/-/tree/master/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
RE: Xonotic custom icon for profile users - editing image tutorial - тeslaboy - 12-12-2020
Good job, great guide
RE: Xonotic custom icon for profile users - editing image tutorial - Julius - 12-14-2020
I have used this to edit some Xonotic SVG files:
https://svg-edit.github.io/svgedit/dist/editor/index.html
It is an online SVG editor
