Menú
Inicio
Foros
Nuevos mensajes
Buscar en foros
Novedades
Nuevos mensajes
Nuevos mensajes de perfil
Última actividad
Miembros
Visitantes actuales
Nuevos mensajes de perfil
Buscar mensajes de perfil
Acceder
Registrarse
Novedades
Buscar
Buscar
Buscar sólo en títulos
De:
Nuevos mensajes
Buscar en foros
Menú
Acceder
Registrarse
Install the app
Instalar
Novedades
Foros
Arte, Cultura y Comunicación
Diseño
Cómo hacer una imagen en 3D con Photoshop
JavaScript está desactivado. Para una mejor experiencia, por favor, activa JavaScript en el navegador antes de continuar.
Estás usando un navegador obsoleto. No se pueden mostrar este u otros sitios web correctamente.
Se debe actualizar o usar un
navegador alternativo
.
Responder al tema
Mensaje
<blockquote data-quote="matrux" data-source="post: 1434856" data-attributes="member: 3433"><p style="text-align: center"><strong><span style="font-family: 'Courier New'">Cómo hacer una imagen en 3D con Photoshop</span></strong></p> <p style="text-align: center"></p><p></p><p></p><p style="text-align: center"><span style="font-family: 'Courier New'">Un anaglifo no es un ave mitológica y tampoco es un tipo de escritura mesopotámica: se denomina así a la imagen 3D creada a partir de dos fotografías, entremezcladas para dar la sensación de profundidad si se ven con unas gafas 3D adecuadas. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Esta tecnología dista mucho de ser nueva y, desde luego, también de ofrecer una sensación 3D satisfactoria: los colores se pierden, y con frecuencia deriva en un dolor de cabeza. De todos modos, la simpleza por la que se caracteriza (sólo necesitas una cámara de fotos y unas gafas de cartón con plásticos azules y rojos) la hace ideal para experimentar. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"><img src="http://estaticos.sftcdn.net/blog/es//2011/07/gafas3d.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p><p style="text-align: center"><span style="font-family: 'Courier New'"><img src="http://1.bp.blogspot.com/-CsCTDbBG--w/TfVxXVtUIXI/AAAAAAAAAEw/yDWyCpvASrM/s1600/C24855B3B.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p></p> <p style="text-align: center"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"><strong>¿Qué necesito?</strong> </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Los ingredientes para la receta de hoy son los siguientes: </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Unas gafas 3D clásicas. El estándar de tu país puede ser distinto. Por ejemplo, en España suele ser cristal rojo para el ojo izquierdo, azul cian para el derecho. En otros países prefieren magenta para el ojo derecho, verde para el izquierdo. Nosotros te explicaremos el proceso para el primer tipo de gafas. El proceso para otra configuración será casi el mismo, en cualquier caso, y no te costará adaptarlo. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Una cámara de fotos. Cualquier modelo te servirá. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Un trípode sería bastante recomendable, aunque no imprescindible. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Photoshop. Aunque puedes aplicar la misma técnica a otros programas de edición. </span></p><p style="text-align: center"><span style="font-family: 'Courier New'"><img src="http://1.bp.blogspot.com/-CsCTDbBG--w/TfVxXVtUIXI/AAAAAAAAAEw/yDWyCpvASrM/s1600/C24855B3B.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p></p> <p style="text-align: center"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"><strong>Teoría</strong> </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Tu cerebro recibe las imágenes del exterior desde sus dos "lentes": tu ojo derecho e izquierdo, juntándolas después en una única visión. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"><img src="http://estaticos.sftcdn.net/blog/es//2011/07/ojos.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Puesto que tus ojos se encuentran en lugares distintos, la imagen que llega a cada uno es ligeramente distinta, y es al juntar dicha información cuando percibes la sensación de profundidad. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">En un anaglifo se simulan estas condiciones. Primero, se hace una fotografía de un mismo lugar, pero desde dos puntos distintos. Después, se juntan dichas imágenes en una sola, y mediante el uso del tinte de color, y las gafas, cada ojo aprecia sólo una de las vistas, generando la sensación de profundidad. </span></p><p style="text-align: center"><span style="font-family: 'Courier New'"><img src="http://1.bp.blogspot.com/-CsCTDbBG--w/TfVxXVtUIXI/AAAAAAAAAEw/yDWyCpvASrM/s1600/C24855B3B.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p></p> <p style="text-align: center"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"><strong>Hacer las fotografías</strong> </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Si no has tomado las imágenes de forma correcta, el anaglifo será un fracaso. Lo ideal es tener una cámara en 3D, pues toma las dos vistas exactamente en el mismo momento, a la equidistancia perfecta, pero no es lo común. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Siempre puedes sacar al manitas que llevas dentro y hacerlo con una cámara convencional. En tal caso, ya que no podrás tomar las dos vistas a la vez, asegúrate de que el fondo no se va a mover. Después, el proceso es sencillo. Toma la primera imagen, que se corresponderá con lo que verías con el ojo izquierdo. A continuación, mueve la cámara unos centímetros a la derecha y haz la foto que se corresponderá con el ojo derecho. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"><img src="http://estaticos.sftcdn.net/blog/es//2011/06/fotos.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Es recomendable que tengas un objeto de referencia clara (por ejemplo, una piedra, un árbol...), de modo que después puedas ajustar el anaglifo más fácilmente. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Para que quede más claro, en el tutorial usaremos esta fotografía (trucada), donde el efecto y la diferencia entre los ojos es muy evidente. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"><img src="http://estaticos.sftcdn.net/blog/es//2011/06/fotografias.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p><p style="text-align: center"><span style="font-family: 'Courier New'"><img src="http://1.bp.blogspot.com/-CsCTDbBG--w/TfVxXVtUIXI/AAAAAAAAAEw/yDWyCpvASrM/s1600/C24855B3B.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p></p> <p style="text-align: center"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"><strong>Unirlas en Photoshop</strong> </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Una vez tienes tus fotos, ha llegado el momento de unirlas. Abre ambas imágenes en Photoshop, y ponlas en un mismo documento (cada una en una capa). </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Es decir, abre una de las fotos, cópiala al portapapeles y pégala encima de la otra. Para evitar confusiones, te recomendamos que renombres las capas de acuerdo al ojo que representan (izquierdo y derecho). </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Salvo que tu toma haya sido perfecta, el siguiente punto es ajustar las fotografías, es decir, corregir cualquier diferencia de rotación o posición. Para ello puedes cambiar la opacidad de la capa que esté arriba al 50%, y después mueve las capas hasta que el objeto de referencia esté en el mismo lugar. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Obviamente, no tienes que ajustarlo todo: habrá partes que no coincidan (ahí radica la gracia), pero al menos alguna debería. En el caso de mi fotografía, he ajustado el árbol y el fondo. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"><img src="http://estaticos.sftcdn.net/blog/es//2011/06/capas.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"><img src="http://estaticos.sftcdn.net/blog/es//2011/06/imagen-ajustada.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">La siguiente parte es la más importante. Tras ajustar las capas, restablece su opacidad al 100%, y coloca la capa izquierda sobre la derecha. Después, selecciona la capa derecha y presiona Control + L (niveles). </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Aquí debes cambiar dos cosas. Primero, selecciona Rojo en la lista desplegable. Después, cambia el 255 de los niveles de salida, a 0. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"><img src="http://estaticos.sftcdn.net/blog/es//2011/06/Canal-rojo.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Ahora, selecciona la capa izquierda y presiona Control + L. Deberás repetir el mismo proceso anterior, pero con los canales verde y azul. Es decir, selecciona Verde en el desplegable y cambia el nivel de salida a 0. Acto seguido, elige Azul en el desplegable y cambia también su valor de salida a 0. Presiona Aceptar y tus capas deberán tener el siguiente aspecto. </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"><img src="http://estaticos.sftcdn.net/blog/es//2011/06/capas-izq-y-der.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'">Lo único que queda es que se muestren a la vez. ¿Cómo? Muy fácil, ajusta el modo de fusión de la capa superior a Trama (Screen). </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"></span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"><strong>El resultado:</strong> </span></p> <p style="text-align: center"><span style="font-family: 'Courier New'"><img src="http://estaticos.sftcdn.net/blog/es//2011/06/resultado.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></p> <p style="text-align: center"></p></blockquote><p></p>
[QUOTE="matrux, post: 1434856, member: 3433"] [CENTER][B][FONT=Courier New]Cómo hacer una imagen en 3D con Photoshop[/FONT][/B] [/CENTER] [CENTER][FONT=Courier New]Un anaglifo no es un ave mitológica y tampoco es un tipo de escritura mesopotámica: se denomina así a la imagen 3D creada a partir de dos fotografías, entremezcladas para dar la sensación de profundidad si se ven con unas gafas 3D adecuadas. Esta tecnología dista mucho de ser nueva y, desde luego, también de ofrecer una sensación 3D satisfactoria: los colores se pierden, y con frecuencia deriva en un dolor de cabeza. De todos modos, la simpleza por la que se caracteriza (sólo necesitas una cámara de fotos y unas gafas de cartón con plásticos azules y rojos) la hace ideal para experimentar. [IMG]http://estaticos.sftcdn.net/blog/es//2011/07/gafas3d.jpg[/IMG] [CENTER][IMG]http://1.bp.blogspot.com/-CsCTDbBG--w/TfVxXVtUIXI/AAAAAAAAAEw/yDWyCpvASrM/s1600/C24855B3B.png[/IMG][/CENTER] [B]¿Qué necesito?[/B] Los ingredientes para la receta de hoy son los siguientes: Unas gafas 3D clásicas. El estándar de tu país puede ser distinto. Por ejemplo, en España suele ser cristal rojo para el ojo izquierdo, azul cian para el derecho. En otros países prefieren magenta para el ojo derecho, verde para el izquierdo. Nosotros te explicaremos el proceso para el primer tipo de gafas. El proceso para otra configuración será casi el mismo, en cualquier caso, y no te costará adaptarlo. Una cámara de fotos. Cualquier modelo te servirá. Un trípode sería bastante recomendable, aunque no imprescindible. Photoshop. Aunque puedes aplicar la misma técnica a otros programas de edición. [CENTER][IMG]http://1.bp.blogspot.com/-CsCTDbBG--w/TfVxXVtUIXI/AAAAAAAAAEw/yDWyCpvASrM/s1600/C24855B3B.png[/IMG][/CENTER] [B]Teoría[/B] Tu cerebro recibe las imágenes del exterior desde sus dos "lentes": tu ojo derecho e izquierdo, juntándolas después en una única visión. [IMG]http://estaticos.sftcdn.net/blog/es//2011/07/ojos.jpg[/IMG] Puesto que tus ojos se encuentran en lugares distintos, la imagen que llega a cada uno es ligeramente distinta, y es al juntar dicha información cuando percibes la sensación de profundidad. En un anaglifo se simulan estas condiciones. Primero, se hace una fotografía de un mismo lugar, pero desde dos puntos distintos. Después, se juntan dichas imágenes en una sola, y mediante el uso del tinte de color, y las gafas, cada ojo aprecia sólo una de las vistas, generando la sensación de profundidad. [CENTER][IMG]http://1.bp.blogspot.com/-CsCTDbBG--w/TfVxXVtUIXI/AAAAAAAAAEw/yDWyCpvASrM/s1600/C24855B3B.png[/IMG][/CENTER] [B]Hacer las fotografías[/B] Si no has tomado las imágenes de forma correcta, el anaglifo será un fracaso. Lo ideal es tener una cámara en 3D, pues toma las dos vistas exactamente en el mismo momento, a la equidistancia perfecta, pero no es lo común. Siempre puedes sacar al manitas que llevas dentro y hacerlo con una cámara convencional. En tal caso, ya que no podrás tomar las dos vistas a la vez, asegúrate de que el fondo no se va a mover. Después, el proceso es sencillo. Toma la primera imagen, que se corresponderá con lo que verías con el ojo izquierdo. A continuación, mueve la cámara unos centímetros a la derecha y haz la foto que se corresponderá con el ojo derecho. [IMG]http://estaticos.sftcdn.net/blog/es//2011/06/fotos.jpg[/IMG] Es recomendable que tengas un objeto de referencia clara (por ejemplo, una piedra, un árbol...), de modo que después puedas ajustar el anaglifo más fácilmente. Para que quede más claro, en el tutorial usaremos esta fotografía (trucada), donde el efecto y la diferencia entre los ojos es muy evidente. [IMG]http://estaticos.sftcdn.net/blog/es//2011/06/fotografias.jpg[/IMG] [CENTER][IMG]http://1.bp.blogspot.com/-CsCTDbBG--w/TfVxXVtUIXI/AAAAAAAAAEw/yDWyCpvASrM/s1600/C24855B3B.png[/IMG][/CENTER] [B]Unirlas en Photoshop[/B] Una vez tienes tus fotos, ha llegado el momento de unirlas. Abre ambas imágenes en Photoshop, y ponlas en un mismo documento (cada una en una capa). Es decir, abre una de las fotos, cópiala al portapapeles y pégala encima de la otra. Para evitar confusiones, te recomendamos que renombres las capas de acuerdo al ojo que representan (izquierdo y derecho). Salvo que tu toma haya sido perfecta, el siguiente punto es ajustar las fotografías, es decir, corregir cualquier diferencia de rotación o posición. Para ello puedes cambiar la opacidad de la capa que esté arriba al 50%, y después mueve las capas hasta que el objeto de referencia esté en el mismo lugar. Obviamente, no tienes que ajustarlo todo: habrá partes que no coincidan (ahí radica la gracia), pero al menos alguna debería. En el caso de mi fotografía, he ajustado el árbol y el fondo. [IMG]http://estaticos.sftcdn.net/blog/es//2011/06/capas.png[/IMG] [IMG]http://estaticos.sftcdn.net/blog/es//2011/06/imagen-ajustada.jpg[/IMG] La siguiente parte es la más importante. Tras ajustar las capas, restablece su opacidad al 100%, y coloca la capa izquierda sobre la derecha. Después, selecciona la capa derecha y presiona Control + L (niveles). Aquí debes cambiar dos cosas. Primero, selecciona Rojo en la lista desplegable. Después, cambia el 255 de los niveles de salida, a 0. [IMG]http://estaticos.sftcdn.net/blog/es//2011/06/Canal-rojo.png[/IMG] Ahora, selecciona la capa izquierda y presiona Control + L. Deberás repetir el mismo proceso anterior, pero con los canales verde y azul. Es decir, selecciona Verde en el desplegable y cambia el nivel de salida a 0. Acto seguido, elige Azul en el desplegable y cambia también su valor de salida a 0. Presiona Aceptar y tus capas deberán tener el siguiente aspecto. [IMG]http://estaticos.sftcdn.net/blog/es//2011/06/capas-izq-y-der.png[/IMG] Lo único que queda es que se muestren a la vez. ¿Cómo? Muy fácil, ajusta el modo de fusión de la capa superior a Trama (Screen). [B]El resultado:[/B] [IMG]http://estaticos.sftcdn.net/blog/es//2011/06/resultado.png[/IMG][/FONT] [/CENTER] [/QUOTE]
Verificación
Responder
Novedades
Foros
Arte, Cultura y Comunicación
Diseño
Cómo hacer una imagen en 3D con Photoshop
Arriba