topbanner_forum
  *

avatar image

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
  • Friday December 13, 2024, 11:05 am
  • Proudly celebrating 15+ years online.
  • Donate now to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
  • donate

Author Topic: how to create graphics like these?  (Read 6751 times)

kalos

  • Member
  • Joined in 2006
  • **
  • default avatar
  • Posts: 1,824
    • View Profile
    • Donate to Member
how to create graphics like these?
« on: December 12, 2010, 11:26 AM »
hello

can you tell me please how to create graphics like these bars:
[attach=#1][/attach]

thanks

40hz

  • Supporting Member
  • Joined in 2007
  • **
  • Posts: 11,859
    • View Profile
    • Donate to Member
Re: how to create graphics like these?
« Reply #1 on: December 12, 2010, 12:35 PM »
Depends on what software you want to use. But a Google search for "create 3d cylinder" will net you dozens of tutorials.

Here's one search result:

http://www.vecpix.co...llustrator/il013.php

Luck! :Thmbsup:

-------

P.S. From the looks of it, I'm fairly certain they used Adobe Illustrator to do that graphic.  :)
« Last Edit: December 12, 2010, 12:59 PM by 40hz »

kalos

  • Member
  • Joined in 2006
  • **
  • default avatar
  • Posts: 1,824
    • View Profile
    • Donate to Member
Re: how to create graphics like these?
« Reply #2 on: December 12, 2010, 03:27 PM »
first, are they really graphics or real items being photographed?
second, can anyone duplicate them? or ever created such graphics?

40hz

  • Supporting Member
  • Joined in 2007
  • **
  • Posts: 11,859
    • View Profile
    • Donate to Member
Re: how to create graphics like these?
« Reply #3 on: December 12, 2010, 05:42 PM »
 I would be very surprised if they weren't created entirely on a computer. For this type of image, it would actually be harder to do it photographically than it would be to do it digitally.

 Anyone can duplicate any image provided they have the necessary hardware, software, and know-how. Fortunately, creating such graphics readily falls within the capabilities of affordable hardware and software setups. Know-how is a little harder to come by. But, again fortunately, there is a huge amount of free instruction and help available online to allow you to produce just about any type of graphic image you want to. Much of it is step-by-step instruction too.

 :)

kalos

  • Member
  • Joined in 2006
  • **
  • default avatar
  • Posts: 1,824
    • View Profile
    • Donate to Member
Re: how to create graphics like these?
« Reply #4 on: December 13, 2010, 04:45 AM »
can we analyze a bit more these specific bars?

what kind of effects do they have
what kind of shapes
what kind of colors
etc

Deozaan

  • Charter Member
  • Joined in 2006
  • ***
  • Points: 1
  • Posts: 9,778
    • View Profile
    • Read more about this member.
    • Donate to Member
Re: how to create graphics like these?
« Reply #5 on: December 13, 2010, 06:22 AM »
You're thinking about it too much. (or perhaps not enough)

They're just cylinders created in some 3D modeling program with a glossy/reflective texture applied to them. Any amateur could probably get the cylinders and pie chart created in 5-10 minutes with some software such as 3D Studio Max.

40hz

  • Supporting Member
  • Joined in 2007
  • **
  • Posts: 11,859
    • View Profile
    • Donate to Member
Re: how to create graphics like these?
« Reply #6 on: December 13, 2010, 02:48 PM »
This took all of 2 minutes using two freeware apps. I did it using the most entry level programs I had as a proof of concept.

The cylinder is composed of: two ellipses, one rectangle, and a simple gradient fill.

cylinder.pnghow to create graphics like these?

If I spent more time, or used a more sophisticated graphics program that allowed me to use textures, reflections, and play with the lighting sources and angles, I could have easily made it look even more like a 'real' object.

The point I'm trying to make is that anybody should be able to create decent illustrations with today's hardware and software.

 :)
« Last Edit: December 13, 2010, 03:06 PM by 40hz »

fenixproductions

  • Honorary Member
  • Joined in 2006
  • **
  • Posts: 1,186
    • View Profile
    • Donate to Member
Re: how to create graphics like these?
« Reply #7 on: December 13, 2010, 07:17 PM »
Little better :)

about 30 minutes in Inkscape
bars.png


P.S. Pretty nice article:
http://www.tutorial9...arts-in-illustrator/
« Last Edit: December 13, 2010, 07:34 PM by fenixproductions »

JavaJones

  • Review 2.0 Designer
  • Charter Member
  • Joined in 2005
  • ***
  • Posts: 2,739
    • View Profile
    • Donate to Member
Re: how to create graphics like these?
« Reply #8 on: December 13, 2010, 08:49 PM »
Why bother doing it manually and statically when you can do it automatically on the dynamic data? :D

http://www.crystalgr...ions/charts.main.asp
http://www.perspecto...gallery_3dcharts.cfm

Keywords used: "powerpoint 3d chart"

- Oshyan

Deozaan

  • Charter Member
  • Joined in 2006
  • ***
  • Points: 1
  • Posts: 9,778
    • View Profile
    • Read more about this member.
    • Donate to Member
Re: how to create graphics like these?
« Reply #9 on: December 13, 2010, 09:07 PM »
I still think the image in the original post is of much higher quality than the ones posted here done with 2D drawing applications or automatically generated from data. That's why I mentioned a 3D modeling program.

JavaJones

  • Review 2.0 Designer
  • Charter Member
  • Joined in 2005
  • ***
  • Posts: 2,739
    • View Profile
    • Donate to Member
Re: how to create graphics like these?
« Reply #10 on: December 13, 2010, 09:18 PM »
Yes, those charts are clearly not made to have actual meaning, so they were probably done in a 3D app. But the main difference between those and what you can do natively in PPT with plugins appears to be down to reflectivity mostly (as far as visual effects). If that particular effect is not a requirement, the Powerpoint plugins do a pretty darn good job and, importantly, on the actual data (so if you change or add to the data, your chart can update quickly, easily, automatically).

Here's another example:
http://oomfo.com/
http://www.fusioncharts.com/

- Oshyan

40hz

  • Supporting Member
  • Joined in 2007
  • **
  • Posts: 11,859
    • View Profile
    • Donate to Member
Re: how to create graphics like these?
« Reply #11 on: December 14, 2010, 09:16 AM »
I still think the image in the original post is of much higher quality than the ones posted here done with 2D drawing applications or automatically generated from data. That's why I mentioned a 3D modeling program.

Very true. But a 3D modeling app represents a bigger investment in resources and knowledge in order to get that more realistic output. So to me, it all comes down to what constitutes "acceptable" results.

Most people can handle 2D and get very realistic effects. From what I've seen, modeling programs constitute a much larger challenge since it's harder to think in 3D, which requires some education and practice. Just like drawing. Almost anybody can do a 2D cartoon sketch. Far fewer ever develop the skills needed to do what would beconsidered a 'good drawing.'

I think most of the replies to the question were attempting to demonstrate that it's not difficult to do a graphic similar to the example. The person who asked the question seemed to give the impression that he thought it would be a much harder task than it is. So most of the suggestions were intended to "empower" him to give it a try.

All of which didn't exactly answer his question...while your post did, since a modelling program would generate better results. I don't think anybody here meant to make it seem like they were ignoring your point. You are 100% correct.

But since when has directly answering any question been the DC way?  ;D



« Last Edit: December 14, 2010, 09:18 AM by 40hz »