Efecto de salto de pantalla en Photoshop

Efecto de salto de pantalla en Photoshop
Index
  1. Cómo se crea un efecto de salto de pantalla
    1. Paso 1: seleccione la pantalla
    2. Paso 2: abra la foto que aparecerá en la pantalla
    3. Paso 3: copie la imagen al portapapeles
    4. Paso 5: desactive la máscara de capa
    5. Paso 6: reduzca la opacidad de la capa
    6. Paso 7: cambie el tamaño y cambie la imagen con transformación libre
    7. Paso 8: seleccione las áreas que se extenderán fuera de la pantalla
    8. Paso 9: vuelva a activar la máscara de capa y vuelva a establecer la opacidad al 100%
    9. Paso 10: seleccione la máscara de capa
    10. Paso 11: rellene las selecciones de blanco

Cómo se crea un efecto de salto de pantalla

Paso 1: seleccione la pantalla

Abra la imagen de un televisor o de otro dispositivo de visualización similar. A continuación la imagen que utilizaré:

Pantalla de televisión ..

Cualquier dispositivo con pantalla (televisor, monitor, teléfono móvil, etc.) funcionará.

Debemos seleccionar la propia pantalla, ya que es en esta zona donde colocaremos la segunda foto. La pantalla de la televisión no se compone más que de cuatro lados rectos, por lo que la de Photoshop Herramienta de lazo poligonal facilitará las cosas. El seleccionaré el panel Herramientas. Por defecto, se esconde detrás del estándar Herramienta de lazo, Pues, haré clic en la herramienta Lasso y mantendré pulsado el botón del ratón hasta que aparezca un menú desplegable, y después seleccionaré la herramienta poligonal de lazo de la lista:

Seleccione la herramienta de lazo poligonal en el panel Herramientas.

La herramienta Lazo poligonal es ideal para seleccionar formas de cara recta.

Luego, con la herramienta seleccionada, todo lo que tengo que hacer para seleccionar la pantalla del televisor es hacer clic una vez en cada esquina. Haga clic primero en el extremo superior izquierdo de la pantalla, luego en la parte superior derecha, abajo en la parte inferior derecha y luego en la parte inferior izquierda. Finalmente, para cerrar la selección, volveré a hacer clic en el extremo superior izquierdo donde empecé. Cuando termine, aparece un esquema de selección a los bordes de la pantalla:

Aparece un esquema de selección alrededor de la pantalla del televisor.

Haga clic en cada esquina de la pantalla en sentido horario y vuelva a la esquina original para cerrar la selección.

Paso 2: abra la foto que aparecerá en la pantalla

Ahora que tenemos la pantalla seleccionada, abra la imagen que aparecerá en su interior. La imagen se abrirá en una ventana de documento independiente. Aquí tenéis la foto que utilizaré:

Una carrera de motos acuáticas en el agua. Imagen con licencia de iStockphoto para Photoshop Essentials.com.

Las fotos de acción funcionan mejor con este efecto.

Paso 3: copie la imagen al portapapeles

pulse Ctrl + A (Win) / Orden + A (Mac) en el teclado para seleccionar rápidamente toda la imagen. A su alrededor aparecerá un esquema de selección. A continuación, pulse Ctrl + C (Win) / Orden + C (Mac) para copiar la imagen al portapapeles.

Paso 4: pegue la foto en la pantalla

Vuelva a la ventana del documento que contiene la pantalla del televisor (o la pantalla que utilice). Pegaremos la segunda foto a la selección que creamos. Si utiliza Photoshop CS5 como yo, vaya al editar en la barra de menús de la parte superior de la pantalla, seleccione Pega especialy, a continuación, elija Pega a:

FILE Como reflejar una imagen en Photoshop

Elegir el orden Pegar en el menú Edición de Photoshop.

El elemento del menú Pegar especial es nuevo en Photoshop CS5.

