GeneralUltimate Guide | Intro to Design.
Posted:

GeneralUltimate Guide | Intro to Design.Posted:

Zef
  • Graphics King
Status: Offline
Joined: Jul 29, 201014Year Member
Posts: 5,727
Reputation Power: 1271
Status: Offline
Joined: Jul 29, 201014Year Member
Posts: 5,727
Reputation Power: 1271
https://i.imgur.com/JZ00MWR.png
VOL. 1

So, I get messages every day asking how I make my art and artists asking me where to start to leave the 'GFX' scene and make art & designs.
So I have decided to post the basic steps to getting you on the right foot (note this is not a quick or easy process, not for the faint of heart),
please read this post took a long time (5+ hours) to mock up.

Thank you iLuSioNz for the sticky!




https://i.imgur.com/0RHhpiz.png



1. What kind of art do I want to make?

2D Graphics
(posters, wallpapers, general flat design category, ect.)
Examples:
3D Modeling
(building models of buildings, items, ect.)
Examples:
Photomanipulating
(taking multiple stocks and mixing them together often to create surreal scenes)
Examples:
Illustrating
(using the pentool normally in illustrator to create characters or pentooled scenes)
Examples:
Branding
(logo creation, business card creation, any designs to help brand or advertise)
Examples:
Digital Painting
(using photoshop to paint as if they were using a canvas)
Examples:
Web Designing
(coding up web designs/creates concepts in photoshop)
Examples:

http://fc00.deviantart.net/fs71/f/2010/326/5/c/kensai_web_design_by_victorydesign-d33dsw5.jpg
http://fc04.deviantart.net/fs70/f/2015/023/2/9/291c658b0fbadb5fe0b9702e326c01d3-d8f4r8e.png
Photo Editing
(can range from touching up faces, to restoring old photos, and color correction edits)
Examples:

http://fc02.deviantart.net/fs23/f/2007/355/d/0/before_and_after___angel_eyes_by_is2boogleyfish.jpg
[img]http://fc09.deviantart.net/fs39/f/2008/337/8/b/Le_Smokin___re_edit___by_CandyCov3red.jpg[/img



2. How do I know I want to make this type of art for sure?

Well people come to me all the time saying they love this type of art and they want to make it, when they start they dont really know what that type of art is. So to make sure you are starting in the right direction i suggest to make an account on deviantArt (NOTE TO STAFF: I am not trying to advertise, only sharing a good resource) then go through the following links provided per category and favorite the things that really stick out to you or are a style in which you want to design yourself. I recomend using the search style 'Whats Hot' untill you know you like that category then use the search style 'Newest' the search styles are located Here but if you know the style feel free to search as pleased.

2D Graphics
This category has many styles and probably is the most open to style differences, for this I would go to this Link and go through each sub category (Here from abstract through to surreal) then favorite the ones you like (feel free to explore other sections) and not not everything in here is 2D but the majority is.

3D Modeling
This catagory has a few styles but many variations, here you will see where 'GFX' 3D text is irrelevant and the programs true potential is shown (programs commonly used are Cinema 4D and 3DS Max) so click this Link and go through each subcategory (Here and look through abstract to vehicles) there is other 3D on this site so feel free to look around.

Photomanipulating
This category is massively vast and there are loads of styles so click thisLink and go through the sub categories (Here from Abstract through surreal) photomanipulations take a long time to master but i have started a few legends (Inkz for example) on manipulation and hes a pro now.

Illustrating
Illustrating is big businesses I have a few good friends in the business who are awesome designers in their field its not easy and it takes a lot of practice but click this Link and browse through the subcategories located (Here from Illustrations through Technical) do note there are some digipaintings in here but from the examples i have provided im sure you can figure the difference.

Branding
This is where the word 'Professional' is thrown around a lot, and for good reason most of the time, for example Daemon-Inkz is a fantastic logo designer and an up comer in the scene on this site is IMAGINENATIVE, logo design is not easy and you have to be creative and innovative. If you follow this Link there are some good examples for logos, also if you are looking for inspiration check out this Link and go through the logo series. On deviantArt do not be afraid to browse other categories such as advertising and packaging (located on the side in the sub categories). It's not an easy place to be but it is where a lot of money is made, also not for the faint of heart.

