Shop Mobile More Submit  Join Login
Colorflow Icon tutorial by tRiBaLmArKiNgS Colorflow Icon tutorial by tRiBaLmArKiNgS
Here is my very 1st tutorial ever.

I've had many people ask me how to make these folders and for help, so here's the tut.

I hope it's all clear and easily understood - please forgive me if its not, I'm still a Photoshop amateur myself.

In the download you will get :
The tutorial in JPEG format
The tutorial in PDF format
The PSD template
& 2 example icons

If you download please :+fav: so other people will come across it more easily and maybe get some use out of this too.

*UPDATED 30 SEP 09 - ADDED STEPS TO'WRAP' IMAGES AROUND THE FRONT OF THE FOLDER*

IF YA USE THIS & START MAKING YOUR OWN I'D LOVE TO SEE WHAT YA COME UP WITH SO I CAN ADD THEM TO MY :+fav:'S (I COLLECT ALL COLORFLOW ICONS) & ALSO ADD A LINK TO YOU IN MY FUTURE COLORFLOW ICONS LIKE THE LINKS BELOW

Here you will find icons by -
~xazac87: [link]
~subuddha: [link]
~obamagirl: [link]
~WilsonMagalhaes: [link]
*JayJaxon: [link]
~TheSaintIsBack: [link]
~T0j: [link]
=steelew: [link]
~Blue-Berry-Mac: [link]
=Gerguter: [link]

Based on the
Colorflow icons by Bandar Hassan Raffah: [link]

tutorial is tribalmarkings
Add a Comment:
 
:iconsamirpa:
This was the quickest and simplest tutorial I've seen explaining something that is not so simple to handle, the Colorflow icon Layout. This does not mean that the explanation was simplistic or poor. Rather, it was extremely effective because it is direct, and go exactly to the relevant points that should be thought of in time to create this type of icon.
The artist knew perfectly explain the creation of the icon and as if that were not enough even gave two examples of styles that can be used in its creation. For an icon that is made from a ready model, I think there couldn't be a more objectiv and straightforward tutorial for people who have never created this kind of icon. I think a summary so well explained just could from this brilliant artist who is tRiBaLmArKiNgS
What do you think?
The Artist thought this was FAIR
13 out of 14 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconflowerpalette:
FlowerPalette Featured By Owner Mar 23, 2015
Thank you so much!!
Reply
:iconnt291263:
nt291263 Featured By Owner Dec 11, 2013  Hobbyist Digital Artist
you asked people who used the tutorial/template to get in touch re: your colorflow collection, you'll find a few on my page.

thank you *very much* for the template, i had asked a couple of people before starting but they declined.
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Dec 11, 2013  Hobbyist Digital Artist
No probs :D

They look sweet mate, very creative ;)
Reply
:iconnt291263:
nt291263 Featured By Owner Dec 12, 2013  Hobbyist Digital Artist
thank you for your kind words of encouragement. here's the latest for your collection. it's an update of one of the oldest ones:

nt291263.deviantart.com/art/TH…
Reply
:iconjumpbiest:
JumpBiest Featured By Owner Nov 23, 2013  Hobbyist Interface Designer
Thank you for this tutorial, great job!!  +fav   +favlove
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Nov 25, 2013  Hobbyist Digital Artist
No probs :D
Reply
:iconskaias-orbit:
Skaias-Orbit Featured By Owner Oct 17, 2013  Hobbyist General Artist
Thank you greatly for this tutorial. I have been looking all over the place for someone who can tell me what to do as well as suplly a folder base. You're a lifesaver.
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Oct 21, 2013  Hobbyist Digital Artist
No probs :D
Reply
:icondanielhega:
Danielhega Featured By Owner May 31, 2013
Thank you so very much my friend.
This tutorial is so cool, etremely easy to make my own icons :-D
I'll upload them soon.
Thanks!!!
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Jun 2, 2013  Hobbyist Digital Artist
No probs :D
Reply
:icondanielhega:
Danielhega Featured By Owner May 30, 2013
Thank you so much!
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner May 31, 2013  Hobbyist Digital Artist
No probs :D
Reply
:iconuser1134:
User1134 Featured By Owner Jun 21, 2012  Hobbyist General Artist
Your Tutorial Is Awesome And Thank You For Posting This PSD, I've Seen It Here A Few Times And I'm Giving It A Whirl!
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Jun 22, 2012  Hobbyist Digital Artist
:thumbsup:
Reply
:iconmaurolimaok:
maurolimaok Featured By Owner May 21, 2012
Thanks a lot. Now I can give first steps with PS making something very useful.
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner May 21, 2012  Hobbyist Digital Artist
No probs :D
Reply
:iconseanarmy:
Seanarmy Featured By Owner Mar 24, 2012  Hobbyist General Artist
Thanks!
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Mar 25, 2012  Hobbyist Digital Artist
No probs :)
Reply
:iconsweetangel1927:
sweetangel1927 Featured By Owner May 14, 2011  Hobbyist Digital Artist
Oh mannn this is so awesome! It will make it so much easier and convenient for me to make folder icons for all the random folders I have xD Thank you so much for this!
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner May 15, 2011  Hobbyist Digital Artist
No probs :D

Thanks :thumbsup:
Reply
:iconayame18:
ayame18 Featured By Owner Apr 7, 2011  Student Digital Artist
How neat. Are these icons only for rocketdock? :)
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Apr 8, 2011  Hobbyist Digital Artist
For any dock app