Si utiliza Photoshop CS4 o versiones anteriores, simplemente vaya a editar menú y elección Pega a. Photoshop pega la segunda foto directamente en la pantalla:

La segunda foto aparece en la pantalla del televisor.

La imagen aparece ahora en la televisión.

Si miramos el panel Capas, vemos que Photoshop ha añadido la segunda foto en una nueva capa por encima de la imagen del televisor a la capa Fondo. También vemos que Photoshop utilizó nuestro esquema de selección para definir un layer mask para la imagen, por lo que sólo es visible en la pantalla del televisor, aunque el tamaño real de la imagen es mayor que la superficie de la pantalla. El área blanca de la miniatura de previsualización de la máscara de capa representa el área de la ventana del documento donde es visible la imagen, mientras que la zona negra que le rodea es donde se esconde la imagen:

La foto aparece en una nueva capa en el panel Capas.

La imagen se añade a una nueva capa, con una máscara de capa.

Paso 5: desactive la máscara de capa

Mantenga pulsado su Maj y haga clic directamente en el botón miniatura de vista previa de la máscara de capa el panel Capas:

Haciendo clic en la miniatura de vista previa de la máscara de capa.

una «X» roja grande en la miniatura de previsualización significa que la máscara de capa está desactivada actualmente.

Esto desactivará temporalmente la máscara de capa, lo que nos permitirá ver toda la imagen en la ventana del documento. El televisor se esconde detrás de la foto:

La segunda foto aparece ahora ante el televisor.

Con la máscara de capa desactivada, la segunda imagen aparece delante del televisor.

Paso 6: reduzca la opacidad de la capa

En un momento, volveremos a situar la imagen exactamente donde la necesitamos frente al televisor. Por supuesto, sería útil si pudiéramos ver la televisión mientras lo hacemos, así que reducimos la opacidad de la capa. Encontrará el opacity en la parte superior del panel Capas. Por defecto, se establece al 100%. Descargue el alrededor del 60%:

La opción de la opacidad de la capa en el panel Capas del Photoshop.

La opción Opacidad controla el nivel de transparencia de la capa.

Con la opacidad reducida, el televisor se hace visible a través de la foto que hay delante:

El televisor ahora es visible a través de la imagen superior.

Ahora podemos mover fácilmente la foto exactamente donde la queremos delante de la pantalla.

Paso 7: cambie el tamaño y cambie la imagen con transformación libre

pulse Ctrl + T (Win) / Orden + T (Mac) en el teclado para mostrar rápidamente Photoshop transformación libre caja y mangos alrededor de la imagen y, a continuación, mueva la o cámbiela de tamaño según sea necesario para que aparezca donde quiera delante de la pantalla. Para mover la imagen, haga clic en cualquier lugar dentro de los límites del cuadro Transformación libre y, manteniendo pulsado el botón del ratón, arrastre la imagen dentro del documento. Sin embargo, no haga clic en el símbolo objetivo pequeño que hay en el centro, sino que moverá el símbolo objetivo y no la imagen. Para cambiar el tamaño de la imagen, mantenga pulsado el botón Maj y arrastre cualquiera de los archivos asas de esquina (Las casillas). Si mantiene pulsada la tecla Mayús mientras arrastra, la forma de la imagen restringirá la imagen, por lo que no la tuerce ni tuerce mientras cambia el tamaño.

FILE Efectos de Photoshop - Rellenar una foto con más fotos

En mi caso, haré que mi imagen sea un poco más grande, de manera que más parte de la cabeza del esquiador esté situado sobre la pantalla del televisor y la parte frontal de la motos acuáticas extienda por el lado derecho de la pantalla. Estas son las dos áreas que utilizaré en un momento para crear la ilusión de que la moto acuática salta de la televisión. Cuando haya terminado, pulse entra (Win) / vuelve (Mac) para aceptar los cambios y salir del orden Transformación libre:

Mover y cambiar el tamaño de la imagen con Free Transform a Photoshop ..

