MIDNIGHTdesigners -- GFX Group

NerdSparks

PM GFX Requests
Member
logo-midnight.png


MIDNIGHT
designers

Welcome to the new Micro Sized Midnight Designers, Pokebeach's Central Hub for Graphic Design. Signatures, avatars, and tags are our forte! We will be focusing exclusively on those forms of art, so if you're looking for something else you may have to go else where!

Who Can Join?
Any and everyone is free to join, or just follow the thread. Members of the thread will be able to fraternize and receive critique within the thread walls. Non members may follow along in the thread to request signatures, or adopt a sig project.

INTRODUCTION

Benefits of Being a Member?
+Critique from other members
+Larger platform to Showcase work
+Home for Unused Signatures
+Access to Member Resources

OK, How Do I Join?
Code:
USERNAME =
PROGRAM(S) OF CHOICE =
DEVIANTART ACCOUNT =
2 EXAMPLES OF YOUR OWN WORK =
3 EXAMPLES OF GFX INSPIRATION (things you like)

*everyone is accepted so we will allow applications to be posted here*

----------
SKYPE CHATS

Each member looking for tutoring or specific help on any piece is expected to have a Skype account. This area houses the official skype username member list.


----------
MEMBERS AREA
Getting Started?
You May Find the Following Links Helpful...
[http://nerdsparks.deviantart.com/favourites/56573962]1[/url] 2 3 4 5

Looking for the Advanced Good stuff?
You may Find the Following Links Helpful...
1 2 3 4 5

Personal Resource Packs?
For Your Downloading Pleasures...
1 2 3 4 5

Member Favorites?
Clickity Click Click
1 2 3 4 5

Featured PSD File
Every week I will put at least 1 or 2 .PSD Files that either I created or that I came across on the web. PSD files will help more advanced designers see exactly what either myself or another designers did to create their projects.

-----------
WATCHERS AREA

Now we haven't forgotten about our watchers. The main benefit of being a watcher is that you have first access to signatures/tags created by our members. When taking any signature you should post in this thread @ the artists to inform him of what you're doing. Signatures may be taken from the 'Adopt a Sig' area or formally requested as if this were a shop. Most things presented in this thread will be for use unless otherwise directly stated.

The only thing required of a watcher is that if you have an opinion we ask you to share it, it can only help each artist to grow. Besides everyone loves positive feedback / negative feedback is how you improve upon your mistakes.

91eee078-2539-498d-9a23-1e76ffd0ad3a_zps9c090ad7.jpg

Currently Available...
jirachi jirachi 2


FEATURED
TO BE FILLED

-----------
 
RE: MIDNIGHTdesignsers -- GFX Group

Members List

Leaders
NerdSparks (Skype: lilsparks267)
SuperSleuth (Skype: supersleuth10)

Top Tier (14+ badges)
None yet

Middle Tier (7+ badges)
None yet

Lower Tier (0+ badges)
HolyMackerel
Spammy (Skype: spritemasta)
Gentlefish
Blui
Morsus

Badges

These will be handed out by NerdSparks and I and shown after your name in the members list above. We aren't going to be handing these out like candy on Halloween. Some of these badges will be difficult to earn, as we will be picky with the sigs you submit. We do this for your own good so you can learn and get better, don't be offended. If you are posting a sig in order to obtain a certain badge, please say so. We aren't going to try and guess. Entries for a badge must be posted here. For badges such as completing a sig request for someone, just link us to the member you did the request for. Participation badges will be given out automatically to those who earn them, don't ask for these. If you think we forgot to give you a badge you deserve, let us know in the Skype chat.

2dij58l.jpg
Rendered an image well
nck00p.png
Used a c4d in a sig correctly
m7b0pd.png
Created a sig with good depth
sobh2p.png
Created a sig with good flow
25f1v9u.png
Created a sig with good lighting
2my6eee.jpg
Created a sig with good color scheme
i557x4.png
Used good font/placement with text
dp7679.png
Won a contest hosted by this thread
2zp4ahk.jpg
Provided good, constructive criticism for another member’s sig
2jba6pw.png
Created a short gfx tutorial about something you learned
2qmoltu.png
Created an art gallery thread with your sigs
dmbaip.jpg
Correct placement of render and render quality is good
m90h74.png
Completed a sig request for someone
ml6yrt.png
Collaborated with someone to create a sig
r782zq.png
Weekly Participation in the art thread
sxnh1f.png
Invite a member to join this art group
35i0sqa.png
Good participation in the Skype group chat


Art Dictionary
(credit to Soul)

C4Ds
=Cinema 4Ds, something that makes your signature looking cool.
Example (The layer mode of C4Ds should be 'Lighten')

Tag / Banner
An image you can put into your signature

PS (Photoshop)
The best image manipulation program, but the most expensive one. You can get it for about 1.700$, but there's also a free 30-days trial version available.

Gimp (GNU Image Manipulation Program)
It's the best freeware you can get. It has almost any features you need. But it's hard to work with for beginners.

Paint.NET
Another program you can use for your graphics. It isn't nearly as good as Gimp but it's pretty easy to work with.

MS Paint
A graphic program that's pre-installed on Windows. You can't do very much with this. Mainly used for Sprites.

Render
A cutout of an image. It has a transparent background.

Shortcuts
AotW = Artwork of the Week
Avy = Avatar
B/W = Black/White (Greyscale) Image
C4D = Cinema 4D
C&C = Comment and Critique
GFX = Graphics Design
HQ = High Quality
KIU = Keep it up
LP = Large Piece
LQ = Low Quality
PS = Photoshop
PSD = Photoshop Document (An image without merged layers)
PSP = Paint Shop Pro
SotW = Signature of the Week
TBH = To be honest
XCF = Gimp Document

.gif = File format used for animations. It's low on quality.
.jpeg = Don't ever use this, it has horrible quality but the file size is low.
.png = The best file format, you can make transparent images and the quality is good.

JPEG is a lossy format so that means that the quality can even deteriorate over time producing what we call "JPEG artifacts".


Tutorial by NerdSparks

This is not a tutorial as much as it is something to help when you're creating a graphics art. I will try to cover a lot while not saying too much, so bear with me. This thread is updated as I think of new tips,

Starting:
The first thing to do when creating your graphic art is to figure out your theme. Normally in a tag your theme will be your render and the effects you create around on/on it .

Your render will determine the size of your canvas, and the major colors you should be using. If You have a slender render, then you shouldn't have a a canvas that is too wide. A safe size for all tags is 360x120. If anything you can increase/decrease the width from there should you find necessary. Personally for my works use a canvas size of about 400x300 (at that point they would not be considered tags btw)

A quality tag will always start with a quality render. If your render is bad then typically you tag will come out bad. Always go for High Quality when possible. Your renders should always have something with a little pop to them, rather than a dull lifeless flat render. You can easily see what I mean when you compare a Sugimori Scan to a typical TCG Scan. When doing pokemon gfx I prefer to use rendered TCG images. I also frequent Planetrenders/GFXresouce/Animerender for my renders. Searching for render packs is a very smart idea. I usually bookmark renders I like as I come across them for future use.

The color wheel is something that every designer should be familiar with naturally, or at least always have on hand. You should always match your colors nicely, only stepping outside of a fourth of the color wheel when needing contrast. This site can help when creating a tag if can define your theme colors by Spring/Summer/Fall/Winter. Google search an image of a color wheel to find other contrasting/complimenting colors as you please.

Your basic composition of any work should always be playing off of your render. They should match or at the very least not seem out of place with each other. This even goes back to color. An anime girl render on a real life city street probably doesn't flow well, neither does a soccer player in soccer gear on a basketball court.

Midway

When adding effects the render/theme should be the first thing you think about. Playing off of the render's natural high points and flow will help you make your effects seamless. Fractals are great to bring focus to a certain aspect of a render and their color/lighting is easily changeable to your work's needs.

C4D Renders can help bring flow to your work by placing them as a Hard C4D or a Soft C4D. A Hard C4D is one that is used as it is, the only adjustments would be color and light. The C4D render itself largely unchanged. A Soft C4D would be something possibly added on Overlay or Screen to bring a shift in the flow of the C4D.

My favorite effects at the moment revolve around bubble and water stocks. Using the highlight portions of each stock you can create some cool effects. Fractals and flares are also very helpful in creating effects. Typically you'll see that placed on either Soft Light/Linear Dodge/Screen.

Lighting is something that should be started at the beginning, but it's understandable if you were to attempt it midway. Lighting should take advantage of your render's natural light spots and accentuate them based on what your piece needs. It should look natural like it's always been there, and typically one should stay away from the plain white and go for a pale color. Lighting can be added by Soft Brushing, or A White-Transparent Radial Gradient. Additionally the Dodge/Burn tool can highlight some spots of your tag. Additional lighting can be created by soft brushing a light blue/pink/red to your tag while setting the layer to linear dodge (if you need something really bright) or screen (for something more foggy_

Ending

Gradient Maps are a wonderful thing when used right. Gradient maps should always be planned out and used with the color wheel in mind. Always check to see if your banner looked better before the adjustment rather than after. Do not get too wild with Gradient Maps as they can hurt, but used effectively they're great. Google search premade gradient packs so that you don't have to think of the colors yourself, and always remember the quintessential black to white gradient.

Curves/Levels/Brightness-Contrast when you play with these too much, people will notice and overall it doesn't help to do it in high amounts. Use these sparingly to give your tag an extra kick, or dull down something that's hurting even your eyes. Each tag is different so I cannot specifically say what will work and what will not work.

Clipping Mask will cover up unwanted spots on your signature but if you are trying to cover up half of your signature then you probably just want to re-do it. Additionally you can use them to create some extra flow when put on overlay. How you use them is up to you. To create a clipping mask the use of splatter brushes, speckle brushes are usually preferred. Clipping masks can also be used to isolate a certain effect in a particular spot.

The Eraser can be used at the end of a tag to get ride of anything on a previous layer that now in retrospect you can say you don't need. You can get rid of pieces of gradient maps, c4ds, and even your render. You can crop out the empty edges of your tag as to bring your focal into what matters. If you have a big black side that's taking up 50 pixels of your 400 pixel image just remove it.

Add text only if you think it fits. Keep text short and to the point. Place it somewhere close to the focal and blend it lightly. If you're not confident with your text always make a version without, and post both and ask for advice on your text. Generally stay away from script/grunge fonts and play with more standard fonts until you understand placement and blending for the text.

Adding borders is entirely up to you. A lot of people like them A lot of people don't. A general rule for borders is keep the colors limited to White or Black. 1px all around border, 3/5/10 pixel widescreen border, or 3/5/10 pixel Top and Bottom Border. When making the Widescreen and Top and Bottom Border an easy thing to do is crop the 1px border gimp forces you to do. (I.E on the Top and Bottom Border GIMP forces you to take a 1px border on the sides).

Additional Resources:

Smeargle Tutorial: http://supersleuth10.deviantart.com/art/Nancy-Drew-Mystery-Sig-Tutorial-311039254

Mantine Tag Tutorial: http://spm3.deviantart.com/art/Mantine-Tag-Tutorial-251465894



 
RE: MIDNIGHTdesignsers -- GFX Group

Programs.

GIMP

GIMP is a free program that is about half as powerful as the current photoshop, however it is free. It is recommended that if you cannot download Photoshop that you download GIMP.

Click On:
Download GIMP 2.6.11 – Installer for Windows XP SP2 or later

SuperSleuth created a beginners tutorial for GIMP.

[video=youtube]http://www.youtube.com/watch?v=0A2Je2LmBZw[/video]


Browse Youtube for more Gimp tutorials. Also in the tutorial section the tutorials posted from my DA are all GIMP works.

------

Photoshop.

If you cannot get the current photoshop or CS5/CS4 then an acceptable option is downloading CS2 from the adobe official website.

Adobe just find CS2 and say you previously owned it and Adobe will give it to you for free!

If you're more saavy than you may download a Portable Version of CS5 or CS4. If you're in college than you can get a student discount. My last tip for that is just buy an older version since it'll be essentially the same as a newer version but for hundreds less!
 
USERNAME = HolyMackerel
PROGRAM(S) OF CHOICE = Photoshop Elements 7
DEVIANTART ACCOUNT = aggielexi
2 EXAMPLES OF YOUR OWN WORK =

bikini-lady_zps3dbd852c.png


umbrella.png



3 EXAMPLES OF GFX INSPIRATION (things you like)

contains mature content

123
 
NerdSparks said:
Welcome to the team! Are these examples your favorites or your latest?

These are my favorites, but they're both from the past year, so they're not necessarily old. And thank you, I'm sure I'll have a great time in this group.
 
HolyMackerel said:
NerdSparks said:
Welcome to the team! Are these examples your favorites or your latest?

These are my favorites, but they're both from the past year, so they're not necessarily old. And thank you, I'm sure I'll have a great time in this group.

Oh ok, just curious so I have an idea of where you're at and what you like. Hopefully by the middle of the week we'll be able to start up with a couple members.
 
Username: Spammy

Program of choice: Photoshop CS5

deviantART username: Spm3

Two examples of my work:


ww_by_spm3-d6i1i5p.png

I made this one a while ago for PMJ's WW game. Just uploaded it to dA for this :3

nipple_salads__bl2_krieg_signature_by_spm3-d6ef6bs.png

My latest sig. Made it a few weeks ago, haven't done anything since :L I need to get back into graphics D:

Three examples of things that inspire me:


http://th01.deviantart.net/fs23/PRE/f/2007/362/f/c/fcc81700bc28c91d.jpg
http://fc01.deviantart.net/fs71/f/2013/118/9/8/smudge_effect_3_by_aoi_heart-d63erl1.png
http://fc01.deviantart.net/fs71/f/2013/174/b/b/unknown_signature_by_shookera-d6ae74y.png
 
I am so in.
USERNAME = Gentlefish
PROGRAM(S) OF CHOICE = Adobe Photoshop CS5 (student discount FTW!)
DEVIANTART ACCOUNT = N/A. Is that alright?
2 EXAMPLES OF YOUR OWN WORK =
pcbanner2t.png

gentlefishteam.png

3 EXAMPLES OF GFX INSPIRATION = Can I just... can I just point at the stuff people have posted in here so far? You all seem to be more experienced than me, so I think I'll find plenty of inspiration there...
 
Gentlefish said:
I am so in.
USERNAME = Gentlefish
PROGRAM(S) OF CHOICE = Adobe Photoshop CS5 (student discount FTW!)
DEVIANTART ACCOUNT = N/A. Is that alright?
2 EXAMPLES OF YOUR OWN WORK =
pcbanner2t.png

gentlefishteam.png

3 EXAMPLES OF GFX INSPIRATION = Can I just... can I just point at the stuff people have posted in here so far? You all seem to be more experienced than me, so I think I'll find plenty of inspiration there...

I would hope that you can/will make a deviantart account just for convenience purposes. That as well as a Skype account if you do not already have one. As far as inspiration goes that would be fine too, I mostly only ask so that I know what you're into and what you're trying to achieve.

Spammy said:
Username: Spammy

Program of choice: Photoshop CS5

deviantART username: Spm3

Two examples of my work:


ww_by_spm3-d6i1i5p.png

I made this one a while ago for PMJ's WW game. Just uploaded it to dA for this :3

nipple_salads__bl2_krieg_signature_by_spm3-d6ef6bs.png

My latest sig. Made it a few weeks ago, haven't done anything since :L I need to get back into graphics D:

Three examples of things that inspire me:


http://th01.deviantart.net/fs23/PRE/f/2007/362/f/c/fcc81700bc28c91d.jpg
http://fc01.deviantart.net/fs71/f/2013/118/9/8/smudge_effect_3_by_aoi_heart-d63erl1.png
http://fc01.deviantart.net/fs71/f/2013/174/b/b/unknown_signature_by_shookera-d6ae74y.png

Obviously you know you're in great to see you again. Are you into to making logos and stuff like that now?

A couple of your inspirations are in my favorites lol, but yes glad to have you aboard.

-----

OK so we got a couple of members now, I don't quite want to start anything up yet. I'll wait to hear back from Sleuth to see what she wants to do, and you guys responses to my few questions.

In the mean feel free to post and use this thread as you please
 
I have a basic signature tutorial for people with Photoshop. I assume something somewhat similar could be done with GIMP, but you'd probably have to know GIMP quite well in order to know how to achieve similar effects. The tutorial doesn't get too complex and offers some choice as to how you go about your business, so it might not really require any functions exclusive to Photoshop. Quite frankly, I don't know GIMP that well, so I'm not sure. Anyway, that was a lot of useless babble XD Here's the tutorial! :D
Mantine Tag Tut <----- ^_^

I want to be able to make cool signatures like the ones I posted under inspirations, but I cannot find tutorials for those :( I assume they are extremely complex XD If anyone could help me track these down I'd greatly appreciate it!
 
Made some stuff.
ltxw.png

wnrw.png


I have a Skype account I can use, but I'm not sure DA is an option. I'll check if it's really a pain not having one.
 
Interesting banners. They are funny XD

I'm not too fond of the extremely intense light rays, but that's just me :) To make the Pokemon stand out more, I would add a drop shadow =) Tbh, they seem a bit too large. :) Also I would like to see a bit more of Xerneas. ^_^

