En esto Tutorial de photoshop , aprenderemos a crear la ilusión de que una sola foto se muestra como una serie de paneles verticales. Puede parecer complicado, pero como veremos, en realidad es un efecto muy fácil de crear, y muchos de los pasos son simples repeticiones.
Esta versión del tutorial es para Photoshop CS5 y versiones anteriores. Para Photoshop CS6 y CC (Creative Cloud), querrá consultar nuestro versión completamente actualizada .
Aquí está la imagen que usaré para este tutorial:
La imagen original.Y así es como se verá el efecto final de 'fotopaneles verticales':
El resultado final.Cómo crear paneles de fotos verticales
Paso 1: agregue una capa de relleno de color sólido blanco
Con su imagen recién abierta en Photoshop, haga clic en el Nueva capa de ajuste o relleno icono en la parte inferior del panel Capas. Es el ícono que parece un círculo dividido en diagonal entre blanco y negro:
Haga clic en el icono Nuevo Relleno o Capa de Ajuste.Seleccione Color sólido desde la parte superior de la lista de capas de relleno y ajuste que aparece:
Elija una capa de relleno de color sólido de la parte superior de la lista.Photoshop abrirá el Selector de color para que podamos seleccionar con qué color queremos rellenar la capa. Elegir blanco , ya sea haciendo clic en la esquina superior izquierda del cuadro de selección de color grande a la izquierda o ingresando 255 Para el R , GRAMO y B opciones cerca del centro inferior del cuadro de diálogo:
Elija blanco en el Selector de color.Haga clic en Aceptar cuando haya terminado para cerrar el Selector de color. El documento ahora estará lleno de blanco sólido, que servirá como fondo para nuestro efecto:
El documento ahora está lleno de blanco.Si miramos en el panel Capas, vemos la nueva capa de relleno Color sólido, que Photoshop ha denominado Relleno de color 1 , sobre la imagen original en la capa Fondo:
Photoshop coloca la capa de relleno de color sólido sobre la capa de fondo.Paso 2: duplica la capa de fondo
Selecciona el capa de fondo haciendo clic en él en el panel Capas:
Haz clic en la capa Fondo para seleccionarla. Las capas seleccionadas se resaltan en azul.Con la capa Fondo seleccionada, sube a la Capa menú en la barra de menú en la parte superior de la pantalla, elija Nuevo , entonces escoge Capa a través de la copia . O, para una forma más rápida de acceder al mismo comando, presione Control+J (Victoria) / Comando+J (Mac) en su teclado:
Vaya a Capa > Nueva > Capa a través de Copiar.Una copia de la capa Fondo, apropiadamente nombrada Copia de fondo , se añade directamente encima del original:
La capa de copia de fondo se agrega entre la capa de fondo original y la capa de relleno de color sólido.Paso 3: mueva la capa de copia de fondo sobre la capa de relleno de color sólido
Necesitamos mover la capa de copia de fondo sobre la capa de relleno de color sólido, y la forma más rápida y sencilla de hacerlo es con un atajo de teclado. Prensa Ctrl+corchete derecho ( ] ) (Victoria) / Comando+corchete derecho ( ] ) (Mac) en su teclado. Esto saltará la capa seleccionada actualmente (la capa de copia de fondo) sobre la capa directamente encima de ella (la capa de Relleno de color 1), colocando la capa de copia de fondo en la parte superior de la pila de capas:
Presione Ctrl+] (Windows) / Comando+] (Mac) para saltar la capa de copia de fondo sobre la capa de relleno de color sólido.Paso 4: seleccione la herramienta Rectángulo
Selecciona el Herramienta rectangular desde el panel Herramientas:
Seleccione la herramienta Rectángulo.Paso 5: seleccione la opción Formas
Con la herramienta Rectángulo seleccionada, haga clic en el formas en la barra de opciones en la parte superior de la pantalla. Es el ícono de la izquierda en una fila de tres íconos cerca del extremo izquierdo de la barra de opciones:
Seleccione la opción Formas en la barra de opciones.Paso 6: dibuja el primer panel vertical
Con la herramienta Rectángulo en la mano y la opción Formas seleccionada, haga clic dentro del documento y arrastre su primer panel vertical. Vamos a agregar nuestros paneles de izquierda a derecha a lo largo de la imagen, así que dibuje este primer panel en el extremo izquierdo del área que desea mostrar. Por ejemplo, en mi caso, voy a arrastrar mi primer panel en el lado izquierdo de la cara del hombre (no se preocupe por el color del panel):
Arrastrando el primer panel en el lado izquierdo de la imagen.Paso 7: gire el panel ligeramente con transformación libre
Para agregar un poco más de interés visual al efecto, giremos algunos de los paneles para que no aparezcan todos rectos hacia arriba y hacia abajo. Prensa Control+T (Victoria) / Comando+T (Mac) para acceder rápidamente a Photoshop Transformación libre comando, que coloca el cuadro delimitador de Transformación libre y los controladores alrededor del panel. Haga clic en cualquier lugar fuera del panel y, con el botón del mouse aún presionado, arrástrelo para rotarlo. No lo gire demasiado: todo lo que necesitamos es un ligero ángulo. También puede mover el panel para reposicionarlo si lo necesita haciendo clic en cualquier lugar dentro de él y, nuevamente con el botón del mouse aún presionado, arrastrando el panel con el mouse. Aquí, estoy girando el panel ligeramente en sentido contrario a las agujas del reloj. Cuando termines, presiona Ingresar (Victoria) / Devolver (Mac) en su teclado para aceptar el cambio y salir del comando Transformación libre::
Use Transformación libre para rotar y/o mover el panel dentro del documento.Paso 8: mueva la capa de forma debajo de la capa de copia de fondo
Si miramos en el panel Capas, vemos nuestra capa Forma recién agregada (llamada Forma 1 ) sentado encima de la capa de copia de fondo:
La capa Forma actualmente se encuentra en la parte superior de la pila de capas.Necesitamos intercambiar el orden de las dos capas para que la capa Forma aparezca debajo de la capa Copia de fondo, y podemos hacerlo con otro atajo de teclado útil. Con la capa Forma seleccionada, presione Ctrl+corchete izquierdo ( [ ) (Victoria) / Comando+corchete izquierdo ( [ ) (Mac) en su teclado. Esto salta la capa seleccionada actualmente (la capa Forma 1) debajo de la capa directamente debajo de ella (la capa de copia de fondo):
Presione Ctrl+[ (Windows) / Comando+[ (Mac) para mover la capa Forma 1 debajo de la capa Copia de fondo.Paso 9: seleccione la capa de copia de fondo
Una vez más haga clic en el Copia de fondo capa para seleccionarla:
Haga clic en la capa Copia de fondo en la parte superior de la pila de capas para seleccionarla.Paso 10: crea una máscara de recorte
sube a la Capa menú en la parte superior de la pantalla y elija Crear máscara de recorte :
Ve a Capa > Crear máscara de recorte.Esto 'recorta' la imagen en la capa de copia de fondo al panel vertical en la capa de forma directamente debajo de ella, ocultando todo en la capa de copia de fondo excepto el área que se encuentra directamente sobre el panel:
Solo la parte de la imagen que aparece sobre la forma del panel permanece visible en el documento.Si miramos en el panel Capas, vemos que la capa de copia de fondo ahora está sangrada a la derecha, con una pequeña flecha apuntando hacia abajo a la izquierda de la vista previa en miniatura. Esta es la forma en que Photoshop nos dice que la capa está recortada al contenido de la capa debajo de ella:
Una capa con sangría a la derecha significa que está recortada a la capa debajo de ella.Paso 11: agrega una sombra paralela
Agreguemos un par de estilos de capa simples al panel. Primero, haga clic en el Forma 1 capa para seleccionarla:
Haga clic en la capa Forma 1 en el panel Capas para seleccionarla.Luego haga clic en el Estilos de capa icono en la parte inferior del panel Capas:
Haga clic en el icono Estilos de capa.Elegir Sombra paralela de la lista de estilos de capa que aparece:
Elija Sombra paralela de la lista.Esto abre el cuadro de diálogo Estilo de capa de Photoshop configurado con las opciones de Sombra paralela en la columna central. Bajar el Opacidad de la sombra hasta 60% para reducir su intensidad, luego ajuste el Ángulo a 120° . Establezca tanto el Distancia y Tamaño opciones para 10 píxeles, aunque es posible que desee experimentar con diferentes valores para estas dos opciones según el tamaño de la imagen con la que esté trabajando:
Las opciones de Sombra Paralela.Deje el cuadro de diálogo Estilo de capa abierto por el momento porque todavía tenemos un estilo de capa más para agregar. Su panel debería verse similar a esto después de agregar la sombra paralela:
La imagen después de agregar una sombra paralela al primer panel.Paso 12: Agrega un trazo
Con el cuadro de diálogo Estilo de capa aún abierto, haga clic directamente en la palabra Carrera en la parte inferior de la lista a la izquierda del cuadro de diálogo. Asegúrese de hacer clic en la palabra en sí, no solo en la casilla de verificación, de lo contrario no tendrá acceso a las opciones de Trazo:
Haga clic directamente en la palabra Trazo a la izquierda del cuadro de diálogo Estilo de capa.La columna central del cuadro de diálogo Estilo de capa cambiará para mostrar opciones para el trazo. Haga clic en el muestra de color a la derecha de la palabra Color para cambiar el color del trazo:
Haga clic en la muestra de color.Photoshop abrirá el Selector de color una vez más, esta vez para que podamos seleccionar un nuevo color para el trazo que aparecerá alrededor de los bordes del panel. Elegir blanco tal como lo hicimos en el Paso 1, ya sea haciendo clic en la esquina superior izquierda del cuadro de selección de color grande a la izquierda o ingresando 255 Para el R , GRAMO y B valores. Cuando haya terminado, haga clic en Aceptar para cerrar el Selector de color:
Elija blanco en el Selector de color.Finalmente, cambia el Tamaño del trazo a 2 píxeles (es posible que desee utilizar un valor mayor si está trabajando con una imagen más grande), luego cambie el Posición a En el interior , que mantendrá el trazo agradable y nítido en las esquinas del panel:
Establece el Tamaño en 2 px y la Posición en Interior.Haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa. Su panel ahora debería verse similar a esto después de agregar la sombra paralela y el trazo:
El primer panel después de aplicar una sombra paralela y un trazo blanco.Paso 13: seleccione ambas capas a la vez
Con la capa Forma 1 ya seleccionada, mantenga presionada la Cambio clave y haga clic en la capa Copia de fondo encima de ella. Esto seleccionará ambas capas a la vez (ambas aparecerán resaltadas en azul):
Mantenga presionada la tecla Mayús y haga clic en la capa de copia de fondo para seleccionarla y la capa Forma 1.Paso 14: Crear un grupo de capas
Con ambas capas ahora seleccionadas, sube a la Capa menú en la parte superior de la pantalla, elija Nuevo , entonces escoge Grupo de capas :
Ve a Capa > Nueva > Agrupar desde Capas.Photoshop abrirá el cuadro de diálogo Nuevo grupo a partir de capas. Asigne un nombre al nuevo grupo de capas Panel , luego haga clic en Aceptar para cerrar el cuadro de diálogo:
Nombra el nuevo grupo de capas 'Panel'.Photoshop coloca las dos capas dentro de un nuevo grupo de capas llamado Panel. Solo el grupo en sí está visible actualmente en el panel Capas. Las dos capas están ocultas dentro del grupo. Vamos a agregar nuestros paneles de fotos adicionales al documento haciendo copias del grupo:
Las dos capas ahora están dentro de un grupo de capas llamado Panel.Paso 15: duplicar el grupo de capas
Haga clic en el grupo Panel y, con el botón del mouse presionado, arrástrelo hacia abajo al Nueva capa icono en la parte inferior del panel Capas:
Haga clic y arrastre el grupo Panel hacia abajo hasta el icono Nueva capa.Suelte el botón del mouse sobre el icono Nueva capa. Photoshop crea una copia del grupo, lo nombra Copia del panel y lo coloca sobre el grupo Panel original:
Se agrega una copia del grupo Panel encima del original.Paso 16: Mueva la copia debajo del grupo original
Prensa Ctrl+corchete izquierdo ( [ ) (Victoria) / Comando+corchete izquierdo ( [ ) (Mac) para mover la copia del grupo Panel debajo del original:
Presione Ctrl+[ (Windows) / Comando+[ (Mac) para mover el grupo de copia del Panel debajo del original.Paso 17: Abra el grupo de capas
Haga clic en el pequeño triángulo icono a la izquierda de la Copia del panel nombre del grupo. Esto abrirá el grupo, revelando las dos capas en su interior:
Haga clic en el triángulo para abrir el grupo de copia del Panel.Paso 18: seleccione la capa de forma
Haga clic en el Forma 1 capa dentro del grupo para seleccionarlo:
Seleccione la capa Forma 1 dentro del grupo Copiar panel.Paso 19: Mover y rotar la forma con transformación libre
Prensa Control+T (Victoria) / Comando+T (Mac) para mostrar rápidamente el Transformación libre manijas alrededor del segundo panel, luego haga clic en cualquier lugar dentro del panel y arrástrelo hacia la derecha. Al principio, parecerá que solo hay un panel en el documento, ya que el panel original se encuentra directamente encima del segundo, pero tan pronto como comience a arrastrar hacia la derecha, verá que el segundo panel emerge detrás del original. A medida que arrastra el segundo panel a su posición, se revela más parte de la imagen en su interior:
Haga clic dentro del panel y arrástrelo hacia la derecha para revelar más de la imagen.Intente colocar el segundo panel ligeramente más alto o más bajo que el panel original, de nuevo solo para agregar más interés visual. Además, gire el panel en la dirección opuesta haciendo clic en cualquier lugar fuera de él y arrastrándolo con el mouse. Aquí, coloqué mi segundo panel un poco más alto que el primero y lo giré en el sentido de las agujas del reloj. Cuando termines, presiona Ingresar (Victoria) / Devolver (Mac) para aceptar el cambio y salir del comando Transformación libre:
Gire el segundo panel ligeramente en la dirección opuesta.Paso 20: Cerrar el grupo de capas
Necesitamos hacer algunas copias más del grupo de capas para crear los paneles adicionales, así que para evitar que las cosas se llenen demasiado y se confundan en el panel Capas, cierre el grupo de capas cuando haya terminado haciendo clic nuevamente en el triángulo a la izquierda del nombre del grupo:
Cierre el grupo de capas cuando haya terminado para mantener las cosas limpias y organizadas.Paso 21: repita los pasos 15 a 20 para agregar los paneles adicionales
En este punto, agregar los paneles restantes es solo cuestión de repetir los mismos pasos. Primero, duplique el grupo de capas agregado anteriormente (será el grupo más abajo en el panel Capas y también será el resaltado en azul) arrastrándolo hacia abajo en el Nueva capa icono:
Arrastre el grupo de capas más abajo hacia el icono Nueva capa.Una copia del grupo aparecerá directamente encima de él. Aquí, la nueva copia se llama Copia del panel 2. A medida que agregue más paneles, los grupos de capas se llamarán Panel copy 3, Panel copy 4, y así sucesivamente:
Photoshop agrega la copia del grupo de capas directamente encima del original.Prensa Ctrl+corchete izquierdo ( [ ) (Victoria) / Comando+corchete izquierdo ( [ ) (Mac) en su teclado para mover el nuevo grupo debajo de los otros grupos de capas:
Presione Ctrl+[ (Windows) / Comando+[ (Mac) para mover la nueva copia debajo de su original.Abra el grupo de capas haciendo clic en el triángulo a la izquierda de su nombre, luego seleccione el Forma 1 capa dentro del grupo:
Abra el grupo de capas y seleccione la capa Forma 1.Prensa Control+T (Victoria) / Comando+T (Mac) para que aparezca el Transformación libre cuadro y tiradores alrededor del nuevo panel, luego haga clic dentro del panel y arrástrelo hacia la derecha para revelar más de la imagen, colocando el nuevo panel ligeramente por encima o por debajo del anterior. Haga clic fuera del panel y arrastre con el mouse para rotarlo. Prensa Ingresar (Victoria) / Devolver (Mac) cuando haya terminado para salir de Free Transform:
Use Transformación libre para mover y rotar el panel.Finalmente, haga clic en el triángulo icono para cerrar el grupo de capas cuando haya terminado. No necesariamente tiene que cerrar los grupos de capas cada vez, pero es mucho más fácil trabajar dentro del panel Capas con los grupos cerrados:
Haga clic en el triángulo para cerrar el grupo cuando haya terminado.Repita estos mismos pasos para agregar los paneles restantes al documento, ¡y listo! Aquí, después de agregar tres paneles más para revelar el resto de la cara del hombre, está mi resultado final de 'paneles de fotos verticales' (he recortado parte del fondo blanco con la herramienta Recortar):
El resultado final.
