Bienvenido a este tutorial de Photoshop donde aprenderás a crear el efecto de fuera de bordes o fuera de fotografía, es relativamente sencillo el proceso así que lo más seguro es que sigas sin problemas el tutorial.
1.- Empieza creando una nueva capa.
![crear nueva capa](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-01.jpg)
![capa nueva creada](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-02.jpg)
2.- Asegúrate que tengas los colores por defecto (Negra y Blanco), selecciona la herramienta de degradado y checas que tengas en degradado lineal.
![colores por defecto](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-03.jpg)
![herramienta degradado](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-04.jpg)
3.- Da click y arrastra de un extremo a otro para crear el degradado.
![degradado lineal](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-05.jpg)
![degradado aplicado](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-06.jpg)
4.- Coloca por debajo la capa de degradado, selecciona la imagen, te vas a la herramienta de marco rectangular y creas el área con las partes que quieras que estén por fuera.
![capa degradado por debajo](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-07.jpg)
![selección herramienta marco rectangular](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-08.jpg)
5.- Da click derecho y selecciona “transformar selección” para agrandarlo o achicarlo si gustas, luego da click derecho de nuevo y elige “perspectiva”.
![transformar selección](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-09.jpg)
![transformar selección](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-10.jpg)
![transformación perspectiva](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-11.jpg)
6.- Da click en la esquina superior derecho y arrastra hacia abajo hasta que creas que es suficiente, y das enter para aceptar.
![perfectiva](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-12.jpg)
![perspectiva aplicada](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-13.jpg)
7.- Crea una máscara de capa, duplicala con Ctrl + J, selecciona la copia, da click derecho y elimina la máscara de capa.
![máscara de capa hecha](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-14.jpg)
![imagen duplicada](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-15.jpg)
![menú eliminar máscara de capa en copia](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-16.jpg)
8.- Te va a la herramienta de selección rápida y seleccionas las partes que quieras que estén “por fuera” de la imagen.
![herramienta selección rápida](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-17.jpg)
![seleccionando persona](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-18.jpg)
9.- Crea una máscara de capa en la copia y crea una nueva capa.
![máscara de capa en la copia](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-19.jpg)
![nueva capa](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-20.jpg)
10.- Da Ctrl + Click Izquierdo sobre la máscara de capa de la imagen para crear una selección.
![ctrl + click en mascara de capa 0](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-21.jpg)
![selección hecha](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-22.jpg)
11.- Ahora da click derecho sobre la selección y elige “contornear”.
![menú contornear](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-23.jpg)
12.- Y te aseguras que tengas los valores que se muestran en la imagen, luego das “ok”.
![ventana contornear con propiedades](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-24.jpg)
13.- Se crearán bordes, ahora solo tienes que pasar la capa por debajo de la copia de la imagen.
![capa por debajo de segunda copia](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-25.jpg)
14.- Y listo ahí tienes tu efecto de fuera de bordes.
![resultado de efecto de fuera de bordes](http://ugbtuts.com/wp-content/uploads/2018/01/efecto-fuera-de-bordes-26.jpg)
Asegúrate de visitar el canal para más tutoriales!