Graphic Designers: How Do You Make It?

Damn I'm struggling with graphic design. I have the graphic design tools and the latest ones too but when I do want to do something let say a box I add color and shades but it don't look realistic like most graphic designer do it. How do they make it?

Watch tutorials and create, than practice, practice, practice. If you want a good design, you'll have to either invest your time and learn it yourself or invest your money (which equals time in the end ) and pay someone else to do it.

It took me about 30 hrs to make an UI into my game. It could've been much cheaper if I just paid someone to do it, but I don't regret it. I've learned something new which might come in handy in the future.

example:

• Google "photoshop ui tutorial"
• Ok, I want to use this one in my game
• after 30-60min, done
• If you practice like this every day, I'll call you next year with a job offer and you'll create something similar quality under 15min.

It's actually very easy to be good at graphic design, it just takes time....

Hey, what exactly are you trying to make? If it doesn't look realistic because the colours lack harmony then you should spend some time researching on colours. Everything you can find on the topic. Examples of how other people use colours and just research.

I'd suggest you get Adobe Illustrator if you're using Adobe software. Photoshop has it's uses but for UIs and designing is always best to start with Illustrator since it's easier to work with shapes and everything is vector.

If there's anything I can do to help you out let me know!

Hey, what exactly are you trying to make? If it doesn't look realistic because the colours lack harmony then you should spend some time researching on colours. Everything you can find on the topic. Examples of how other people use colours and just research.

I'd suggest you get Adobe Illustrator if you're using Adobe software. Photoshop has it's uses but for UIs and designing is always best to start with Illustrator since it's easier to work with shapes and everything is vector.

If there's anything I can do to help you out let me know!

Yes I use Adobe Illustrator CS 6! I really love it but when it comes to colors and how to make shades and effects I suck at it! I use like one color or white with color gradient only and a shade using an object and create it by pathfinder.

I have saw a tutorial and they call what I'm talking about is Depth. How do you create depth? thank you.

> Hey, what exactly are you trying to make? If it doesn't look realistic because the colours lack harmony then you should spend some time researching on colours. Everything you can find on the topic. Examples of how other people use colours and just research.

>

> I'd suggest you get Adobe Illustrator if you're using Adobe software. Photoshop has it's uses but for UIs and designing is always best to start with Illustrator since it's easier to work with shapes and everything is vector.

>

> If there's anything I can do to help you out let me know!

>

Yes I use Adobe Illustrator CS 6! I really love it but when it comes to colors and how to make shades and effects I suck at it! I use like one color or white with color gradient only and a shade using an object and create it by pathfinder.

I have saw a tutorial and they call what I'm talking about is Depth. How do you create depth? thank you.

You need to work with contrast and highlights in order to make something more "realistic" and with depth. For UI, it's important to make sure that It "pops out" of the window in order to distinguish itself from the actual game. One way to do it is to create darker colors around the object. There are a bunch of ways to make everything regarding to design, you just need to practice and you will find out by yourself and create your own style. Tutorials helps a lot, but without practicing, no improvements can be achieved.

A good way to practice depth is to do a lot of color value drawings, starting with greyscale. Learnig how distant objects lose color and intensity and how close objects are darker and richer in color. The good thing with working in greyscale is that you only work with one color so that you can focus 100% on value instead of blending colors.

http://www.ctrlpaint.com/videos/why-pra ... -grayscale

— Noga — I have made it ! What do you think guys?

— Noga — I have made it ! What do you think guys?

Great job looks awesome, now here is the best part. Colours, like everything should be chosen, polished, polished and polished.

One awesome way to quickly do this is to select what you want to recolour, (Menu bar) Edit > Edit Colours > Recolour Artwork

This is a live editor window and it has a good system for picking out colours at eye glance. CMYK. Here I'm talking about the bars you can set colours, I think CMYK is a good choice for eye picking colours. Then there's HSB which is more of a nitpicking system since after you have the colour you can control the saturation and lightness to create that harmony you're looking for.

To change the system in Recolor Artwork you have to perss the dropdown button on the right of the C bar and textbox. If you have any questions let me know, great job keep going!

I have made it !

Good you're doing well, keep posting your progress.

I do my stuff with Photoshop, because it's better if you are trying to do some semi realistic, or realistic stuff. I use .PNG pictures. But if you need vectors, then you have to use illustrator. Try not to do too symmetrical stuff, break the shapes and learn using little perspective. (2D assets can be drawn in orthographic perspective.)

Also little tricks for depth is: When things are far away from camera, use cold colors. When they are really close, use warm colors. You can also fake depth of field with blurring background stuff little and stuff that is really close of camera can also be blurred. As an example of use of blur, see game Limbo:

For UI: Make it clean. Use margins and keep lines straight. When you have basic knowledge of those rules, you can start breaking them. <img src="{SMILIES_PATH}/icon_e_wink.gif" alt=";)" title="Wink">

I do my stuff with Photoshop, because it's better if you are trying to do some semi realistic, or realistic stuff. I use .PNG pictures. But if you need vectors, then you have to use illustrator. Try not to do too symmetrical stuff, break the shapes and learn using little perspective. (2D assets can be drawn in orthographic perspective.)

Also little tricks for depth is: When things are far away from camera, use cold colors. When they are really close, use warm colors. You can also fake depth of field with blurring background stuff little and stuff that is really close of camera can also be blurred. As an example of use of blur, see game Limbo:

Subscribe to Construct videos now

For UI: Make it clean. Use margins and keep lines straight. When you have basic knowledge of those rules, you can start breaking them. <img src="{SMILIES_PATH}/icon_e_wink.gif" alt=";)" title="Wink">

Thanks for the tips <img src="{SMILIES_PATH}/icon_e_biggrin.gif" alt=":D" title="Very Happy"> These information is priceless!