How to create a mana orb in 17 simple steps
In the first Inkscape tutorial we made a simple yet great looking glass
button.
If you missed it, you can read it here : UI Design Tutorial - Glossy Button
It is not required but I recommend to read it first before starting
with this tutorial.
So today I will show you how to create a mana orb.
You can use it for many different kinds of interfaces and games, I just
call it mana orb because I had action RPGs like the Diablo games in mind when
creating it.
It can be used as a visual health or resource display or as a bowl, a bowling ball or something completely different, it is up to your imagination.
It can be used as a visual health or resource display or as a bowl, a bowling ball or something completely different, it is up to your imagination.
If you haven't got it yet, download Inkscape!
Click the picture to view the tutorial at full size.
Have fun!
Have fun!
Artist's advice:
When working with color gradients, go for natural colors and use different hues in the same gradient.
If you want a strong glowing red, use a fiery orange tone for the highlight, just like I used an aquablue in this tutorial that instantly reminds us of the caribbean sea.
A small shift in hues can breathe life into your assets.
You can experiment with Inkscape's
filters to get nice textures for your orbs.
"Liquid" and "Shaken Liquid" are the ones I prefer here, but it is up to you.
The textures are locked to the canvas, so you can move your objects until you are satisfied with the texture.
"Liquid" and "Shaken Liquid" are the ones I prefer here, but it is up to you.
The textures are locked to the canvas, so you can move your objects until you are satisfied with the texture.
An example of use
A screenshot of an Action-RPG game prototype:
A screenshot of an Action-RPG game prototype:
Free resources
You can download the Inkscape source file with the game ready mana orb and health globe in blue and in red for free here: 2DeeArt_Mana_Orb.svg
You can download the Inkscape source file with the game ready mana orb and health globe in blue and in red for free here: 2DeeArt_Mana_Orb.svg
Now we are just one more step away from an impressive role playing game user interface.
Come back soon or just subscribe to
the blog to get informed when the next update is posted!
If you have questions on UI design or requests for future tutorials, please post a
comment!
Nice tutorial. I use inkscape a lot for more character and UI gen and have never thought of using the liquid texture like you did. Well done!
ReplyDeleteKeep up the work, I have marked your page to keep checking back for updates.
-Adam
Thank you for the nice feedback.
ReplyDeleteThere will be more tutorials soon :)
hi..Im college student, thanks for sharing :)
ReplyDeleteThank you for the tutorials, Dee. I'm about to get a position at a software development company and I find your posts very useful for me. Can you also post some tutorials on UX design in the future?
ReplyDeleteThank you for this tutorial.
ReplyDeleteI used it with a liquid texture, added some bubbles and liked the outcome very much.
You could find my orb here: http://mondspeer.deviantart.com/art/The-mana-orb-a-tribute-to-Diablo-I-475815560
Wow, that's very impressive, your orb looks amazing. Thanks for sharing!
DeleteI just happened across your tutorial today and was intrigued by the liquid bit. Downloaded inkscape (and quartz) and it contains no liquid textures. (shake either). I notice this was written a couple years back. Did they remove these?
ReplyDeleteHello, this weekend is good for me, since this time i am reading this enormous informative article here at my home. Art prints posters
ReplyDeleteWe at Dextemade beamed many diversified brands. And we are also honored to provide you Development, Digital Marketing, 2D / 3D Animation, Graphics Design, and 3D Designing Services to beam your brand / aim too. With our complete preparation. We have a team with very high leading expert professionals.
ReplyDeleteWe are the leading web designers and developers in Pakistan believing in creative and responsive designs that make your website highly interactive.
ReplyDeleteAddress: Asia Pacific Trade Center, Rashid Minhas Rd, Karachi
Email: info@codeaze.org
Phone: 0316 2586964 Codeaze
Great, this article is quite awesome and I have bookmarked this page for my future reference.
ReplyDeleteWeb Designing Course in chennai
Web development training in chennai
web designing training institute in chennai
AngularJS course in Chennai
PHP Training Institute in Chennai
ccna course in Chennai
Ethical Hacking course in Chennai
Web Designing Course in Anna Nagar
Web Designing Course in Tambaram
Reasons to learn Web Designing
great article....thanks for sharing waiting for next update..
ReplyDeleteManual Testing Training in Chennai
Manual Testing courses in Chennai
testing courses in chennai
Manual Testing Training in Anna Nagar
Manual Testing Training in T Nagar
Mobile Testing Training in Chennai
core java training in chennai
DOT NET Training in Chennai
Hibernate Training in Chennai
Html5 Training in Chennai
wonderful article. Very interesting to read this article.I would like to thank you for the efforts you had made for writing this awesome article. This article resolved my all queries. keep it up.
ReplyDeleteDot Net Training in Chennai | Dot Net Training in anna nagar | Dot Net Training in omr | Dot Net Training in porur | Dot Net Training in tambaram | Dot Net Training in velachery
ReplyDeleteThanks of sharing this post…Python is the fastest growing language that helps to get your dream job in a developing area. It says every fundamental in a programming, so if you want to become an expertise in python get some training
Dot Net Training in Chennai | Dot Net Training in anna nagar | Dot Net Training in omr | Dot Net Training in porur | Dot Net Training in tambaram | Dot Net Training in velachery
thanks for sharing UI design...thanks a lot guys keep it up guys...lovely post.
ReplyDeleteAngularJS training in chennai | AngularJS training in anna nagar | AngularJS training in omr | AngularJS training in porur | AngularJS training in tambaram | AngularJS training in velachery
I’m impressed, I have to admit. Rarely do I come across a blog that’s both educative and interesting, and let me tell you, you have hit the nail on the head. The issue is an issue that not enough folks are speaking intelligently about. I'm very happy I found this in my search for something relating to this.
ReplyDeleteJio Lottery Winner 2020
KBC Lottery Winner 2020
KBC Winner List 2020
KBC Head Office Contact Number
I’m impressed, I have to admit. Rarely do I come across a blog that’s both educative and interesting, and let me tell you, you have hit the nail on the head. The issue is an issue that not enough folks are speaking intelligently about. I'm very happy I found this in my search for something relating to this.
ReplyDeleteJio Lottery Winner 2020
KBC Lottery Winner 2020
KBC Winner List 2020
KBC Head Office Contact Number
It is really a very informative post for all those budding entreprenuers planning to take advantage of post for business expansions. You always share such a wonderful articlewhich helps us to gain knowledge .Thanks for sharing such a wonderful article, It will be deinitely helpful and fruitful article.
ReplyDeleteCyber Security Training Course in Chennai | Certification | Cyber Security Online Training Course | Ethical Hacking Training Course in Chennai | Certification | Ethical Hacking Online Training Course | CCNA Training Course in Chennai | Certification | CCNA Online Training Course | RPA Robotic Process Automation Training Course in Chennai | Certification | RPA Training Course Chennai | SEO Training in Chennai | Certification | SEO Online Training Course
It is really a very informative post for all those budding entreprenuers planning to take advantage of post for business expansions. You always share such a wonderful articlewhich helps us to gain knowledge .Thanks for sharing such a wonderful article, It will be deinitely helpful and fruitful article.
ReplyDeleteCyber Security Training Course in Chennai | Certification | Cyber Security Online Training Course | Ethical Hacking Training Course in Chennai | Certification | Ethical Hacking Online Training Course | CCNA Training Course in Chennai | Certification | CCNA Online Training Course | RPA Robotic Process Automation Training Course in Chennai | Certification | RPA Training Course Chennai | SEO Training in Chennai | Certification | SEO Online Training Course
I was impressed with the blog which have been posted and was very good creative one.
ReplyDeleteCyber Security
Training Course in Chennai | Certification | Cyber Security Online Training Course | Ethical Hacking Training Course
in Chennai | Certification | Ethical Hacking Online Training Course | CCNA Training Course in Chennai |
Certification | CCNA Online Training Course | RPA
Robotic Process Automation Training Course in Chennai | Certification | RPA Training Course
Chennai | SEO Training in Chennai |
Certification | SEO Online Training Course
Nice information, this is will helpfull a lot, Thank for sharing, Keep do posting i like to follow this ui online training
ReplyDeleteui design course
ui training
online ui training
ui course
ui online course
Excellent blog thanks for sharing the valuable information..it becomes easy to read and easily understand the information.
ReplyDeleteUseful article which was very helpful. also interesting and contains good information.
to know about python training course , use the below link.
Python Training in chennai
Python Course in chennai
Such a wonderful article and I feel that it is best to write more on this topic. Thank you so much because i learn a lot of ideas about it. Keep posting...
ReplyDeleteJava Training in Chennai
Java Course in Chennai
I've read this post and if I could I desire to suggest you some interesting things or suggestions. Perhaps you could write next articles referring to this article. I want to read more things about it!
ReplyDeleteJava Training in Chennai
Java Course in Chennai
Online football betting i99club, one of the world's leading online gambling sites, provides the best prices in football betting
ReplyDeleteเว็บแทงบอล
Ufabet1688 online betting website UEFA Bet is a 100% legal website with all licenses
ufabet
UEFA football betting, casino, slots, lottery, direct website 1688, stable financial, 100% UFABET168
ufa
Fan wreath shop with free delivery, with pictures before-after sending with receipt.
พวงหรีด
Sticking to the COVID-19 situation: Arekorenavi.info
โควิด
Online Baccarat FOXZ24 Easy to apply, fast, deposit-withdraw 10 seconds with the system
บาคาร่า
FOXZ88.NET online casino website Global standard 2020-2021
ReplyDeleteคาสิโนออนไลน์
Betting online gambling reminiscent of UFASCR.COM Baccarat.
ufabet
UFABET football betting website, the big brother of all UEFA networks, UFADNA, with an update The first modern system in 2021
ufa
Web football i99PRO online lottery casino apply today for free 5000 bonus
เว็บบอล
Kardinal Stick Siam - Relx a great promotion. Express delivery in 3 hours.
relx
Movie-watching websites that are more than movie-watching websites Because we are the number 1 free movie site in Thailand for a long time, including new movies, Thai movies, Western movies, Asian movies, we have all kinds of ways for you Including new series Full of all stories without interstitial ads to keep annoying anymore. One place sa-movie.com.
ReplyDeleteAndroid and IOS operating systems. Watch online movies, Thai movies, Western movies, Asian movies, Cartoon movies, Netflix Movie, Action Movies, Comedy Movies, Crime Movies, Drama Movies, Horror Movies, Adventure Movies, Crash Movies and still have many new movies to watch. You can watch for free anytime, anywhere 24 hours a day at see4k.com.
GangManga read manga, read manga, read manga online for free, fast loading, clear images in HD quality, all titles, anywhere, anytime, on mobile, tablet, computer. Android and IOS operating systems. Read top comics, action dramas, comedy, adventure, horror and manga. New coming every day to watch many more. Can be read for free anytime anywhere 24 hours a day at gangmanga.com..
It is no secret that football is among the most popular and widely watched sports. Everybody who likes football tries to find the best platform for free soccer streaming. So, what are the best free sports streaming sites? We are going to answer this question. On this page, you can find a detailed overview of the most widespread soccer streaming websites. Keep on reading and make the best choice for you live24th.me.
one fast brownIn case you are looking for a good site, UFA, UEFA Bet casino site. Which can be played as a thorough answer, in a position to answer Quality and Performance It's ideal to get a great deal of the issues. It can be something very punching and fascinating. Excellently, the items that UFABET football betting is absolutely nothing even with the practical experience of quality. Plus accessibility that are able to see final results It's a model that is very sharp and also different. Full of performance of creating wealth Attractiveness With the most beneficial opportunities it is quite nothing You will find opportunities and also probabilities for making profits. Quality and also somewhat diverse For people who have come to make use of the service excellently fox
ReplyDeleteบาคาร่า
สล็อต
ufa
แทงบอล
fire protection services in hyderabad
ReplyDeletefire hydrant system installation in hyderabad
fire alarm system installation in hyderabad
fire sprinkler system installation in hyderabad
fire safety inspection services in hyderabad
fire fighting annual maintenance contract
fire hazard annunciator
fire hazard annunciaton system
yes, i am thoroughly no examine deliberating this text, and that i simply tormented feeling proclaim that this text is completely useful and enlightening. I in conjunction with have a few gloomy piece of involved information !!!!!!thanks. Eid Mubarak Messages In English
ReplyDelete