Buscar este blog

17 ene 2012

Tutorial de cómo crear una esfera vidriosa

Para aquellos que disfrutan haciendo íconos ya sea para personalizar sus escritorios o incluirlos en una pieza gráfica, acá les dejo un entretenido y fácil tutorial llamado
"How to create Simple Glassy Ball"

Está en inglés pero es fácil, didactico! Que se entretengan!

Here I want to show you how to create simple glassy Mac OS X related ball using Photoshop.
1
Photoshop Yellow ball1. First we must create circle with gradient. It must be complex, of minimum 3 color points.
  • Select Ellipse Tool and holding down Shift draw circle
  • In Layers window press Add A Layer Style and select Gradient Overlay
  • Click on gradient to edit it
  • Create few points with colors similar to this
gradient


Yellow round2. We put our ball on white surface, so it must be shined by environment.
  • Add A Layer Style -> Inner Glow
Yellow inner glow
3. Creating main light reflection. If our ball is made from glass, it must reflect source of light without blur and reflection must have clear border. Like it is in Mac OS X interace and some icons.
  • Yellow Circle Create Ellipse
  • In Layers window press Add A Layer Mask Yellow Glassy Ball
  • Select Mask by clicking on Layer Mask Thumbnail (in Tools window Background and Foreground colors will change on black and white, because mask can be only in grayscale mode. More black - more transparency)
  • Select Gradient Tool
  • Choose Radial Gradient
  • Drag over the shape to create gradient mask. Remember that borders must be visible, so you must drag mouse next it.
Yellow Glassy Ball
4
4. Shadow. To create shadow we will use also shape with radial gradient.
  • Create circle (shadow must be of ball's color, because it is transparent)
  • Add Mask
  • Create radial gradient mask like this
  • Deselect mask by clicking on Vector Mask Thumbnail
  • Transform it to make something like this (Cmd+T)
shadow
Yellow Glassy Ball5. Creating caustic.
  • Duplicate layer
  • Change its color on light-yellow
  • Transform to make it much smaller
Glassy Mac OS X ball result6. To Make our ball much realistic, we must add reflection of white surface.
  • Duplicate first circle
  • Right mouse button on layer -> Clear Layer Style
  • Double click on Layer Thumbnail
  • Change color to white
  • Select Vector Mask Thumbnail
  • Draw one more ellipse holding Alt to make new shape Subtractive
  • Add Layer Mask
  • Make radial gradient in layer mask
How to create Glassy Ball in Photoshop - Yellow Smile
reflection
Here you can download psd source (72kB) >>

Si quieres información sobre gráfica o andas en búsqueda de tutoriales, mándanos un mail!
o visita nuestros sitio www.thielediseno.cl
Diseño Web, Gráfico Editorial, Publicidad y Marketing

No hay comentarios:

Publicar un comentario