Graphic Designers: How Do You Make It?

Discuss game development design and post your game ideas

Post » Fri Apr 17, 2015 7:15 pm

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?
ImageImageImageImageImage
B
53
S
15
G
5
Posts: 852
Reputation: 11,301

Post » Fri Apr 17, 2015 8:17 pm

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....
ImageImage
B
25
S
6
G
8
Posts: 774
Reputation: 6,650

Post » Fri Apr 17, 2015 9:21 pm

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!
Image Image Image Image
B
18
S
1
Posts: 88
Reputation: 902

Post » Sat Apr 18, 2015 10:23 am

C91Designs wrote: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! :D 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.
ImageImageImageImageImage
B
53
S
15
G
5
Posts: 852
Reputation: 11,301

Post » Sat Apr 18, 2015 12:14 pm

Naji wrote:
C91Designs wrote: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! :D 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.
B
56
S
21
G
3
Posts: 601
Reputation: 6,610

Post » Sat Apr 18, 2015 1:17 pm

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
B
20
S
8
G
4
Posts: 195
Reputation: 3,555

Post » Sat Apr 18, 2015 2:53 pm

@C91Designs @Noga @kossglobal I have made it ! :D I started to learn from the tutorial Noga sent me and it was very awesome! I used it on to create a crate in Phototshop and it have depth and color and everything ! :D What do you think guys?

Image
ImageImageImageImageImage
B
53
S
15
G
5
Posts: 852
Reputation: 11,301

Post » Sat Apr 18, 2015 7:32 pm

Naji wrote:@C91Designs @Noga @kossglobal I have made it ! :D I started to learn from the tutorial Noga sent me and it was very awesome! I used it on to create a crate in Phototshop and it have depth and color and everything ! :D What do you think guys?

Image


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!

Image
Image Image Image Image
B
18
S
1
Posts: 88
Reputation: 902

Post » Sat Apr 18, 2015 9:52 pm

Naji wrote:I have made it !


Good you're doing well, keep posting your progress.
ImageImage
B
25
S
6
G
8
Posts: 774
Reputation: 6,650

Post » Tue Apr 21, 2015 9:52 am

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:
https://www.youtube.com/watch?v=wUc7hQvBdNs

For UI: Make it clean. Use margins and keep lines straight. When you have basic knowledge of those rules, you can start breaking them. ;)
B
11
Posts: 63
Reputation: 508

Next

Return to Game Development, Design & Ideas

Who is online

Users browsing this forum: No registered users and 1 guest