Thanks chic :thumbsup:
Reply
:iconayame18:
ayame18 Featured By Owner Apr 8, 2011  Student Digital Artist
Oh yeah, I was wondering... I can use one for a group picture right? :eager:
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Apr 9, 2011  Hobbyist Digital Artist
Yea no probs :thumbsup:
Reply
:iconayame18:
ayame18 Featured By Owner Apr 8, 2011  Student Digital Artist
You're welcome.
Reply
:iconellab0n1tz:
ellab0n1tZ Featured By Owner Jan 8, 2011
Thanks!
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Jan 15, 2011  Hobbyist Digital Artist
no probs :)
Reply
:icontheclumsyninja:
theclumsyninja Featured By Owner Dec 7, 2010  Hobbyist Digital Artist
what is colorflow exactly?

feel like a noob asking this XD
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Jan 15, 2011  Hobbyist Digital Artist
Its folder icons like the one's in the tut :D
Reply
:icongd020188:
gd020188 Featured By Owner Nov 10, 2010
Wonderful tutorial: just what I was looking for. Thanks so much!
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Jan 15, 2011  Hobbyist Digital Artist
My pleasure :thumbsup:
Reply
:iconpierloc:
pierloc Featured By Owner Jul 23, 2010  Hobbyist Digital Artist
thank you
it's excellent :D
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Jan 15, 2011  Hobbyist Digital Artist
Thanks :thumbsup:
Reply
:iconsoussy:
soussy Featured By Owner Apr 24, 2010
Thank you, indeed very kind of u!
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Jan 15, 2011  Hobbyist Digital Artist
No probs :D
Reply
:iconahamprema:
AhamPrema Featured By Owner Mar 8, 2010
Thanks for the tutorial very clear and easy to follow.

These folders are awesome thank you so much to ALL the artists who have create and shared their work.
I am installing these in Windows Vista and 7. I am converting them ALL into .ico Vista compatible icons and will share them soon.

I am looking for information, assistance or someone who can create a open and close folder compatible with vista Aero so that you can see the thumbnails preview available in Vista.

I have looked online for this info and can't find anything that suggests how to do this. I am open to learning how and doing it myself but I am still quite a novice with a lot of time and creative ability but no programing skills.

I use Photoshop to create and Axialis Icon Creator to convert the images to a vista ico from PNGs.

Thanks for any support and info in this area and again to all those who have created and shared colorflow!!!!
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Mar 9, 2010  Hobbyist Digital Artist
No probs, glad it helped :thumbsup:
Reply
:iconblow-up-tre1:
Blow-up-tre1 Featured By Owner Mar 5, 2010
Is this any different in Mac because or if I'm using Photoshop Version 11? When I ctrl or command click the front of the folder (assumes in layer guide) it just selects the other layer as well, but without the dotted line and the other one just gives me a list as to which layer I want to select. Thanks for trying though. Looks like I might just stick to smaller sized pics.
Reply
:iconblow-up-tre1:
Blow-up-tre1 Featured By Owner Mar 4, 2010
Nice tutorial. It is very easy to follow and helps me a lot. The only thing that I can't find out how to do it to select the front of the folder for the warp effect with the black dotted line to inverse it. I know that the rectangular marquee tool could be used, but it's a rectangle and doesn't quite work properly with the actual shape of the folder. Help would be appreciated. Thanks and Nice icons.
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Mar 5, 2010  Hobbyist Digital Artist
Ctrl or command click the front folder layer - this will highlight the outline :thumbsup:

Thanks :)
Reply
:iconblow-up-tre1:
Blow-up-tre1 Featured By Owner Mar 5, 2010
Hey man, finally figured it out. I had to right click exactly on the gloss 2 vector mask, not just the layer and select the menu drop down: intersect mask with selection. Might want to include that in the next edition of your wonderful guide! Thanks a lot man.
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Mar 6, 2010  Hobbyist Digital Artist
No probs, glad ya got it ;)

I think its cause your using Photoshop 11 and I'm using CS4 :D
Reply
:icondenmark1977:
Denmark1977 Featured By Owner Dec 26, 2009
Very nice work with the tut and could you please take a look at my folder and tell me what you think [link] Thanks
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Dec 27, 2009  Hobbyist Digital Artist
Thanks :D

Yea no probs :)
Reply
:iconbilly696:
Billy696 Featured By Owner Nov 25, 2009
Now I can start making some decent folder icons myself! Default Vista icons are naff in the extreme!

Anyway, I have a question for you, when I made some folder icons the edges of the icon are all jagged down the sides. I've been using GIMP (as I can't afford Photoshop) and wondered if there are any special considerations i.e. which layer/mask should I use to cut the excess off an overlayed image?
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Nov 25, 2009  Hobbyist Digital Artist
When making a folder with an image covering the whole front of the folder this happens. It's due to the angle of the folder sides and the pixels. Its unavoidable. The only thing you can do really is cut off a very tiny bit at the edge of each side. Although when your actually using the folder its usually quite small and you can't really see the jagged edges anyway :)

So I normally don't worry about them too much
Reply
:iconbilly696:
Billy696 Featured By Owner Nov 25, 2009
Thanks for your reply, looks like I managed to sus-out GIMP properly in the end!
I'll post my folders soonish when I've got a reasonable number of them together.

Thanks again for the excellent tutorial.
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Nov 25, 2009  Hobbyist Digital Artist
No probs, let me know when ya upload them sure and I'll add a link to you in the description ;)
Reply
:iconcushendun:
Cushendun Featured By Owner Nov 17, 2009
Great idea+tutorial. Im gonna start making my own for my dock.
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Nov 17, 2009  Hobbyist Digital Artist
Thanks, cool cool.

If your gonna share them let me know and I'll add a link to you under the others :thumbsup:
Reply
Add a Comment:
 
×
Download RAR download, 3.4 MB




Details

Submitted on
September 3, 2009
File Size
3.4 MB
Link
Thumb
Embed

Stats

Views
15,227
Favourites
173 (who?)
Comments
85
Downloads
2,455

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×