I probably like the quality of the renders, stock, and text the most.

Good work =) Not hating, just thought I'd provide my 2 cents and hopefully give you some foundation for improvement :3
 
Spammy said:
Interesting banners. They are funny XD

I'm not too fond of the extremely intense light rays, but that's just me :) To make the Pokemon stand out more, I would add a drop shadow =) Tbh, they seem a bit too large. :) Also I would like to see a bit more of Xerneas. ^_^

I probably like the quality of the renders, stock, and text the most.

Good work =) Not hating, just thought I'd provide my 2 cents and hopefully give you some foundation for improvement :3

Thanks.
The light rays was just my (perhaps clumsy) attempt to get glossiness without a gradient effect. The drop shadow idea sounds good, but I kinda like the size of the Pokemon. The fairies could be sized down, though. As for Xerneas, I was trying to get the same sort of effect as with Yveltal, but I guess it wouldn't hurt to size down Xerneas.
And the stock and renders were not my work at all. :p Just the Sugimori art off Bulbapedia and the Kalos wallpaper from the X&Y site.
 
I know they aren't your work XD I'm saying they are high quality, i.e. don't have jpeg artifacts or anything of that nature. :)
EDIT: Any reason you don't want to use a gradient? They effect makes it look glossy for sure, but the opacity could be turned down a notch.
 
