Different technique can be used to create the visual depth. For example, by assimilating the banner background with the page background (color), the banner can appear to be a part of the larger stage on screen.
720x350
600+600+60 x 300+50
Showing posts with label layout. Show all posts
Showing posts with label layout. Show all posts
Saturday, September 27, 2008
3D Banner Layout
Our unique 3D illusion banner style is to contrast the center web page as the foreground object using additional transparent banner layers in between. The layers stacking on top of each other provides the Z-axis visually.
Different technique can be used to create the visual depth. For example, by assimilating the banner background with the page background (color), the banner can appear to be a part of the larger stage on screen.
720x350
600+600+60 x 300+50
Different technique can be used to create the visual depth. For example, by assimilating the banner background with the page background (color), the banner can appear to be a part of the larger stage on screen.
720x350
600+600+60 x 300+50
Friday, September 26, 2008
Iconic - Cut Style SOP
Iconic-Cut
to re-skin a 3D icon (mask) object
to re-skin a 3D icon (mask) object
- prepare a display panel - reshape/reconstruct the panel dimension to fit 720x350 , please refer to the Operation_Fireworks_Display_Panel tutorial.
- select the (screen) "display area", by increasing the tolerance until the marque covers the entire (gradient) display area. apply a 50% alpha on the original display color.
- for 3D icon mask do not apply alpha
- cut the bg image smaller than the display area in order to reveal more attributes of the 2D icon, such as leaf, flower, or woodgrain. apply a 30% alpha to let the 3D icon contour come out.
- copy the bg image and paste it inside the (mask) icon.
Subscribe to:
Posts (Atom)