A partir de las imágenes de Apple Web 2.0 "refleja" inundado Intrenet. Se abusa a menudo, sin embargo, son siempre impresionantes. Sabe cómo hacer un buen negocio no es complicado y, con un Pizzoc de la imaginación, puede hacer que sea menos "evidentes" y "descuento" ... si usted no puede prescindir.
Los fundamentos de la SLR
En primer lugar vamos a ver cómo configurar una reflexión básica. La base técnica para el establecimiento de un reflejo, al menos mi favorito y yo uso todo el tiempo, es la aplicación simple y rápida. Este método permite la máxima libertad para hacer cambios más adelante, y mantiene la transparencia en el caso de que desee guardar la imagen en PNG 24 con la transparencia.
1. Phosotoshop Como siempre, abrir y cargar la imagen que queremos reflejar en una capa específica
2. Duplicar nuestra capa (arrastrar el icono de la capa de duplicar
) Y nominiamolo "sombra" o "reflejo"
3. Desde el menú "Editar" seleccione "Transformar" / "Voltear vertical"
4. Arrastre la nueva capa "reflejo" de debajo de la capa original y la base de la capa original spostiamolo
5. Seleccionamos la capa "reflejo" y manteniendo presionada la tecla ALT, añadir una máscara haciendo clic en el icono
"Las máscaras" en la capa de ventana de la herramienta, la capa "reflejo" debe desaparecer
6. Seleccionamos la máscara en la capa "reflejo" y haga clic en
Relleno
7. Hemos creado un degradado de negro o de blanco a transparente: 
8. Dibuja el gradiente desde el centro de la capa original en la capa media del "reflejo"
Continuación ...
En el puesto de Flash CS3: Crear un efecto de reflejo en cualquier MovieClip hemos visto cómo se puede escribir una clase que amplíe MovieClip, para conectarlo a designtime a cualquier MovieClip en la biblioteca. Descubrí, sin embargo, que puede ser la ruta más útil y económico para el contrario. He creado una clase Reflex ( Reflex.as ), con la intención de usarlo exclusivamente por el código. He creado esta forma de pensar de la clase al mover el puntero en el constructor de un clip de película. , ma leggermente modificato in modo da poter funzionare espressamente da codice: La nueva clase de Reflex contiene esencialmente el mismo código insertado en la primera ReflexMe , pero ligeramente modificada con el fin de trabajar específicamente por el código:
1 2 3 4
| / / sfx .*; importaciones undolibrary * sfx..; / / Reflex = new Reflex ( movieClipInstance ) ; var rx: = new Reflex Reflex (movieClipInstance); |
Continuación ...
Tomando ventaja de una característica notable de ActionScript 3.0 (ver ActionScript 3.0, todos con el nuevo operador ) he creado un ReflexMe clase capaz de generar un efecto "reflejo" en cualquier MovieClip presentes en la biblioteca.
La fuente es parte del paquete de undolibrary - googlecode de esto - pero si lo desea, puede descargar el archivo solo ReflexMe.as .
Continuación ...
El autor de esta biblioteca es el mismo reflejo discreto ( SLR 1.1: añadir efecto de reflejo a las imágenes ). Esta vez se ofrece un bonito efecto de "curl" (rizo) imágenes fotoconductor en distintas opciones, incluyendo la animación de enriquecimiento de flotar en el borde de la imagen. La técnica utilizada es siempre la de CANVAS utilizado en todos los scripts disponibles en el sitio . Curl para descargar el script , haga clic aquí .
Continuación ...
Nueva versión 1.1 de Javascript biblioteca SLR con la que podrás añadir efectos a las imágenes de la reflexión. La ventaja de usar esta técnica "no intrusivos" es la velocidad con la que podrás añadir estos efectos sin tener que gastar tiempo en realidad en la creación de la imagen de la reflexión.
Esta versión ha sido probado en Mozilla Firefox 1.5 +, Opera 9 +, Safari y IE6. El tamaño mínimo de apoyo de una imagen es de 32 × 32. Una vez libreiria incluyendo:
1
| "text/javascript" src = "reflex.js" >< / script > < script de type = "text / javascript" src = "reflex.js"> </ script de > |
Sólo tienes que introducir class = "reflejo" en las imágenes que queremos aplicar este efecto. Mediante la explotación de las propiedades de la clase, puede manipular los efectos de la reflexión, lo que hace que esta biblioteca muy especial. Puede, de hecho, distorsionar la imagen añadiendo efectos 3D. Por ejemplo, aquí es cómo agregar varias funciones rilfessione:
1
| "reflex idistance16 iborder2 iheight24" width = "200" alt = "" src = "images/example.jpg" / > < img class = "reflejo idistance16 iborder2 iheight24" width = "200" alt = "" src = "images / ejemplo.jpg" /> |
Para más detalles ver la documentación oficial .
En el mismo sitio se puede descargar de muchos otros efectos tales como borde, esquina, brillante y muchos otros, todos ellos dedicados a las imágenes.
Continuación ...
Últimos Comentarios
Simon : Se molesta perturbado de nuevo y utilizar ese espacio para estas cosas ... sin embargo, no funciona ...
Giovambattista Fazioli : @ Simon: ¿qué puede ser debido a la sintaxis que utiliza, específicamente para PHP 5 +,...
Simon : He probado la noche anterior poner todo en functions.php, formas bien, jQuery, y las fichas que jQueryUI ...
Giovambattista Fazioli : @ Simon: Yo recomiendo la limpieza de ingresar un código como el de ...
Simon : @ Giovambattista Fazioli: Gracias por su paciencia, todo está claro ... ahora me siento ahora, ...