Spammy said:
I know they aren't your work XD I'm saying they are high quality, i.e. don't have jpeg artifacts or anything of that nature. :)
EDIT: Any reason you don't want to use a gradient? They effect makes it look glossy for sure, but the opacity could be turned down a notch.

Ah, I see. This is true. xD
Usually I do go with a gradient (~18% opacity), but I wanted something less... uniform, I guess, and a bit shinyer. I'll experiment with the opacity on the shine-bars, though.
 
USERNAME = Blui
PROGRAM(S) OF CHOICE = Adobe Photoshop CS5.1 (I also have a little knowledge with GIMP)
DEVIANTART ACCOUNT = blui129.deviantart.com
2 EXAMPLES OF YOUR OWN WORK =
samurotter_zpsc3bbe6fc.png

hydreigonbanner_zps089b155d.png

3 EXAMPLES OF GFX INSPIRATION (things you like)
Pokemon-EX cards (seriously like all my art is inspired by them)
yuumei.deviantart.com The colours on their work keep me inspired, especially Beyond Infinity
Clouds (that sounds really weird but they actually are, I see a certain shape and BAM! An idea appears!)
 
@Gentlefish

There were a couple artists here in the past who used to go a lot of that glossy effect.

thisbemooshoppemiltank.png

examplearttrans.gif

polipower.gif

-----

@Blui

How are you making your bgs?

-----

@Spammy

Do you want to try making a clan logo?
 
The top one looks like a radial motion blur and the bottom one seems to be twirl + different blending modes. Just a guess. =)

I'd love to take a crack at making a clan logo ^_^
 
I really loved Kawaii Mew's work when it was around. I don't know if they changed their username, but they gave me big inspiration into tag making.
 
Back
Top