A partir de las imágenes de Apple Web 2.0 "se refleja" han inundado Intrenet. A menudo son maltratados, sin embargo, siempre con gran éxito. Saber cómo hacer bien, no es tarea complicada, y con un pizzoco de la imaginación, usted puede hacer que sea menos "evidentes" y "descuento" ... si realmente no se puede prescindir.
Los fundamentos de Cámaras Réflex
En primer lugar vamos a ver cómo configurar una reflexión básica. La técnica para establecer una base de reflexión, al menos que yo prefiero, y que el uso continuo, es la implementación sencilla y rápida. Este método permite la libertad de las modificaciones posteriores y mantiene la transparencia en caso de que desee guardar la imagen en PNG 24 con la transparencia.
1. Phosotoshop Como siempre abrir y cargar la imagen que desea reflejar en una capa separada
2. Duplicar nuestra capa (arrastre la capa al icono duplicado
) Y cambiarle el nombre "sombra" o "reflejo"
3. En el menú "Editar", seleccione "Transformar" / "Flip Vertical"
4. Arrastre la nueva capa "reflejo" y vamos a pasar por debajo de la capa original en la base de la capa original
5. Seleccionamos la capa "Reflejo", mantenga presionada la tecla ALT, añadimos una máscara haciendo clic en el icono
"Mask" en la capa de ventana de la herramienta, la capa "reflejo" debe desaparecer
6. Seleccionamos la máscara de capa en el "reflejo" y haga clic en
relleno
. 7 's Establecer un degradado de negro a blanco o transparente: 
8. Dibuje el gradiente desde el centro de la capa original en el medio de la capa de "reflejo"
Continuación ...
En el post Flash CS3: Crear un efecto de reflejo en cualquier MovieClip habían visto cómo se puede escribir una clase que amplía un clip de película, para conectarse a DesignTime a cualquier clip de película en la biblioteca. He descubierto, sin embargo, que puede ser más útil y económico para hacer el camino opuesto. He creado una clase Reflex ( Reflex.as ), con la intención de utilizarlo exclusivamente de código. He creado esta clase en el pensamiento constructor de mover el puntero a un clip de película. , ma leggermente modificato in modo da poter funzionare espressamente da codice: La nueva clase Reflex contiene esencialmente el mismo código antes de insertarse en ReflexMe , pero ligeramente modificado con el fin de trabajar expresamente Código:
1 2 3 4
| / / sfx .*; importación undolibrary sfx *..; / / Reflex = new Reflex ( movieClipInstance ) ; var rx: = new Reflex Reflex (movieClipInstance); |
Continuación ...
Aprovechando 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 una "reflexión" de cualquier MovieClip presente en la biblioteca.
La fuente es parte del paquete undolibrary - GoogleCode en esto - pero si lo desea, puede descargar los archivos individuales ReflexMe.as .
Continuación ...
El autor de esta biblioteca es la misma que refleja discreto ( SLR 1.1: añadir efecto de reflejo a las imágenes ). Esta vez tiene un buen efecto de "rizado" (rizo) en las imágenes Fotoconductor varias opciones, incluyendo la animación volante flotar en el borde de la imagen. La técnica utilizada es la de siempre LONA utilizado en todas las secuencias de comandos disponibles en el sitio . Para descargar el script de rizo clic aquí .
Continuación ...
Nueva versión 1.1 de la biblioteca de JavaScript Reflex con el que podrás añadir efectos de reflexión a las imágenes. La ventaja de utilizar esta técnica "no invasiva", es la velocidad con la que se puede añadir estos efectos sin tener que gastar tiempo en darse cuenta de la realidad, la reflexión.
Esta versión se ha probado en Mozilla Firefox 1.5 +, Opera 9 +, Safari e Internet Explorer 6. El tamaño mínimo soportado de la imagen es de 32 × 32. Una vez libreiria incluyendo:
1
| "text/javascript" src = "reflex.js" >< / script > < guión type = "text / javascript" src = "reflex.js"> </ script de > |
Simplemente introduzca class = "reflejo" en las imágenes en las que queremos aplicar este efecto. Aprovechando las propiedades de la clase, puede manipular los efectos de reflexión, lo que hace que la librería muy especial. Es posible, de hecho, también distorsionar la imagen mediante la adición de efectos 3D. Por ejemplo, aquí está cómo agregar varias funciones para rilfessione:
1
| "reflex idistance16 iborder2 iheight24" width = "200" alt = "" src = "images/example.jpg" / > < img class = "reflejo idistance16 iborder2 iheight24" width = alt "200" = "" src = "images / example.jpg" /> |
Para más detalles ver la documentación en el sitio web oficial .
En el mismo sitio se puede descargar muchos otros efectos tales como Edge, Corner, brillante y muchos más, todos ellos dedicados a las imágenes.
Continuación ...
Últimos Comentarios
Giovambattista Fazioli : @ ale: Como se muestra @ Kevin ver en GitHub repo: https://github.com/gfazioli/Ch roma-Key
Giovambattista Fazioli : @ Kevin: Ver https://github.com/gfazioli/Ch roma-Key
Kevin : Muy buen ejemplo - le gustaría ver el fla también.!
Ludovica : Hello! Voy a explicar mi duda. Cuando escribo un post no añadir imágenes en el artículo (si es así ...
Marco : hola @ Giovan Battista Fazioli, da las gracias por todas las explicaciones de esta guía excelente. Tengo una pregunta para ...