Digital Painting
Digipainting is something I have never tried myself but I still know the basics of it, if you need more detailed help I can direct you to a more experienced guide. Note, a graphics tablet is almost necessary for this style of work so if you are looking for one I will have a buying guide at the bottom of this post. But if you go to this Link you can browse the paintings to get inspiration, but this field is open to all ideas (and these designers often use reference images so dont be shy) and feel free to browse the sub categories (Here from Abstract to Surreal short of illustrations).

Web Designing
There are two types of web designing (saying this because MattMiller would smack me if i dont) there is concept creation such as This and there is actually coding a website. If you code a website thats where you will make money, for that i can not help you but i can send you to someone who can. If you want to create a concept to sell to a coder or to eventually code yourself then look at this Link and browse through.

Photo Editing
This is mostly tool editing such as touching up faces and clearing up old photo residue. For this the only thing i can do for you teaching wise is learning how to use essential tools, if you look up any retouch tutorial that will do just fine. If yo want to use and master color correction i recomend my basic tutorial on how to add realistic color correction (note too much is too much try to limit a max of 3 gradient maps)Here if you need more help i can direct you to a few members that will assist.


There are other sites like deviantArt arguable even better for graphic designers.
We encourage you do the same thing
(instructions listed above) on the following sites:
Behance
-TBA



3. Where do I start?

Well what I recommend doing is practice the techniques used in the style you have chosen, because you cant tackle the big projects if you don't have a foundation to build off of, so depending on your style you want to pick out certain aspects of the images you like and set your mind on how to do them. First i want you to really try and i mean really try, not look at it overwhelmed and quit, try every thing you can think of to achieve the effect and if you have no idea what you are doing then you can ask me or one of the people i have listed for help (if they can not help they may redirect you). Keep trying to figure out various styles and do not be afraid to post them for feedback just mention that its a trial to attempt to figure out an effect (post original image as well). Once you have figured out the building blocks then we can move on to step 2.




https://i.imgur.com/M3hXBOL.png

1. The Inspiration Duplicator

This title does not sound very good but its a good step to knowing what your doing. So though as much as i stand for making original art some people just cant pick it up as easily as others so this will help you get started. SO find a piece you really like and i want you to duplicate the style as best you can (do not copy it but use the same guidelines just make sure it looks different) and MAKE SURE YOU POST THE INSPIRATION IMAGE! if you want to reference this post that is probably a good thing to do. And make sure you tell them (when you post it) that this is your attempt at creating the style, also do not post this or claim this as an original. This will be the step i regret saying, so please don't make me regret it, i have faith that you guys will respect the art.



2. The Assistance Stage

This is the stage where you can PM or Skype one of the selected people or an artist you may know (for truth purposes i recommend one of the selected helpers) this is where you star a design in the style you wish (make it as original as you can) then when you make a monumental change to the image message one of the advisers (ask them first if they will advise you on the piece) screenshot it via Gyazo or LightShot (any other screencap programs) and send them various updates and get their real time (taking into consideration we have lives and may not be on at that exact moment) responses and advice on weather to change or not to change what you sent them. Please do not ask them what to add where to add it how to add it, because if they tell you everything step by step then it defeats the purpose, the point of this is just to make sure your doing well with your design and you don't make monumental flaws that can ruin the design. Feel free to ask questions but please do not annoy the Advisers because if you are being too clingy or needy they will tell you they will no longer work with you on the project. All of our advisers will work their best when thy have time to assist in your designs of most skill levels. (NOTE: if you are too basic they may send you to tutorials until you are skilled enough)



3. The Final Cut

One you feel you have moved past The Assistance Stage start this step. This stage is very simple, but should not be skipped. So make a piece (save as PSD or a project file) then before you post this anywhere, send the final cut that you have to one of the helpers/advisers listed and have them write you a personal feedback then change what they said (if you wish to take their advice) and then post it for judgement but make sure you post the before and after of the feedback, also give your adviser a shout out for their assistance (give credit where credit is due) then accept the communities feedback.




