?
Solved

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

Posted on 2004-08-25
7
Medium Priority
?
266 Views
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:

http://www.hybridworks.jp/

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.

thanks.
0
Comment
Question by:chuckp27
7 Comments
 
LVL 1

Expert Comment

by:SirRoss
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.
0
 
LVL 8

Accepted Solution

by:
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.
0
 

Author Comment

by:chuckp27
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?
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

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

by:weed
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.
0
 
LVL 8

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
0
 
LVL 8

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
0
 
LVL 8

Expert Comment

by:shamstar
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.
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

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

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…
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
In this second Micro Tutorial in the series,  viewers will learn more basic shortcuts and functions of Illustrator. In this tutorial you will learn about the eyedropper tool, zoom , ellipses and more.
Learn how to use the remote presentation tool in Prezi to allow you to harness the power of this cloud based presentation platform. You can show your presentation with a remote audience using this free tool.
Suggested Courses

807 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