In this Blender 2.5 video tutorial we tag along with the spirit of the spending holiday season and create a CG Cookie branded credit card. This comes in handy for rendering out Credit Card graphics for e-commerce websites, for your clients, or year round.

This tutorial covers the process of modeling and rendering the full card. Octane Renderer from Refractice Software is used for the rendering.

You must be logged in to upload images. Register

Discussion

48 Responses to “Creating a CG Credit Card”
  1. Posts: 9

    it’ll be Octane 1.23v6 with new RLT algorithm implemented in. So the won’t be hot pixels. And it’ll be simmilar to MLT but faster

    #
    1
    Dec 6, 2010 at 10:48 pm
  2. Posts: 9

    it’ll be Octane 1.23v6 with new RLT algorithm implemented in. So the won’t be hot pixels. And it’ll be simmilar to MLT but faster

    #
    2
    Dec 6, 2010 at 10:48 pm
  3. Posts: 124

    why not use the LuxRender?

    thx

    #
    3
    Dec 6, 2010 at 11:05 pm
    • Posts: 1761

      Because I like to try and cover a lot of different tools. There will be more LuxRender tutorials, no worries!

      -Jonathan

      #
      3.1
      Dec 7, 2010 at 12:18 am
      • Posts: 17

        Can you do a yafaray tutorial?

        #
        3.1.1
        Dec 25, 2011 at 3:53 pm
  4. Posts: 124

    why not use the LuxRender?

    thx

    #
    4
    Dec 6, 2010 at 11:05 pm
  5. Klesus
    Posts: 14

    You could do an introduction to Mitsuba renderer, that would be awesome!

    #
    5
    Dec 7, 2010 at 12:16 am
    • Posts: 1761

      Already planning on it, just waiting on a problem with Windows 7 to be fixed for it.

      -Jonathan

      #
      5.1
      Dec 7, 2010 at 12:18 am
  6. sfepa
    Posts: 9

    Nice tutorial. I’d like to try octane, but my video card doesn’t support that tools :)

    #
    6
    Dec 7, 2010 at 1:57 am
  7. Martin Lindelöf
    Posts: 30

    yes. get vray for maya demo from caosgroup. and cover external rendering with vray.
    http://vray.cgdo.ru/

    I’ve got it to work and its extremly fast. but I can’t get mat preview to work since im using mac and it cant auto detect the path to the renderer and I have to set it myself.
    then mat preview doesn’t work.

    but do cover vray. it’s really nice, and pretty affordable for a indie 3d artist who wants to freelance.

    #
    7
    Dec 7, 2010 at 3:10 am
    • Sebastian
      Posts: 2

      Thumbs up for Vray cover!

      #
      7.1
      Dec 7, 2010 at 9:38 am
    • Unhurdof
      Posts: 10

      VRay ftw. Great tutorial too Jonathan.

      #
      7.2
      Dec 7, 2010 at 11:28 am
    • Posts: 35

      bdancer is the active developer… check out the updated site http://blender.bevice.ru/

      #
      7.3
      Dec 7, 2010 at 9:41 pm
      • Martin Lindelöf
        Posts: 30

        he uses github mostly for updates, vray is _THE_ render engine in the business both for architecture, automobiles (car commercials) and film/commercials.

        it’s extremly fast and now has stuf like caustics / spectral refractions that are really close to the un-biased physically correct renders but way faster.

        also I’ve heard that realtime v-ray will b eincluded in vray-standalone the renderer you buy to use for blender. That’s my next buy really.! im gonna buy that before food.

        here’s a really awesome starting point to learn the v-ray shaders.

        http://vray.cgdo.ru/forum/viewtopic.php?f=12&t=405&sid=ec7fd834928c3ce6fa2fe26893716283

        #
        7.3.1
        Dec 9, 2010 at 3:30 pm
    • Martin Lindelöf
      Posts: 30

      a quick update (since i cant edit my first post)

      * mat preview works.
      * andrey fixed auto-detection path for mac , so everything works outta the box!

      #
      7.4
      Dec 9, 2010 at 3:31 pm
  8. Posts: 10

    Looks real enough. I might use it to pay for my citizen subscription!

    #
    8
    Dec 7, 2010 at 5:10 am
  9. Andy
    Posts: 2

    Great vid :)

    I was wondering if there are any external render engines that use ATI for GPU acceleration? I know that Luxrender has an upcoming engine that uses ATI, but am not sure if there are any existing engines that are capable of using ATI for accel.

    Many thanks,

    Andy

    #
    9
    Dec 7, 2010 at 6:43 am
  10. stvndysn
    Posts: 16

    looks really good jonathan.

    but i have a challenge for you…some cards, here in the uk have idented text, ie lower than the card top level, what should we do in that situation.

    btw i like the look of the renderer, pity i cant afford it. wonder if there will ever be a renderer of its quality but open source. blender institute take note lol

    #
    10
    Dec 7, 2010 at 7:09 am
    • Khro
      Posts: 11

      Would like to get an answer as well.

      Maybe you can do that with the Boolean modifier…

      #
      10.1
      Dec 8, 2010 at 1:47 am
  11. Posts: 14

    Yafaray! Yafaray! Yafaray!

    #
    11
    Dec 7, 2010 at 8:27 am
    • Posts: 53

      Agree, yafaray is a good choice

      #
      11.1
      Dec 7, 2010 at 6:39 pm
    • Posts: 16

      +1 for Yafaray.

      I’ve tried setting it up several times in the past but never got it to work with Blender.

      Also +1 for Mitsuba :D

      #
      11.2
      Dec 12, 2010 at 5:10 pm
  12. Mike
    Posts: 1

    This looks really good, I like it.

    but, whats the credit limit on these things?

    #
    12
    Dec 7, 2010 at 9:28 am
  13. Kevin
    Posts: 13

    Hi Jonathon, thanks for this tut. I have a question regarding the process. I was wondering why you wouldn’t have use a curve and extruded it to create the rounded rectangle maybe or bringing in a path from inkscape or illustrator. It seemed like a fair amount of work to create the card shape… (perhaps reusing the rounded rectangle path from your texture file.) Also I thought maybe using your texture as a decal and empty might have worked here rather than the UV method. From your earlier decal tut.

    Still, it is always great to learn alternate ways of doing similar things. I didn’t know about the measurement feature, that should come in handy. Just wondered if my suggestion would’ve worked as well.

    I’m just learning blender and it is always good to see how others approach things.

    Keep them coming!

    Thanks,
    Kevin

    #
    13
    Dec 7, 2010 at 9:53 am
  14. Posts: 6

    Another great tutorial Jonathan. What were the pixel dimensions of the card image you created, if I were to create my own in photoshop? Thanks!

    #
    14
    Dec 7, 2010 at 11:04 am
  15. pendowski
    Posts: 5

    For me the problem with Octane is not that it’s a commercial renderer because if you’re interested and it’s useful it’s relatively cheap for what you’re getting. Plus – there’s a demo so if anyone downloaded it for the first tutorial it will still work (I don’t know if it’s 30 day trial or just have some features locked). But the problem with it is the hardware problem – the machine I’m using for my work (including learning Blender) and the most powerful has ATI card in it and since Octane works only on nVidia cards if I would like to test it our I would have to use it on my only computer with nVidia card which is my small laptop..
    So – great tutorial, the tool looks really cool but the more fun it looks the more angry I am that I can’t use it. I think that it would be interesting if you would make part 2 of this tutorial where you skip all the modeling part and show the same result using something like LuxRender.

    #
    15
    Dec 7, 2010 at 3:51 pm
  16. Posts: 25

    I won’t be using Octane but I appreciate that you are covering so many options. I’m hardly even a hobby Blenderer but am trying to learn enough to help my cousin who has a design degree but is not using it at the moment. If he can put together a portfolio it will help him. Your tutorials are very good and I have pointed him your way. The people with ATI cards may like to look at SmallLuxGPU which is a version of Luxrender developed on a computer with an ATI card, I can’t get Luxrays to install with my NVidia card (probably a brain fart on my part) so haven’t been able to try it but the results I have seen are very encouraging.
    Also, thanks for making me laugh, I was wondering how long you would take to spot the typo :) That reminded me of the bit in the Terry Pratchett book Jingo where a sign writer is painting the name “The Prid Of Ankh-Morpork” on a boat while two members of the City Watch are waiting for him to notice he left the ‘e’ off the word Pride.

    #
    16
    Dec 7, 2010 at 6:30 pm
  17. Drew
    Posts: 4

    Any chance we could get a side by side comparison done with blenders internal engine? Would be interesting to see the difference.
    Thanks for the great tut!

    #
    17
    Dec 7, 2010 at 6:49 pm
  18. haqzaf
    Posts: 54

    Hi,Jonathan Williamson

    Following your footsteps,I finally able to complete this modeling texturing rendering tutorial session.

    My progress link

    http://haqzaf.deviantart.com/art/Create-CG-Creditcard-188877616?q=gallery%3Ahaqzaf%2F9410305&qo=0

    My video card do not support Luxrender.I opted and try Yafaray external renderer.It took approax 15 minutes to complete the render.
    Althogh,this tutorial look simple,but it was challenging.Numbers on the credit card are ficticious and any resemblace will be coincidental.This is my firat try to use yafray.
    Thanks for this tutorial.

    #
    18
    Dec 8, 2010 at 12:34 am
  19. veQue
    Posts: 22

    Heyas Jonathan, great stuff as always. =) I smile because I knew that the slightly off-scaled creditcard would bug you enough to fix it lol.

    Love your professionalism and perfectionist eye for details.

    #
    19
    Dec 8, 2010 at 9:26 am
  20. Josh
    Posts: 2

    I don’t have the right graphics card to use octane, so Im using Luxrender, Im new to it and I’ve tried several things to get the UV map of the credit card image to work, and even though I can get it to work with the Blender render, it wont work with Luxrener.
    Can anyone help?

    #
    20
    Dec 9, 2010 at 11:35 am
    • Posts: 1761

      Hi Josh,

      You need to set the “T” for textured under the diffuse option, then create a Imagemap texture set to Color, and then go back to the materials and select the texture under the field for the Diffuse. Does that make sense?

      -Jonathan

      #
      20.1
      Dec 9, 2010 at 11:50 am
      • Josh
        Posts: 2

        Ah, yes, thank you very much I’ve got it to work.

        #
        20.1.1
        Dec 9, 2010 at 12:19 pm
  21. Posts: 27

    will you do a tut one day on how to do that holographic, multi-colored reflective 3D effect on some credit cards? (normally it would be located where the white space is above the CGC and underneath the Blender Cookie logo)

    #
    21
    Dec 10, 2010 at 5:17 pm
  22. Moolah
    Posts: 59

    Thanks, Jonathan!
    I found real usable tips in this tutorial! Though first I thought that it must be something really simple and off “my theme” :)

    #
    22
    Dec 10, 2010 at 5:36 pm
  23. Guywithacoolname
    Posts: 7

    Jonathan Williamson I want to have your babies!

    You rock, your tutorials are the best!

    #
    23
    Dec 13, 2010 at 10:17 pm
  24. Tungee
    Posts: 4

    The Corner rounding tip with the spin operator was golden Jonathan!

    Thanx!

    #
    24
    Dec 14, 2010 at 11:53 pm
  25. Stan
    Posts: 4

    Jonathan one question for you why this happening http://www.youtube.com/watch?v=zctc2A0OXIQ , i cant delete the faces in only one movement , need make it many times :P

    #
    25
    Dec 17, 2010 at 11:18 am
    • Posts: 1761

      Hi Stan, the reason you can only select the front faces in because you have “Limit Selection to Visible” enabled. You ca find this option in Edit Mode along the bottom Viewport header, just to the right of the Selection Mode buttons.

      -Jonathan

      #
      25.1
      Dec 17, 2010 at 11:59 am
      • Stan
        Posts: 4

        Thank you its works :)

        #
        25.1.1
        Dec 17, 2010 at 12:21 pm
  26. Zizgag
    Posts: 1

    Great tut. With ur teachings im now getting paid 2 do som 3d stuff. id love to see a yafaray tut. Thnx

    #
    26
    Jan 5, 2011 at 12:58 pm
  27. joao
    Posts: 1

    You is the best!
    Very very good your work! Perfect!

    #
    27
    Jan 10, 2011 at 5:46 pm
  28. Posts: 4

    Is it possible that you can do a tutorial for the SunFlow renderer?

    #
    28
    Jan 10, 2011 at 5:58 pm
  29. Posts: 5

    Hi There,

    I am new to Blender. I managed to get the right dimension of the credit card and it seems all fine. But when it came to uv, check this out what happened to my uv :( Dunno what is the problem with it. I guess maybe something is wrong with the vertices.

    Thanx in Advance!

    #
    29
    Jan 11, 2011 at 6:40 am
  30. Posts: 5

    Hi Again,

    Sorry I forgot to add my image:

    Link: http://c.imagehost.org/0474/myUv.jpg

    Thank you!

    #
    30
    Jan 11, 2011 at 6:48 am
    • Posts: 1761

      Do you have any duplicate vertices or actual depth (before the Solidify modifier)? If not then you can actually just unwrap the crap from view by aligning your view to the face of the card (probably top view) and then press U > Project from View. This works since it’s primarily a 2D surface.

      -Jonathan

      #
      30.1
      Jan 11, 2011 at 9:57 am
  31. Neil Brewer
    Posts: 11

    Great tutorial Johanthan. As always, enjoying your tuts!

    Here’s my result:

    http://i214.photobucket.com/albums/cc87/neilmbrewer/Blender/EKUCreditCardFinal.png

    I added a hologram and DOF for some extra punch. I don’t have Octane, so this is a Blender Render.

    #
    31
    Jan 12, 2011 at 2:36 pm
  32. DavidOtero
    Posts: 2

    Could you make some tutorials using SmallLuxGPU? I think it could be interesting, couse it’s better integrated with Blender.

    #
    32
    Feb 14, 2011 at 2:17 pm

Leave a Comment