https://i.imgur.com/CGH8vTV.png
There are a few artists on this site who actually know what they are talking about when it comes to graphics, and art for that matter, and a lot who do not. My advice is to take it from the people who do know what they are talking about. No body like to see their work go unliked but, a lot of people dont post to hurt your feelings or to put you down. So you have to read their feedback not is the assumed tone that they are being negative but the helpful tone (I know some of our members here joke around so don't take it too heavily). Listen to what people tell you and ignore the 10/10ers or the 'I dont know much about GFX but i like it 9/10 (:' people, they normally just try to get their post count up without saying much. Always respect feedback, you may not agree but you have to respect opinions. Im not saying be submissive and change your design because someone told you to, its okay to defend your work but being rude and over defensive is not tolerable if your asking for feedback.





https://i.imgur.com/CmNnoVC.png
https://i.imgur.com/gKfMAes.png
When you hear the word C.R.A.P it sounds bad, but in the design world it is actually a good word. What C.R.A.P breaks down to are 4 things to keep in mind when designing.
  • C. - Contrast: Contrast refers to any difference of size, shape, color, or weight. This is the element of design that sets parts of your image apart.
  • R. - Repetition: This refers not to the copying of text or renders but the continuous use of a theme or element throughout your design.
  • A. - Alignment: The alignment refers to the way parts of your design are laid out and the subliminal line-work that only your subconscious notices (unless you've trained your conscious to see it), that is the subtle but important key element.
  • P. - Proximity: This refers to the pieces of information that are meant to complement each other should be near each other. This is where you change the layout to make sense to with the message you are trying to get across.



https://i.imgur.com/T8C6wbX.png
Tablets:
I would recommend Wacom's Bamboo tablets, I use a Bamboo Splash and I love mine (80$) these are not something you upgrade often so if you plan on using it get a decent one i personally think the splash is the best for the money but dont buy one unless you are sure your willing to put 50-100$ into your graphics learning, they are not required for most graphics.

Computer:
I have a fairly nice computer outfitted for graphic design, but as long as your system can run the programs your good, here are something i recommend having if you plan on doing graphics long term or just see yourself putting money into it. (NOTE: most Mac's can run PS CS6 well)

-Parts-
AMD Quadcore or better / Intel i5 or better
6+ gb of ram
A decent video/graphics card (1gb+) [non integrated if possible]
A powersupply to match your equipment
An external HDD (optional)
1080p HD Moniter (recommended)



https://i.imgur.com/W5wdxtw.png
(By Matt Miller)
Art-history is a very important part of designing, painting or anything creation on the art side of things. What is art-history I hear you asking well that is a simple one it is the history of art and the artists. When creating art you really want to look into famous previous artists and extract from them, look at their skills and the work they have done and who for! When looking into designing figures it is important to see who they work with and there style of art. I will give you a list of many artist to go and look at in the art history world and you can really extract a lot from art history knowledge, a lot of designers seem to skip over this part and it makes me sad.

List of artists:
Vaughan Oliver
Otl Aicher
Josef Albers
A M Cassandre
Paul Rand
Milton Glaser
Bob Gill
Jan Tschishcold (typographer, book designer and educator)
E McKnight Kauffer,
Abram Games
Franco Grignani
Armin Hoffmann,
Wolfgang Weingart
Phillippe Apeloig,
Stephan Sagmeister,
Rick Poyner,
Why Not Associates
Designers Republic
Pentagram : Paula Scher (New York Office - Creative Director)
Alan Fletcher
Saul Bass (film titles: Alfred Hitchcock)
Paul Schuitema
Max Huber
Piet Zwart
Derek Birdsall, (book jackets)
Mayakovsky (Soviet Posters)
Alexandr Rodchenko
Jamie Reid (album covers for Sex Pistols amongst many others)
Peter Saville (music album covers)
Storm Thorgerson (music album covers)
Robert Brownjohn (music album covers)
Rod Steele (graphics for music, publishing and entertainment industry)
Tom Eckersley (posters and book jackets)
Derek Birdsall
April Grieman
Jonathon Barnbrook (Damien Hirst book-cover - amonst many others )
Niklaus Troxler
Zero (Hans Schleger)
Illustrators
Arthur Rackham
Kay Neilsen
Randolph Caldecott
Henri de Toulouse-Lautrec (posters)
William Morris
Aubrey Beardsley
William Heath Robinson
Edmund Dulac
Ivan Bilibin
Gustave Dore
David Gentleman
Norman Rockwell
David Foldvari,
Jasper Goodall,
Paul Slater
Gerald Scarfe
Ralph Steadman
Edward Wadsworth
Eric Ravilious
Edward Bawden
Robert Crumb, (underground comic-strip)
Edward Ardizzone,
Quintin Blake, (childrens books R Dahl etc)
John Worsley,
Michael Foreman,
John Burgerman,
Russ Mills (byroglyphics.com expressive mark making)
Julie Verhoeven (fashion & popular culture)
Stina Persson (fashion watercolours, cut paper etc)
Erin Petson
Deane Cheuk
Nina Chakrabarti (decorative lettering and linear drawings)
Kerrie Jane Stritton (great urban landscapes)
Neil Duerden (Photoshop guru)
Alberto Seveso (Photoshop genius)
Yuko Shimizo (figurative with sensuous use of line)
Genevieve Gauckler (retro funky decorative patterns)
Sarah Fanelli (cut outs & quirky characters)
Michelle Thompson (collaged textures, patterns and quirky scanned & drawn images)
Fine Artists
Pablo Picasso
Alexander Rodchenko
C R W Nevinson
Andy Warhol
Roy Lichtenstein
Frank Brangwyn
Barbara Kruger
Hannah Hoch
John Heartfield
El Lisizsky
Paul Nash
Graham Sutherland
Frank Shepard Fairey
Banksy
Paul Insect
Peter Blake
Simon Patterson
Typographers
Eric Gill
Giambattista Bodoni
Neville Brody (the FACE, The times logo, Arena, research studios)
David Carson
Theo van Doesburg
Erik Spiekermann
Adrian Frutiger
Wem Crouwel
Giambattista Palatino
Si Scott (calligrapher)
Steven Bonner (calligrapher)
Sarah Colemen (calligrapher)




Thanks for reading I hope this helped,
and as always

Enjoy



Last edited by Zef ; edited 24 times in total

The following 130 users thanked Zef for this useful post:

KalkoGFX (09-12-2024), Starify (01-12-2022), InkJet (12-21-2021), Runts (07-09-2021), Wraith (01-10-2021), James (01-04-2021), KingTaco (12-22-2020), Jasper (11-16-2020), Au (06-18-2020), 5hunnid (02-24-2020), Exadious (04-17-2019), Zesri (12-01-2018), SSSupah (11-19-2018), PJs (11-17-2018), Placed (10-11-2018), BLVD (09-03-2018), Axe (08-22-2018), Craig (08-06-2018), Visualized (08-04-2018), Antichronicle (06-29-2018), GILF (04-06-2018), G6 (04-04-2018), Zydrin (02-05-2018), hoot (01-02-2018), Opacus (12-31-2017), TOXIC (12-04-2017), ELACTIX (10-21-2017), uwu (07-29-2017), Hatchey (06-12-2017), NinjaActually (10-14-2016), spf (09-12-2016), Myrrglosch (08-15-2016), Wug (08-04-2016), Tremonti (08-03-2016), RuinStyle (07-30-2016), 9nty (07-03-2016), clohrox (06-16-2016), Arkani (06-15-2016), iDemi (05-30-2016), Gnu (01-31-2016), Taylor (01-12-2016), Musk (09-19-2015), eh (08-02-2015), SundownsSun (07-01-2015), -Rinoman (05-24-2015), Abby (05-13-2015), Banq (05-12-2015), xPhotograph (05-11-2015), Tobacco (04-28-2015), zuLUQS2j8G (04-17-2015), bdgr (04-17-2015), goonbag (03-22-2015), DankStorm- (03-17-2015), kana (03-11-2015), Agitated- (02-22-2015), Redacted (02-20-2015), Kessinger (02-18-2015), Sys (02-15-2015), Spire (02-11-2015), EMC (01-19-2015), NOOT (01-06-2015), Bru (01-01-2015), Pulsation (12-31-2014), m8 (12-20-2014), Dreux (12-14-2014), Josh (11-22-2014), L-Carnitine (11-22-2014), NoDoubt (11-11-2014), imagine- (11-04-2014), Jackk- (11-01-2014), Ache (10-24-2014), Ghost (10-19-2014), BobTheWaiter (09-20-2014), Adamu (09-19-2014), Sza (09-15-2014), Acro (09-05-2014), ReeceC123 (08-15-2014), Kaspur (08-09-2014), Tom (08-07-2014), Johnny- (08-05-2014), Giga (08-05-2014), Vaya (08-05-2014), imgur (08-04-2014), NFT (08-03-2014), czr (08-03-2014), jld312 (07-16-2014), Fabel213 (06-29-2014), Mawding (04-29-2014), -BIZON (04-27-2014), CamNewton1 (04-27-2014), n3x (03-26-2014), Zigs (02-22-2014), x99 (02-22-2014), Skalmold (02-15-2014), RavenousSquid (01-30-2014), Hoen (01-16-2014), Slyestcat (01-16-2014), JRMH (01-12-2014), SFX (01-12-2014), Concisions (01-11-2014) and 30 other members.
AWOL (01-02-2014), Ryh (12-09-2013), Chi (11-30-2013), lel (11-28-2013), Intervention-x (11-27-2013), x3ternal_HavocX (11-18-2013), Said (10-29-2013), Brad (10-29-2013), Int (10-29-2013), Katsumi (10-04-2013), TomorrowLand (09-25-2013), Doobz (09-19-2013), Bap (09-11-2013), Ice_Bank_Mice_Elf (09-09-2013), var (09-08-2013), -Rave (09-08-2013), CompleteDesigns (09-08-2013), Wokze (09-08-2013), Tyler (09-08-2013), Pin (09-07-2013), -Goosty- (09-07-2013), ProBro_TV (09-07-2013), Illustrated (09-07-2013), Crohns (09-07-2013), JoshhUK- (09-07-2013), Breaking_Benjamin (09-07-2013), DeputyMorales (09-07-2013), SpuddyTV (09-07-2013), ssd (09-07-2013), Tunes4Games (09-07-2013)
#2. Posted:
SpuddyTV
  • TTG Senior
Status: Offline
Joined: Mar 18, 201113Year Member
Posts: 1,464
Reputation Power: 68
Status: Offline
Joined: Mar 18, 201113Year Member
Posts: 1,464
Reputation Power: 68
Wow brother.
This is so detailed.
I know you have spent two hours or even more because you was telling me about it.
But you really have put a lot of effort into this post.
Much love <3
Sticky.


Last edited by SpuddyTV ; edited 1 time in total
#3. Posted:
Status: Offline
Joined: Jul 25, 201311Year Member
Posts: 46
Reputation Power: 1
Status: Offline
Joined: Jul 25, 201311Year Member
Posts: 46
Reputation Power: 1
Awesome topic Zef, this should help a lot of beginner graphic designers like me ;) <3
#4. Posted:
Zef
  • Graphics King
Status: Offline
Joined: Jul 29, 201014Year Member
Posts: 5,727
Reputation Power: 1271
Status: Offline
Joined: Jul 29, 201014Year Member
Posts: 5,727
Reputation Power: 1271
If you have suggestions PM me and i will consider adding them!
#5. Posted:
DHL
Status: Offline
Joined: May 03, 201113Year Member
Posts: 611
Reputation Power: 26
Status: Offline
Joined: May 03, 201113Year Member
Posts: 611
Reputation Power: 26
Thanks for this topic Zef,
and I agree, it's definitely sticky worthy
#6. Posted:
Status: Offline
Joined: Jun 27, 201113Year Member
Posts: 6,313
Reputation Power: 40
Status: Offline
Joined: Jun 27, 201113Year Member
Posts: 6,313
Reputation Power: 40
Great informative post Zef...

Very nicely done.
#7. Posted:
JoshhUK-
  • Challenger
Status: Offline
Joined: Sep 05, 201311Year Member
Posts: 154
Reputation Power: 6
Status: Offline
Joined: Sep 05, 201311Year Member
Posts: 154
Reputation Power: 6
This is a very helpful post for all graphics designers, keep up the great work!

P.S I think this should be a sticky;)
#8. Posted:
Moz
Status: Offline
Joined: Nov 06, 201113Year Member
Posts: 2,837
Reputation Power: 132
Status: Offline
Joined: Nov 06, 201113Year Member
Posts: 2,837
Reputation Power: 132
Help me draw betters plz
#9. Posted:
Greynade
  • TTG Senior
Status: Offline
Joined: Aug 14, 201113Year Member
Posts: 1,365
Reputation Power: 64
Status: Offline
Joined: Aug 14, 201113Year Member
Posts: 1,365
Reputation Power: 64
Can we tell people to stop doing the clipping mask triangle thing? That would be great.
#10. Posted:
Illustrated
  • Ninja
Status: Offline
Joined: Jun 22, 201212Year Member
Posts: 3,432
Reputation Power: 377
Status: Offline
Joined: Jun 22, 201212Year Member
Posts: 3,432
Reputation Power: 377
CortexDesigns wrote Help me draw betters plz

oki but u has to pay me $1,000,000 Dollarz




Fantastic post Zef.
This should be very useful, and every beginner should glance over this at least.
I think it should be sticked, to be honest.




Although there is a spelling error.
"Step Three: Learning to Accept Good Feedback" Row 3. 33rd word to the right.
Users browsing this topic: None
Jump to:


RECENT POSTS

HOT TOPICS