Leak Requests

Tips on creating flat vector icon

Submitted by iamomni, , Thread ID: 66725

Thread Closed
iamomni
Novice
Level:
0
Reputation:
0
Posts:
27
Likes:
2
Credits:
4
26-12-2017, 01:06 PM
This post was last modified: 26-12-2017, 01:07 PM by iamomni
#1
Hello all,

I have been using photoshop and illustrator for slightly more than a year now. Currently I am moving on to creating modern, flat icons, but I am struggling with applying correct colours, or creating an icon from scratch- I always have to reference from an existing one.

Is there any tips/ pointer you can give to me?

Many thanks

[Image: 800px_COLOURBOX14841419.jpg]

RE: Tips on creating flat vector icon

v4hl
Legend
Divine
Level:
14
Reputation:
364
Posts:
6.27K
Likes:
2.19K
Credits:
425
26-12-2017, 06:21 PM
#2
lemme tag the ice cream god, Bubble can you help him? or give him some tutorials or good youtubers? or tips? ^-^'
[Image: xRnLbpm.png]
[Image: Tz6Qsg4.png]

RE: Tips on creating flat vector icon

Deleted_3747
0,004 IQ
Level:
19
Reputation:
216
Posts:
3.15K
Likes:
513
Credits:
150
26-12-2017, 06:32 PM
#3
I'm not the one to guide you but i use https://www.materialui.co/ for colour references, it's a pretty decent site.

RE: Tips on creating flat vector icon

iamomni
Novice
Level:
0
Reputation:
0
Posts:
27
Likes:
2
Credits:
4
OP
26-12-2017, 06:42 PM
#4
Thanks guys, had a look at the material design colour, really good site for material design I must say. I had used it for my web development and the color is bold and striking.

However I can't really apply those colour to flat icon/ similar assets :(

Waiting for Bubble to lighten my path rn.

RE: Tips on creating flat vector icon

Bubble
Captain of Pirates
Divine
Ice Cream God
Level:
0
Reputation:
204
Posts:
1.73K
Likes:
578
Credits:
266
27-12-2017, 02:09 AM
#5
26-12-2017, 06:42 PM
iamomni Wrote:
Thanks guys, had a look at the material design colour, really good site for material design I must say. I had used it for my web development and the color is bold and striking.

However I can't really apply those colour to flat icon/ similar assets :(

Waiting for Bubble to lighten my path rn.

I can't go into depth, but I can give you an overall concept of what I do. I use photoshop. I know I know, illustrator is better for cleaner designs, perfection, etc. But I like using PS, I also have a program that converts my raster into vector effortlessly and clean.

The way I make most of my "flat" designs is the shape tool. I never use path tool. I put different shapes together to form new shapes, I use stroke a lot for "linework". I'm am a lazy piece of shit, in which I made my own technique using purely shapes. Here's some examples using shapes and some form of brush tool for coloring, which is easy af. I also use eraser tool to cut shapes.

As for color, I never studied color theory or anything so you might need to get someone else for that. I just choose what looks good. I like using colors that look "natural". For example, I don't use super saturated bright colors. For example, when noobies want to use red, they choose the max hex for red which is too red. My Monster burger thing is a good example of easy to see colors. However, its up to you and how much you want you design to pop. But keep colors tame.

https://nulledbb.com/thread-Monster-Burger-Logo
https://nulledbb.com/thread-Ice-Cream-Vector
https://nulledbb.com/thread-Toasty-Logo
https://nulledbb.com/thread-Little-Diablo-Logo
https://nulledbb.com/thread-Premium-Noodles-Logo
[Image: zzmObkB.gif]
[Image: giphy.gif]

Users browsing this thread: 1 Guest(s)