[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now


New images that are vibrant, vivid, rich, and amazing....HOW???

Posted on 2004-08-25
Medium Priority
Last Modified: 2013-11-19
I've working in photoshop for years now and built websites, but i'm noticing that some websites that graphics look absolutely amazing. they're rich, vibrant, and vivid. compared to making cool graphics in photoshop and then saving them as .gif's or .jpg's, these seem to be completely different. look at this website for a sample of what i'm talking about:


click on some of the icons on the right to bring up some of their artwork. these images are clearly different than the logo on this site, for instance. they're crisper, sharper, more clear, etc. HOW?? I have no idea what software is used to make images like this. Is it photoshop? maybe it's just the format of the images? i'm not sure. can someone help explain this to me...the type of image and they software used to create it. and how they save it for the web and screen presentations. i'd like images like this for some presentations i'm working on.

Question by:chuckp27
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions

Expert Comment

ID: 11897858
I'm geussing its just exported as a much higher file quality with the right colour palettes, etc.

The logos and such are saved in lowish qualitys, so they load quicker on dial-up modems.

Accepted Solution

shamstar earned 750 total points
ID: 11900775
The biggest thing that stands out in these images is contrast, all of the images have a high level of contrasting colors.  The other thing that helps this is the use of highlighting and shading and the choice of colors used for those details.  Next, it is the very high level of detail put into the images, even on one of the more seemingly simpler ones such as the cloud ice-cream cone, you can see the great level of detail that has gone into making the image perfect, the amount of shading for example.  Also, it would seem like there has been a lot of airbrushing and bluring, all done with very tiny size brushes to ensure that even the finest details can be seen.  The choice of colors is also important even though only a few colors have been used.  White makes a very vivid impression on a pure blue background, and thats why you'll notice the image looks more rich towards the top rather than at the bottom.  The blue gradient also looks very fresh when used on its own, but too much of the lighter blue can take the effect away, which is why its been covered up with more clouds.

The next thing to realise is that there is no automatic method for creating great looking images, the ones you see on those site were most likely worked on for a few weeks and retouched countless times - there just isn’t any other way but to spend a lot of time on them.

Secondly, as far as the programs used, there may well be more than 1 program used, the could picture could probably all be made in Photoshop with airbrushing, blur and other tools.  But if you look at some of the others, then they seem like parts of the images could have been produce in 3D programs, such as Bryce, so for example, the trees on the main page could have been rendered in Bryce and then changed around in a program like Photoshop.  Also the island in the Summer Gift 04, 2 seems like a good candidate for generation in Bryce as well.

In short, pictures like these will go though many changes and are likely be produced with the help of many different programs that specialise in different aspects of image generation, and they are also going to be very time consuming works.

Author Comment

ID: 11903545
thank you for your comments. i'll look into Bryce a little. One thing I noticed as well is that the font in the images, like "iCone" is very sharp. When font is produced in Photoshop, it's not that sharp at web resolution. Maybe the font is just in Flash or they used a higher resolution...not sure. I guess they could have also done it in a vector program, like Corel or Illustrator?
Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

LVL 30

Expert Comment

ID: 11905345
Aside from high contrast, theyre also using highly saturated colors. That makes a difference. Theyre not dull washed out colors because they didnt choose dull washed out colors.

Expert Comment

by:Sam Cohen
ID: 11910381
There actually a technique that can be use to get pics alot sharpen
as well as using the saturated feature - as what weed has said
ill post it

Expert Comment

by:Sam Cohen
ID: 11910389
and theres also a free 3d world program that is similar to bryce
I use it all the time
the links here http://www.planetside.co.uk/terragen/gallery/gallerymain.php

designer get while you can before it start costing

Expert Comment

ID: 11911129
The iCone text you mentioned would seem to be standard flash based text rather than a bitmap.  Flash uses anti-aliasing for text by default which smooths out the appearence, Photoshop also does the same so maybe you might have the option switched off for the text or set to a less noticable setting.  When you have the text tool selected then you should be able to see/change the anti-aliasing options on the toolbar.  If you use the same background and text color as in iCone then it will give you something to compare your Photoshop output to.

Featured Post

Tech or Treat!

Submit an article about your scariest tech experience—and the solution—and you’ll be automatically entered to win one of 4 fantastic tech gadgets.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Keep your audience engaged and get the most out of your next presentation with these quick Prezi tips.
Many programs have tried to outwit PowerPoint in terms of technology and skill. These programs, however, still lack several characteristics that PowerPoint has possessed from the start. Here's why PowerPoint replacements won't entirely work for desi…
In this tutorial viewers will learn how to create blended and gradiated shapes in Illustrator using the blend tool Draw two shapes, one of them in a different color: Select both and create a blend by going to Object > Blend > Make: Blends can also b…
Not only does Prezi allow you to create non-linear presentations, it also makes it easy to apply transition animations between your frames. Learn how to apply a fade-in transition to select items and entire frames in this tutorial Select "Edit Path"…
Suggested Courses

649 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question