Utilice Transformación gratuita para mover y cambiar el tamaño de la imagen a su posición frente a la pantalla.

Paso 8: seleccione las áreas que se extenderán fuera de la pantalla

Utilice la herramienta de selección preferida (Herramienta de lazo, Herramienta de pluma, Etc) para seleccionar las áreas de la imagen que se extenderán más allá de los límites de la pantalla. Como he mencionado, querré que la parte superior de la motos acuáticas y la parte delantera de la motos acuáticas aparezcan como si estuvieran saliendo del televisor, por lo que tengo que seleccionar estas dos zonas. No es necesario seleccionar nada que ya se adapte a la pantalla, ya que la máscara de capa ya incluye estas áreas. Todo lo que tenemos que seleccionar son las áreas que se extenderán más allá. Cuando haya terminado, debería ver los esquemas de selección de las áreas:

Seleccionando las áreas que aparecerán fuera de la pantalla ..

Ahora se selecciona la parte superior del esquiador y la parte delantera del esquí.

Paso 9: vuelva a activar la máscara de capa y vuelva a establecer la opacidad al 100%

Mantenga pulsado su Maj una vez más y haga clic en la tecla miniatura de vista previa de la máscara de capa el panel Capas para volver a activar la máscara de capa. A continuación, cambie el archivo opacity de la capa de nuevo a 100%:

FILE Añadir un patrón de filigrana de derechos de autor a una imagen con Photoshop

Volver a activar la máscara de capa y restablecer la opacidad al 100% ..

Vuelva a activar la máscara de capa y restablezca la opacidad al 100%.

La imagen volverá a aparecer dentro de los límites de la pantalla y sólo quedarán los contornos de las áreas que acabamos de seleccionar:

La imagen después de encender la máscara de capa y restablecer la opacidad al 100% ..

Las áreas que acabamos de seleccionar quedarán ocultas temporalmente de la vista, pero se mantienen los esquemas de selección.

Paso 10: seleccione la máscara de capa

Añadiremos nuestras selecciones en la máscara de capa. Para hacerlo, primero necesitaremos la máscara de capa seleccionada, por lo que haga clic en su miniatura de previsualización en el panel Capas para seleccionarla (no es necesario que pulse la tecla Mayús esta vez). Aparecerá un borde blanco de resaltado alrededor de la miniatura para haceros saber que la máscara está seleccionada:

Selección de la máscara de capa en el panel Capas ..

Haga clic en la miniatura de previsualización para seleccionar la máscara de capa.

Paso 11: rellene las selecciones de blanco

sube al editar en la parte superior de la pantalla y elija rellenar mando:

Vaya a Editar> Rellena ..» width =»263″ height =»134″ src =»https://tutorialesphotoshop.com/wp-content/uploads/2020/11/1604300580_156_Efecto-de-salto-de-pantalla-en-Photoshop.gif»/><noscript><img loading=

Establezca la opción «Usar» a Blanco.

Haga clic en Aceptar para salir del cuadro de diálogo Rellenar y Photoshop rellena de blanco las áreas seleccionadas de la máscara de capa. pulse Ctrl + D (Win) / Orden + D (Mac) para eliminar los esquemas de selección, ya que sabemos que ya no los necesitan. Si volvemos a mirar la miniatura de previsualización de la máscara de capa, podemos ver las nuevas áreas que hemos llenado de blanco que se extienden fuera de la forma original de la pantalla:

Se han añadido nuevas zonas de blanco en la máscara de capa ..

Rellenando las selecciones con blanco, se ha modificado la máscara de capa.

Con las áreas ahora blancas en la máscara de capa, estas áreas de la imagen aparecen visibles en el documento, dándonos nuestro efecto de «salto de pantalla»:

Efecto de salto de pantalla de Photoshop ..

El resultado final.

Go up

We use our own and third party cookies to improve the user experience. More Informaticon