Simping For Hina Posted December 31, 2011 Report Share Posted December 31, 2011 [center][img]http://i1095.photobucket.com/albums/i465/DeathlyFiend/Custom%20Image%20Tutorial/1zm2ss6.png?t=1325057062%5b/img[/img][/center] [center][size=1]Logo Credit: .Rai[/size][/center] [center][u]Canvas[/u][/center] [center]Canvases for Custom Images are set up into three different sizes that are used by almost every image make on this site. A square canvas is the permanent base for obvious reasons.[/center] [center][img]http://i1095.photobucket.com/albums/i465/DeathlyFiend/Custom%20Image%20Tutorial/Canvas1.png?t=1325057108[/img][/center] [center]This canvas is a size that is meant for the card maker on this site. It can be used for others, but the image would most likely be stretched in the process. This size is used by R.I.P.[/center] [center][img]http://i1095.photobucket.com/albums/i465/DeathlyFiend/Custom%20Image%20Tutorial/Canvas2.png?t=1325057108[/img][/center] [center]For this canvas, it is medium sized and works well for people who cannot stand too small of a work area. This is also a great starting point for some image makers. Both Father Wolf and I, Daemon uses this canvas.[/center] [center][img]http://i1095.photobucket.com/albums/i465/DeathlyFiend/Custom%20Image%20Tutorial/Canvas3.png?t=1325057109[/img][/center] [center]This is a great choice for a canvas because it allows for more space concerning the background and the render doesn't have take up the entire area; this only really applies to how you size your render, though. This canvas is used by Kuroda Kaito[/center] [center]When choosing a canvas, your best bet is one with a wider length than the height. The difference should be no bigger than 4 pixels, and the maximum size of a canvas should be 600x600 for Judas’s Template.[/center] [center]A bigger canvas can be used for harder render(s) and you can always size it down when finished.[/center] [center][u]Choosing a Render[/u][/center] [center][img]http://i1095.photobucket.com/albums/i465/DeathlyFiend/Custom%20Image%20Tutorial/18198828.png?t=1325057184[/img][/center] [center][size=1]Render by Yin[/size][/center] [center]This is a good render choice because it has a cartoon/ anime look, but still has a realistic atmosphere to it. And it also takes up more than nearly half of the canvas.[/center] [center][size=2]*Note: A render does not have to take up more than half of the canvas; it just looks better than ones that don’t.[/size][/center] [center][img]http://i1095.photobucket.com/albums/i465/DeathlyFiend/Custom%20Image%20Tutorial/MaleRanger-AionTheTowerOfEternity.png?t=1325057262[/img][/center] [center]Not the greatest choice of a render, but it gets the job done. It still has the same look as the first render, but more video game based.[/center] [center][img]http://i1095.photobucket.com/albums/i465/DeathlyFiend/Custom%20Image%20Tutorial/Eagleswwwbakarenderscom.png?t=1325057284[/img][/center] [center]As for this render, it is far too realistic looking to actually anything like a TCG image.[/center] [center]Never use black and white renders unless you are going to use them to make manga images for Kyle’s Manga Card template, which no one even uses.[/center] [center]Some suggestions of mine are:[/center] [center]1. Never use the entire render for your image. Keep some of it off of the canvas. It just gives a nicer feeling to the image itself. This only really applies to really big renders that take up a lot of room.[/center] [center]2. When looking at placement of a render, keep it towards the center as possible for the image since many TCG images do that.[/center] [center]You can get renders from Yin, Renji, Lasting Carnage or Toot.[/center] [center]Some rendering sites are: Bakarenders.com and Planetrenders.net[/center] [center][u]Backgrounds[/u][/center] [center]Use a background that is not realistic or does not have too much depth. Stocks are good to use when they have that anime look and when you are looking for a specific background to use (I.E. Forrest, city, volcano, etc). You never want to have black or white to be the main color of a background because it ruins the atmosphere of the image.[/center] [center]To get some good stocks, I use safebooru (or any of the other boorus) and type in the name of what I need (EX: Forrest).[/center] [center]I tend to create my backgrounds more nowadays by copying the render multiple times and move them around to take up the entire canvas. I then copy the merged image and use the smudge tool to mess around with the background.[/center] [center][u]Resources[/u][/center] [center]Fractals: These items are great tools that almost every image make on this site used or uses. Fractals are space textures that when set to Add or Screen, they can create a wow-factor for the image. Some backgrounds are just fractals that have been edited. Use these items however you wish on your images, I am sure you can find neat ways to do so.[/center] [center]C4Ds: I really hate using these items for anything I make really, unless I have specific needs for them. I have only seen one person actually use them well in a custom image. When using a C4D, keep them to be subtle and almost unnoticeable. If you don’t, they make the image look trashy most of the time.[/center] [center][img]http://i1095.photobucket.com/albums/i465/DeathlyFiend/Custom%20Image%20Tutorial/3NKTL.png?t=1325060287[/img][/center] [center][size=1]Image Credit: Her Scarlet Knight[/size][/center] [center]A C4D was used as a part of a background for this image and it doesn’t look natural. It makes the image lose some abilities it could have without the C4D. [/center] [center][img]http://i1095.photobucket.com/albums/i465/DeathlyFiend/Custom%20Image%20Tutorial/Sylvanas.png?t=1325060288[/img][/center] [center][size=1]Image Credit: Lasting Carnage[/size][/center] [center]At the lower half of this image, a nice C4D was used. The C4D he doesn’t stand out of the image and when I looked at this first hand, I didn’t even realize the C4D was there. It looks natural and is a part of the image.[/center] [center][url="http://www.megaupload.com/?d=VRFYI3Q0"]Click here[/url] for an entire set of resources just for image making.[/center] [center][u]Effects and Tools[/u][/center] [center][u]Outerglows:[/u] This is a big them to use for YGO images themselves because many of the images actually have outerglows themselves.[/center] [center]This is quite easy to do in Photoshop. You go down to the FX tab at the bottom right hand corner, go to outerglow. Edit the color to what you want. Set the setting to Normal and have the opacity at 75% or higher.[/center] [center]In GIMP, it is kind of different. First, you need to duplicate the render. Set the render to a pure white or hued color. Then a simple Gaussian Blur is added to it. Place that layer behind the actual render layer and you are good.[/center] [center][u]Lighting:[/u] Basic tag making skills with lighting should do the trick for these images. A soft brush set a light hued to white color and brushed on the image with blending should help. To place the light source correctly, look at the shading of the render and , at whichever part of the render is lighter, set your light source there. Burn and Dodge tools also help with lighting or darkening of an image.[/center] [center][u]Shapes: [/u][/center] [center][img]http://i1095.photobucket.com/albums/i465/DeathlyFiend/Custom%20Image%20Tutorial/Untitled-1.png?t=1325088042[/img][/center] [center][size=1]Image Credit: -Dae-[/size][/center] [center]By the upper corners of this image, two circles are used and look natural in the image.[/center] [center]Shapes are used in Images, circles mostly. When you use shapes in Custom Images, use an outerglow on the shape that is set to a color the matches the majority of the image. Brush effects are able to be used to help with the blending of them as well.[/center] [center][u]Text:[/u][/center] [center][img]http://2.bp.blogspot.com/-E7O-4l20me0/TvSTI7Y2BPI/AAAAAAAAAKE/EIvKFeCF51s/s1600/earth.PNG[/img][/center] [center][size=1]Image Credit: Konami[/size][/center] [center]For this actual card images, you can clearly tell it has the word “Earth” in the background of the actual image. The font that is used is called Aero, which can be found on Google for free. To create the effects they did, Konami used a clip masking of the background and a bevel/emboss to create the 3D look on it.[/center] [center][u]Blending:[/u][/center] Gradient maps are the most basic way of blending that all graphic designers know about it. You have two colors that are nearly opposite each other on the color wheel, set it to Soft light or overlay most of the time and mess around with the opacity. You might have to do this a few times with different gradient maps. You never want a rainbow of colors, keep it down to a minimum of three. For more on colors, you can check [url="http://forum.yugiohcardmaker.net/topic/246980-cr-hq-a-tutorial-to-tags-art-and-other-stuff/"]CR HQ: A Tutorial to Tags, Art and Other Stuff[/url] out. [center][u]Some effects that should not be used:[/u][/center] [center]-Blurring[/center] [center]-Invert[/center] [center]-Pattern[/center] [center]-Sponge Tool[/center] [center]-Paint brush[/center] [center][u]Additional Notes[/u][/center] [center]If you are going to use any cards in your image, only use OCG cards because it blends in more with the actual image and looks more natural.[/center] [center][u]Resource Websites:[/u][/center] [center][u]Renders:[/u][/center] [center][url="http://bakarenders.com/"]http://bakarenders.com/[/url][/center] [center][url="http://planetrenders.net/"]http://planetrenders.net/[/url][/center] [center][u]Stocks:[/u][/center] [center][url="http://safebooru.org/"]http://safebooru.org/[/url][/center] [center][u]Fractals:[/u][/center] [center][url="http://greentunic.deviantart.com/gallery/10031019"]http://greentunic.de...allery/10031019[/url][/center] [center][url="http://browse.deviantart.com/?qh=§ion=&global=1&q=fractal+pack#/d2r9389"]http://browse.devian...l+pack#/d2r9389[/url][/center] [center][url="http://morbidsheep199.deviantart.com/gallery/26685259"]http://morbidsheep19...allery/26685259[/url][/center] [center][u]Backgrounds:[/u][/center] [center][url="http://s1095.photobucket.com/albums/i465/DeathlyFiend/Backgrounds/"]http://s1095.photobu...nd/Backgrounds/[/url][/center] Link to comment Share on other sites More sharing options...
Night Posted January 1, 2012 Report Share Posted January 1, 2012 There are flaws in this, like any other tutorial of course. One thing that I cannot stress enough is that you should never teach others what is wrong. Limiting someones ability to do certain things is basically like stripping art of it's diversity. For example, at one time in history people would simply paint on a canvas. If anything else was disregarded, sculpting would have never been created, nor would graphic design. Allow people to break the rules and be unique. There are hundreds of CI's in this section, why must they all be the same? Other things mentioned are a bit obvious. i.e: I doubt anyone was planning to use a football render in a CI, haha. Could use some revision and a bit of in-depth tips, but the tut gets the job done for new artists I suppose. Link to comment Share on other sites More sharing options...
Alice Moonflowyr Posted January 1, 2012 Report Share Posted January 1, 2012 Wow. Really helpful. Thanks! uhhh.....having some problems with Fractals. i set it to screen, and see nothing. Whats going on? Link to comment Share on other sites More sharing options...
LC Posted January 1, 2012 Report Share Posted January 1, 2012 [quote name='Dworkin' timestamp='1325435073' post='5742743'] Wow. Really helpful. Thanks! uhhh.....having some problems with Fractals. i set it to screen, and see nothing. Whats going on? [/quote] It depends on the color of the background a lot of the time. The darker the image itself is, the more visible the fractal becomes. Many come with a Black BG, so when you set it to screen it gets rid of the black and brightens the fractal itself. Link to comment Share on other sites More sharing options...
Alice Moonflowyr Posted January 1, 2012 Report Share Posted January 1, 2012 Ohhh....I get it. I just lowered the render/background opacity, with the fractals set on Screen. Works way better. Link to comment Share on other sites More sharing options...
Simping For Hina Posted January 2, 2012 Author Report Share Posted January 2, 2012 [quote name=''Nw' timestamp='1325394778' post='5742235'] There are flaws in this, like any other tutorial of course. One thing that I cannot stress enough is that you should never teach others what is wrong. Limiting someones ability to do certain things is basically like stripping art of it's diversity. For example, at one time in history people would simply paint on a canvas. If anything else was disregarded, sculpting would have never been created, nor would graphic design. Allow people to break the rules and be unique. There are hundreds of CI's in this section, why must they all be the same? Other things mentioned are a bit obvious. i.e: I doubt anyone was planning to use a football render in a CI, haha. Could use some revision and a bit of in-depth tips, but the tut gets the job done for new artists I suppose. [/quote] Okay, thanks for the feedback. Link to comment Share on other sites More sharing options...
aranger930 Posted January 3, 2012 Report Share Posted January 3, 2012 this is the best tutorial EEEEEEVVVVVVVAAAAAARRRRRRRR!!!!!!! so helpful. i wondered how people made custom images for their cards. THANKS! Link to comment Share on other sites More sharing options...
Simping For Hina Posted January 3, 2012 Author Report Share Posted January 3, 2012 [quote name='aranger930' timestamp='1325550785' post='5745344'] this is the best tutorial EEEEEEVVVVVVVAAAAAARRRRRRRR!!!!!!! so helpful. i wondered how people made custom images for their cards. THANKS! [/quote]Glad you like it. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.