• The Facepunch Graphic Design Thread
    2,517 replies, posted
[img]http://dl.dropbox.com/u/25318683/GDbanner.jpg[/img] Welcome to the Facepunch Graphic Design Thread. This thread is dedicated to those of us who work on the graphic design industry as well as those who are into Graphic Design. [b]It's mostly focused into advertisement, logo creation, layout design, typography etc.. (not web design since that has its own subforum)[/b] [release][h2]Do's[/h2] • Discuss about general Graphic Design subjects • Talk about techniques used in graphic design • Post recent work for critique • Talk about pricing for work, how to promote yourself and how to deal with clients • Ask for advice from other fellow designers [b]NOTE: if your images are to big, put them in [thumb] tags, please![/b] [/release] [release][h2]Don'ts[/h2] [b]• Beg for a graphic designer to do "X"[/b] • Make criticism other than constructive • argue and flame on dumb things like "hurp Helvetica is beterr then arial" [/release] [release][img]http://dl.dropbox.com/u/25318683/highlights.png[/img] By Oicani Gonzales [quote][img]http://img268.imageshack.us/img268/9374/rawdmgblanchedhazecover.png[/img][/quote] [quote][img]http://img828.imageshack.us/img828/8009/drcolaswallpaperbypedro.jpg[/img][/quote] [quote][img]http://wallbase2.org/rozne/8ea8b15d9bea8c19dfdcb4bafb0d10c7/wallpaper-1114161.png[/img][/quote] ------------------------------------------------------------------------------------------------------------ By Wewt! [quote][img]http://a6.sphotos.ak.fbcdn.net/hphotos-ak-ash4/222093_221217834556891_100000060288834_980642_5170118_n.jpg[/img][/quote] ------------------------------------------------------------------------------------------------------------ By Occlusion [QUOTE=Occlusion;30890551][img]http://th03.deviantart.net/fs70/PRE/i/2010/324/7/1/battle_of_the_bands_poster_by_occlusiondesign-d337n2s.jpg[/img] [img]http://th05.deviantart.net/fs70/PRE/i/2010/225/4/8/Genesis_Wired_Cover_by_OcclusionDesign.jpg[/img] [img]http://fc07.deviantart.net/fs71/i/2010/103/4/e/USU_Swing_Night_Ticket_by_OcclusionDesign.png[/img] [img]http://th00.deviantart.net/fs50/PRE/i/2009/318/0/5/The_Watchtower_by_OcclusionDesign.png[/img] [img]http://th08.deviantart.net/fs71/PRE/i/2009/353/a/2/Fight_the_Good_Fight_by_OcclusionDesign.jpg[/img][/QUOTE] ------------------------------------------------------------------------------------------------------------ By Smeetin [quote] [IMG]http://img808.imageshack.us/img808/479/norwind.png[/IMG] [IMG]http://img809.imageshack.us/img809/9397/teamdefused.png[/IMG] [IMG]http://img850.imageshack.us/img850/6845/blackoutlogobfinal.png[/IMG] [IMG]http://img801.imageshack.us/img801/6237/cartspusher.png[/IMG] [IMG]http://img717.imageshack.us/img717/4351/crimsonfate2010banner.jpg[/IMG] [IMG]http://img217.imageshack.us/img217/6091/easybag.png[/IMG] [IMG]http://img27.imageshack.us/img27/1826/hyperion.png[/IMG] [IMG]http://img96.imageshack.us/img96/5975/thrill.png[/IMG] [IMG]http://img818.imageshack.us/img818/5415/topline.png[/IMG] [/quote] --------------------------------------------------------------------------------------------------- By imMonkeyGOD [quote][IMG]http://i212.photobucket.com/albums/cc209/imMonkeyGOD/JapanTsunamiSupport.png[/IMG][/QUOTE] This will get filled with the best works posted in the thread as the thread advances, if you like some work, nominate it for this section! [/release] That's about it, I hope you like the thread and let's hope this lasts many versions!
yes. I hopefully will be going into graphic design soon. Or animation.... that's another story. but still. yes.
[img]http://img200.imageshack.us/img200/8751/firstae.jpg[/img] (it's a joke)
I'd like to see this become the "go to" place for all the design hopefuls on Facepunch (myself included) To start off with, I'd like to share this chart I found (don't quite remember where) that categorizes typefaces in an easy to read format, with some good examples to boot [quote][img]http://filesmelt.com/dl/fontcat2.png[/img] [img]http://filesmelt.com/dl/fontcat.png[/img][/quote] Anyone know of anything similar to this? I've been looking for some good typefaces. Edited them into one chart, side by side. Should be easier to manage [quote][img]http://filesmelt.com/dl/hereimadeitintooneimagesoitseasiertolookat.png[/img][/quote]
I made this quite a while ago, not sure if this stuff qualifies into graphic design. This first one was a commission - he gave very specific details of what he wanted, leaving only the execution to me. [QUOTE][IMG]http://img828.imageshack.us/img828/8009/drcolaswallpaperbypedro.jpg[/IMG][/QUOTE] This one is the cover art for my group's album: [QUOTE][IMG]http://img268.imageshack.us/img268/9374/rawdmgblanchedhazecover.png[/IMG][/QUOTE] This is a quick wallpaper I made. It's the logo / photo from show of Justice. Wanted to try remaking the cross on photoshop. A quite poor piece. [QUOTE][URL="http://wallbase.cc/wallpaper/1114161"][IMG]http://wallbase2.org/rozne/4c112f5ee96edcdd97803c939b3a3ab0/wallpaper-1114161.png[/IMG][/URL][/QUOTE] And this is my current project. I'm having a lot of trouble with it. How to make the blood splatters look good, how to make the sword stand out, how to get blood on the sword... it's a real pain. It's my first attempt at something truly artistically respectable for myself, and it's been frustrating. I really need help with it. [url]http://dl.dropbox.com/u/33893957/Facepunch/artistic/KillBill/preview.jpg[/url] I had to learn all the few things I know by myself. If you guys have any advice on stuff I should try, it'd be really great. And specially on the poster - I really need some useful suggestions with it :/
I think this is the right place to post this, sorry if it's not. I did the cover for my school's yearbook this year. It's pretty cool to have my work published and distributed. Put a smile on my face to see it in the hands of so many students. [url]http://filesmelt.com/dl/yearbookcovefinalr.jpg[/url] C&C would be nice. Also might i add; if any of you are still in High school and you have a yearbook class, take it. It gets you a lot of experience with professional programs and practice with designing layouts. I'm graduated now and i wish i could have taken the class all 4 years.
[QUOTE=Col. Mandrake;30816718]I think this is the right place to post this, sorry if it's not. I did the cover for my school's yearbook this year. It's pretty cool to have my work published and distributed. Put a smile on my face to see it in the hands of so many students. [url]http://filesmelt.com/dl/yearbookcovefinalr.jpg[/url] C&C would be nice. Also might i add; if any of you are still in High school and you have a yearbook class, take it. It gets you a lot of experience with professional programs and practice with designing layouts. I'm graduated now and i wish i could have taken the class all 4 years.[/QUOTE] That looks like HSM lol, but It's really cool, really high-schoolish. I was going to make this year's schoolbook but the school decided to cut it off the budget... Anyways, I posted this the other day in "creative work thread" but didn't get much feedback... Comments? [quote][img]http://dl.dropbox.com/u/25318683/redtide.jpg[/img][/quote] Also, all works that surpass 6 "artistic" rates will get a spot on the highlights section, so don't spam it.
[QUOTE=barttool;30816894] Anyways, I posted this the other day in "creative work thread" but didn't get much feedback... Comments? [/QUOTE] The product is kind of flat. Maybe add a shadow to it? Or a subtle stroke/outline. Also i think the main text "Redtide" is too transparent. Also what does "HSM" mean?
[QUOTE=Col. Mandrake;30816987]The product is kind of flat. Maybe add a shadow to it? Or a subtle stroke/outline. Also i think the main text "Redtide" is too transparent. Also what does "HSM" mean?[/QUOTE] yeah, it's a fake product for an university project, a friend of mine asked me to do it, and I suck at perspective., I decided to make the title a bit transparent so it wouldn't block the couple kissing in the back.
I remember when Onox and I did this for shits and giglets. [quote][img]http://francoillus.tumblr.com/photo/1280/4274251833/1/tumblr_lj08y1COmJ1qg4tzx[/img][/quote] [editline]30th June 2011[/editline] how to do thumbs?!! [editline]30th June 2011[/editline] Thank's barttool!
[QUOTE=k00lwhip;30817091]I remember when Onox and I did this for shits and giglets. [img]http://francoillus.tumblr.com/photo/1280/4274251833/1/tumblr_lj08y1COmJ1qg4tzx[/img] [editline]30th June 2011[/editline] how to do thumbs?!![/QUOTE] enclose in [quote] tags I'm currently working on designing this newspaper: [url]http://dl.dropbox.com/u/25318683/Machote%20SFN.pdf[/url]
[QUOTE=Oicani Gonzales;30816569] And this is my current project. I'm having a lot of trouble with it. How to make the blood splatters look good, how to make the sword stand out, how to get blood on the sword... it's a real pain. It's my first attempt at something truly artistically respectable for myself, and it's been frustrating. I really need help with it. [url]http://dl.dropbox.com/u/33893957/Facepunch/artistic/KillBill/preview.jpg[/url] I had to learn all the few things I know by myself. If you guys have any advice on stuff I should try, it'd be really great. And specially on the poster - I really need some useful suggestions with it :/[/QUOTE] I think it would be loads better if the blood was black, and add some yellow splats on the black side. If you incorporate the blood in a "Z" pattern it will help the sword stand out i think. Keep the colors matte though, the blood as it is looks kind of like ketchup with the gloss is has.
[QUOTE=Col. Mandrake;30817484]I think it would be loads better if the blood was black, and add some yellow splats on the black side. If you incorporate the blood in a "Z" pattern it will help the sword stand out i think. Keep the colors matte though, the blood as it is looks kind of like ketchup with the gloss is has.[/QUOTE] Very interesting idea, making the blood black. [url]http://dl.dropbox.com/u/33893957/Facepunch/artistic/KillBill/KillBill3.jpg[/url] Problem is that it breaks the Kill Bill color palette - yellow, black and red - and makes it kinda less flashy :frown: [editline]1st July 2011[/editline] And thanks for the artistics, guys! Really unexpected.
[QUOTE=Oicani Gonzales;30817987]Very interesting idea, making the blood black. [url]http://dl.dropbox.com/u/33893957/Facepunch/artistic/KillBill/KillBill3.jpg[/url] Problem is that it breaks the Kill Bill color palette - yellow, black and red - and makes it kinda less flashy :frown: [editline]1st July 2011[/editline] And thanks for the artistics, guys! Really unexpected.[/QUOTE] nah, I like it better red, although it'd be better if those two big blobs of blood wouldn't look so bulky, kinda looks like ketchup
I designed a brochure for my dads company a while ago It was called ACM ''wallet'', a small brochure with informations about the program ACM, it needed to be done in a week and super cheap (in my case it was free since I needed the experience :v:) The process was about a little over a week (due to printing) in the end, I took photos of the whole thing. [IMG]http://a8.sphotos.ak.fbcdn.net/hphotos-ak-snc6/226727_221217704556904_100000060288834_980634_460978_n.jpg[/IMG] This is the basic shape that was made during the meeting where the terms FIFO, ACM, IFRS and stuff like that was explained to me, so I had a sense of space and priority with the separate elements. During the meeting I was given a random pamphlet thing so I could see which material was going to be used [IMG]http://a2.sphotos.ak.fbcdn.net/hphotos-ak-snc6/225781_221217727890235_100000060288834_980635_6487680_n.jpg[/IMG] The basic shape was torn out of it while I was brainstorming Some ideas: [IMG]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-snc6/224633_221217744556900_100000060288834_980636_8034679_n.jpg[/IMG] [IMG]http://a5.sphotos.ak.fbcdn.net/hphotos-ak-snc6/227004_221217774556897_100000060288834_980638_1297780_n.jpg[/IMG] In the final version, the ACM name is made a bit smaller because nobody knows what the hell ACM is at that point, so more text space is given to the other names that people recognize. First mockup: [IMG]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-snc6/227075_221217797890228_100000060288834_980639_1987034_n.jpg[/IMG] Had to scrap the negative text because it didn't fit with the ''green'' theme (the recycled paper and low colour/ink usage) The final design [IMG]http://a8.sphotos.ak.fbcdn.net/hphotos-ak-snc6/226942_221217821223559_100000060288834_980641_4579243_n.jpg[/IMG] (back and front) In print :buddy: [IMG]http://a1.sphotos.ak.fbcdn.net/hphotos-ak-snc6/226568_221217874556887_100000060288834_980644_4218944_n.jpg[/IMG] [IMG]http://a6.sphotos.ak.fbcdn.net/hphotos-ak-ash4/222093_221217834556891_100000060288834_980642_5170118_n.jpg[/IMG] They printed a thousand copies [IMG]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-snc6/224102_221217851223556_100000060288834_980643_2792067_n.jpg[/IMG] You can see the little part under there showing out, that was so that the person holding it would open it in a desired sequence. You can also see how tiny it is (7x10cm when folded), and the small printing/folding error. In the end it wasn't perfect. People liked the small size and how they could easily fit it in their pocket. I heard it was also noticed a lot more than the other ones.
My friend and I have been put in charge of our school's news show next year, and the first thing I'm working on is redesigning the logo. This is the old one. [img]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-snc4/162858_166196573425377_127551793956522_379454_1454550_n.jpg[/img] And this is the best one I've come up with so far. [img]http://i.imgur.com/vnBLY.png[/img] I'm definitely changing the color of it, probably to a navy blue, but I'm wondering if I can get some constructive criticism on the layout.
[QUOTE=BlueFlash;30826818]My friend and I have been put in charge of our school's news show next year, and the first thing I'm working on is redesigning the logo. This is the old one. [img]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-snc4/162858_166196573425377_127551793956522_379454_1454550_n.jpg[/img] And this is the best one I've come up with so far. [img]http://i.imgur.com/vnBLY.png[/img] I'm definitely changing the color of it, probably to a navy blue, but I'm wondering if I can get some constructive criticism on the layout.[/QUOTE] Oh my god the old one :v:
Anything is an improvement over that hideous POS that is the old logo, but yours is definitely nice.
I need to make a custom shape in Illustrator but I can't figure out how to do it In Photoshop I could say, use the pen tool to create a selection and delete part of the shape... is there an equivalent in Illustrator? (I need both sides to be symmetrical as well...) I need to turn the square on the left into the X on the right (I cheated here with white triangles to create what I need, but I need the X to be completely transparent) [img]http://gyazo.com/ea5cd5d7f7e1306a486f2e5081bb1dc2.png[/img]
I really need to start working a bit more on this shit. It's what I first of all want to do (want to be a multimedia artist with focus on graphical design) after all. It just saddens me that no matter how much I know about fonts, the differences between them and where to use what I can never for my life end up finding a good font to use. There is Franklin Gothic, Calibri, Quicksand, Myriad Pro and Futura (I use Futura when I print out notices at work (don't get the wrong idea, it's a store)). And that's all I really have of fonts that are genuinely good. [QUOTE=rilez;30828590]I need to make a custom shape in Illustrator but I can't figure out how to do it In Photoshop I could say, use the pen tool to create a selection and delete part of the shape... is there an equivalent in Illustrator? (I need both sides to be symmetrical as well...) I need to turn the square on the left into the X on the right (I cheated here with white triangles to create what I need, but I need the X to be completely transparent) [img]http://gyazo.com/ea5cd5d7f7e1306a486f2e5081bb1dc2.png[/img][/QUOTE] Select them both and right click. Make a compound path. What order you select them in may affect the result (for some reason, not always). Or maybe that's not what you meant?
I'm just using white triangles to form the square on the left into the X on the right I want the X to be the X without the white triangles, I'm trying to figure out how to cut out the excess orange [img]http://gyazo.com/c309fa8a24d1a5df2e7ad78b33733178.png[/img] Green lines are the triangles I hacked in
[QUOTE=rilez;30828679]I'm just using white triangles to form the square on the left into the X on the right I want the X to be the X without the white triangles, I'm trying to figure out how to cut out the excess orange [img]http://gyazo.com/c309fa8a24d1a5df2e7ad78b33733178.png[/img] Green lines are the triangles I hacked in[/QUOTE] Ah. Go to Window - Pathfinder. Also you could just make a 4 cornered start with the start tool. third icon under the pen tool. Double click the artboard to change the settings of it.
Window - Pathfinder worked, used minus front [url]http://gyazo.com/bd748befe18b0fe44b66a8135ee7d700.png[/url] I don't see that other tool? [editline]1st July 2011[/editline] Thank you though, that was a huge pain
[img]http://dl.dropbox.com/u/3655193/Illustrator.png[/img] [img]http://dl.dropbox.com/u/3655193/IllustratorStar.jpg[/img]
[QUOTE=dgg;30828930][img]http://dl.dropbox.com/u/3655193/Illustrator.gif[/img][/QUOTE] This is awesome, thanks for this
[QUOTE=rilez;30828987]This is awesome, thanks for this[/QUOTE] Stumbled upon it a few weeks ago looking up quick ways to draw basic shapes. Always thought it was such a mess working with two duplicated shapes not being able to be merged together. Woop woop, merging. [editline]1st July 2011[/editline] [QUOTE=BlueFlash;30826818]My friend and I have been put in charge of our school's news show next year, and the first thing I'm working on is redesigning the logo. This is the old one. [img]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-snc4/162858_166196573425377_127551793956522_379454_1454550_n.jpg[/img] And this is the best one I've come up with so far. [img]http://i.imgur.com/vnBLY.png[/img] I'm definitely changing the color of it, probably to a navy blue, but I'm wondering if I can get some constructive criticism on the layout.[/QUOTE] The ACS is unreadable. You need to make it clear. I would suggest to have it coming out of the side instead. Having it on the edge like that in pure white just hurts the eyes. A lot. It's also quite boring at the moment, it's just a W with letters in it. There is no personality in it, it's not describing what it is to me at all. In the aspect the old one is actually better because at least I know what the fuck it is, it's a news logo for WACS. Your logo is just WACS, and what is WACS? Anyone outside of the school wouldn't know. At least the old one says it has something to do with news, what WACS stands for doesn't really interest us that much then. [editline]1st July 2011[/editline] [QUOTE=wewt!;30820573]I designed a brochure for my dads company a while ago It was called ACM ''wallet'', a small brochure with informations about the program ACM, it needed to be done in a week and super cheap (in my case it was free since I needed the experience :v:) The final design [IMG]http://a8.sphotos.ak.fbcdn.net/hphotos-ak-snc6/226942_221217821223559_100000060288834_980641_4579243_n.jpg[/IMG] (back and front) In print :buddy: [IMG]http://a1.sphotos.ak.fbcdn.net/hphotos-ak-snc6/226568_221217874556887_100000060288834_980644_4218944_n.jpg[/IMG] [IMG]http://a6.sphotos.ak.fbcdn.net/hphotos-ak-ash4/222093_221217834556891_100000060288834_980642_5170118_n.jpg[/IMG] They printed a thousand copies [IMG]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-snc6/224102_221217851223556_100000060288834_980643_2792067_n.jpg[/IMG] You can see the little part under there showing out, that was so that the person holding it would open it in a desired sequence. You can also see how tiny it is (7x10cm when folded), and the small printing/folding error. In the end it wasn't perfect. People liked the small size and how they could easily fit it in their pocket. I heard it was also noticed a lot more than the other ones.[/QUOTE] This [B]really[/B] hurts my [B]eyes[/B]. The [B]TEXT[/B] is [B]ALL[/B] over the [B]place[/B]. Font size [B]contrasts[/B] is everywhere. [highlight]Colour [B]contrasts[/B][/highlight] are abused, what's supposed to be [highlight][B]highlighted[/B][/highlight] and [B]important[/B] loses all [B]WEIGHT[/B] to it because [B]EVERYTHING[/B] is [B]important[/B]. It's [B]all over[/B] it, there is [B]NO[/B] place for me to [B]RELAX[/B] and [B]rest[/B] my [highlight]eyes[/highlight], it [B]smacks[/B] me in the eye constantly. Read [B]THIS[/B] and [B]THIS[/B] AND [B]THIS[/B], read [B]THIS[/B] as well and [B]THIS[/B], read [B]THIS[/B]. There is no focus anywhere, the font is the same on the whole thing, your only contrasts are bold, size and a blue/grey colour contrast. Where is the font contrasts? If you're going for one font you should keep the other contrasts as simple as well, because that card is busy and fuck and won't let me rest if I ever put my eyes on it. I don't think it's bad though, but it's way too cluttered. Some good ideas and some a bit too generic thoughts that I have myself all the time (highlight shit with a different colour, so cool man).
This is what I used that orange X for, in an attempt at making a logo for my first client. [img]http://99designs.com/designs/8670952-original[/img] The name of the company/website is Crossfit, wodtime is short for workout of the day (and their "time") which is part of their program It's some fitness website where people do their "wod" and post their times. (at least, that's what I've gathered from it) I'd love some comments [editline]1st July 2011[/editline] The color scheme (orange, flat black, and silver) is what the client wanted
[QUOTE=BlueFlash;30826818]My friend and I have been put in charge of our school's news show next year, and the first thing I'm working on is redesigning the logo. This is the old one. [img]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-snc4/162858_166196573425377_127551793956522_379454_1454550_n.jpg[/img] And this is the best one I've come up with so far. [img]http://i.imgur.com/vnBLY.png[/img] I'm definitely changing the color of it, probably to a navy blue, but I'm wondering if I can get some constructive criticism on the layout.[/QUOTE] I know it isn't really my place, but I really wanted to whip up a version of your logo. I did, and this is what I got out of it: [img]http://i.imgur.com/PBiPUl.png[/img] All I really did was enlarge "ACS" and add a slight matte reflection off the "W". I also added "News Channel 19" and lifted the whole graphic and applied a shadow. Sorry for stealing and manipulating your work, but I just had to.
[QUOTE=MrWhite;30830565]I know it isn't really my place, but I really wanted to whip up a version of your logo. I did, and this is what I got out of it: [img]http://i.imgur.com/PBiPUl.png[/img] All I really did was enlarge "ACS" and add a slight matte reflection off the "W". I also added "News Channel 19" and lifted the whole graphic and applied a shadow. Sorry for stealing and manipulating your work, but I just had to.[/QUOTE] Better, but ACS is butt fucking ugly. Drop shadows never really looked good in the first place either. And a logo shouldn't have gradients unless it's purely meant for digital distribution.
[QUOTE=dgg;30830676]A logo shouldn't have gradients unless it's purely meant for digital distribution.[/QUOTE] I was under the impression that this was a school news program with no physically distributed content; only a broadcast show. I really should remove that shadow though. Oh well, it was more or less just a fun quick little experiment to see what all I could do with it. I'm not a professional graphic designer by any means, so I don't really know the do's and don't's of the profession. I just enjoy digital graphic design as more of a hobby.
Sorry, you need to Log In to post a reply to this thread.