¿Crees que la herramienta Recortar es solo para recortar imágenes? ¡Aprenda cómo también se puede usar para agregar rápidamente más lienzo y un borde alrededor de sus fotos!
Escrito por Steve Patterson.
Hasta ahora, en esta serie sobre cómo recortar imágenes en Photoshop, hemos visto varios ejemplos de cómo se usa la herramienta de recorte para recortar áreas no deseadas de una imagen. Pero una característica menos conocida de la herramienta Recortar es que también se puede usar para agregar más espacio de lienzo alrededor de una imagen, lo que nos brinda una manera rápida y fácil de agregar un borde decorativo alrededor de una foto. En este tutorial, aprenderemos cómo agregar espacio de lienzo con la herramienta Recortar y cómo convertir el espacio adicional en un borde de foto simple y personalizable.
Si aún no está familiarizado con el uso de la herramienta Recortar en Photoshop, es posible que desee leer el primer tutorial de esta serie, como recortar imagenes , antes de continuar. estaré usando PhotoshopCC aquí, pero este tutorial es totalmente compatible con CS6 y versiones anteriores.
Puede usar cualquier imagen propia para seguir. Aquí está la foto que usaré de la que descargué adobestock :
La foto original. Crédito de la imagen: Adobe Stock.Esta es la lección 3 en mi Recortar imágenes en Photoshop serie.
¡Empecemos!
Cómo agregar más lienzo con la herramienta Recortar
Paso 1: convertir la capa de fondo en una capa normal
Con nuestra imagen recién abierta en Photoshop, si miramos en el Panel de capas , encontramos la imagen sentada en el capa de fondo , actualmente la única capa en nuestro documento:
El panel Capas que muestra la imagen en la capa Fondo.Antes de agregar más espacio de lienzo alrededor de la imagen, lo primero que debemos hacer es convertir la capa Fondo en una capa normal. La razón es que queremos que el espacio adicional aparezca en su propia capa separada. abajo la imagen, pero Photoshop no nos permite colocar capas debajo de una capa de fondo . La solución fácil es simplemente convertir la capa Fondo en una capa normal.
Para hacer eso, en Photoshop CC, todo lo que necesitamos hacer es hacer clic en el pequeño icono de candado a la derecha del nombre de la capa de fondo:
Al hacer clic en el icono de candado de la capa de fondo.Si está utilizando Photoshop CS6 o anterior (esto también funciona en CC), mantenga presionada la tecla Todo (Victoria) / Opción (Mac) en su teclado y haga doble clic en el nombre 'Fondo':
En CS6 y versiones anteriores, mantenga presionada la tecla Alt (Win) / Opción (Mac) y haga doble clic en el nombre de la capa.La capa de fondo se convierte instantáneamente en una capa normal y se renombra como 'Capa 0':
La capa de fondo ahora es una capa normal llamada 'Capa 0'.Comprender las capas en Photoshop
Paso 2: seleccione la herramienta Recortar
Ahora que hemos resuelto ese pequeño problema, aprendamos cómo agregar espacio extra alrededor de la imagen. Selecciona el Herramienta Recortar desde el Barra de herramientas a lo largo de la izquierda de la pantalla. También puede seleccionar la herramienta Recortar presionando la letra C en tu teclado:
Seleccionando la herramienta Recortar.Con la herramienta Recortar seleccionada, Photoshop coloca un valor predeterminado borde de cultivo alrededor de la imagen, junto con manejas en la parte superior, inferior, izquierda y derecha del borde, y uno en cada esquina. Usaremos estos controladores para cambiar el tamaño del borde de recorte y agregar nuestro espacio de lienzo adicional:
Los controladores de recorte (encerrados en un círculo rojo) alrededor de la imagen.Paso 3: arrastre los controladores para cambiar el tamaño del borde de recorte
Para agregar espacio adicional alrededor de la imagen, todo lo que tenemos que hacer es hacer clic en los controles y arrastrarlos hacia afuera. Photoshop ampliará el tamaño del lienzo para que coincida con el nuevo tamaño del borde de recorte.
Por ejemplo, si quisiera agregar espacio en el lado derecho de la foto, haría clic en el mango derecho y arrástrelo más hacia la derecha, alejándolo de la imagen:
Arrastrando el tirador derecho hacia la derecha.Cuando suelto el botón del mouse, Photoshop agrega el espacio adicional y lo llena con un patrón de tablero de ajedrez . El patrón de tablero de ajedrez es cómo Photoshop representa transparencia , lo que significa que el espacio extra está actualmente vacío. Arreglaremos eso en unos momentos:
Photoshop agrega espacio en blanco adicional en el lado derecho de la imagen.En lugar de confirmar el recorte todavía, veamos cómo agregar espacio alrededor del resto de la imagen, junto con algunos atajos de teclado importantes. Cancelaré mi recorte y restableceré mi borde de recorte presionando el botón Cancelar botón en el Barra de opciones . También puede cancelar el recorte presionando el botón Esc clave en su teclado:
Haciendo clic en el botón Cancelar.Para agregar espacio adicional en el lado izquierdo de la foto, haga clic en el manija izquierda y arrástrelo hacia la izquierda. O, para agregar una cantidad igual de espacio en ambos lados de la imagen al mismo tiempo, mantenga presionada la Todo (Victoria) / Opción (Mac) mientras hace clic y arrastra el controlador izquierdo o derecho. Esto cambiará el tamaño del borde de recorte desde su centro, haciendo que el controlador del lado opuesto se mueva al mismo tiempo, en la dirección opuesta:
Agregar espacio adicional a ambos lados manteniendo presionada la tecla Alt (Win) / Opción (Mac) mientras arrastro.Soltaré el botón del mouse, luego soltaré la tecla Alt (Win)/Opción (Mac), y ahora vemos la misma cantidad de espacio en blanco en ambos lados de la foto. Asegúrese de soltar el botón del mouse primero, después la tecla Alt (Win) / Opción (Mac), o este truco no funcionará:
Se ha agregado la misma cantidad de espacio a ambos lados.También podemos agregar espacio adicional encima y debajo de la imagen. Para agregar espacio encima, haga clic y arrastre el asa superior hacia arriba. Para agregar espacio debajo, haga clic y arrastre el asa inferior hacia abajo.
O, para agregar una cantidad igual de espacio arriba y debajo de la imagen al mismo tiempo, una vez más presione y mantenga presionada la tecla Todo (Victoria) / Opción (Mac) en su teclado mientras arrastra el controlador superior o inferior. El mango opuesto se moverá junto con él, en la dirección opuesta:
Agregar espacio adicional en la parte superior e inferior manteniendo presionada la tecla Alt (Win) / Opción (Mac) mientras arrastro cualquiera de las manijas.Soltaré el botón del mouse, luego soltaré la tecla Alt (Win)/Opción (Mac), y ahora tengo la misma cantidad de espacio en blanco encima y debajo de la imagen. Nuevamente, asegúrese de soltar primero el botón del mouse, después la clave, o no funcionará:
Se ha agregado la misma cantidad de espacio arriba y debajo de la foto.Cancelemos el recorte una vez más presionando el botón Cancelar en la barra de opciones, o presionando el botón Esc clave en su teclado, por lo que podemos ver un atajo de teclado más importante:
Haciendo clic en el botón Cancelar.Mantener la relación de aspecto original de la foto
¿Qué sucede si desea mantener la relación de aspecto original de la imagen mientras agrega espacio de lienzo adicional a su alrededor? Por ejemplo, es posible que ya haya recortado la imagen a, digamos, 8 x 10, y ahora desea mantener esa proporción de 8 x 10 a medida que agrega el espacio adicional.
Para hacer eso, mantenga presionado Mayús+Alt (Victoria) / Mayús+Opción (Mac) mientras arrastra cualquiera de los manijas de esquina exterior. La tecla Alt (Win) / Opción (Mac) le dice a Photoshop que cambie el tamaño del borde de recorte desde su centro, mientras que la tecla Shift le dice que bloquee la relación de aspecto original en su lugar.
Aquí, sostengo las teclas mientras arrastro el arriba a la izquierda esquina hacia afuera. Observe que las cuatro esquinas se mueven juntas hacia afuera:
Agregar espacio adicional alrededor de toda la imagen a la vez manteniendo la relación de aspecto original.Soltaré el botón del mouse, luego soltaré la tecla Shift y la tecla Alt (Win)/Opción (Mac) (recordando soltar el botón del mouse antes de soltando las teclas). Photoshop agrega el espacio en blanco adicional alrededor de toda la imagen, mientras que la relación de aspecto sigue siendo la misma que originalmente:
Se ha agregado el espacio adicional, pero la relación de aspecto sigue siendo la misma.Paso 4: Aplicar el cultivo
Para aplicar el recorte, haga clic en el marca de verificación en la barra de opciones, o presione Ingresar (Victoria) / Devolver (Mac) en su teclado:
Hacer clic en la marca de verificación para aplicar el recorte.Photoshop 'recorta' la imagen, aunque en este caso hemos hecho lo contrario; hemos adicional espacio con la herramienta Recortar en lugar de eliminarlo:
El resultado después de aplicar el cultivo.Paso 5: agregue una capa de relleno de color sólido
Hasta aquí todo bien. Hemos agregado el espacio de lienzo adicional. Pero por el momento, el espacio está en blanco. Convirtámoslo en un borde de foto rellenándolo con un color, y lo haremos usando una de las capas de relleno de color sólido de Photoshop.
Haga clic en el Nueva capa de ajuste o relleno icono en la parte inferior del panel Capas:
Haciendo clic en el icono Nuevo Relleno o Capa de Ajuste.Entonces escoge Color sólido de la parte superior de la lista que aparece:
Elegir 'Color sólido' de la lista.Photoshop abrirá el Selector de color donde podemos elegir un color para el borde. El color predeterminado es el negro, pero elija blanco por ahora. Al final del tutorial, aprenderemos cómo personalizar el aspecto del borde eligiendo un color directamente de la imagen:
Elegir el blanco para el color del borde.Haga clic en Aceptar para cerrar el Selector de color. Photoshop llena temporalmente todo el documento con blanco, bloqueando la vista de la foto. Arreglaremos este problema a continuación:
El documento ahora está lleno de blanco.Paso 6: arrastre la capa de relleno debajo de la imagen
Si miramos en el panel Capas, podemos ver nuestra capa de relleno de Color Sólido, llamada 'Relleno de Color 1'. Y vemos que la razón por la que está bloqueando la vista de nuestra imagen es porque actualmente está sentada arriba la imagen en 'Capa 0'. Cualquier capa sobre otras capas en el panel Capas aparece en frente de esas capas en el documento:
El panel Capas que muestra la capa de relleno encima de la imagen.Necesitamos mover la capa de relleno. abajo la imagen en el panel Capas para que aparezca detrás la imagen en el documento. Para hacer eso, simplemente haga clic en la capa de relleno y arrástrela hacia abajo debajo de 'Capa 0'. Cuando ves una horizontal barra de resaltado aparecen debajo de 'Capa 0', suelte el botón del mouse:
Arrastrando la capa de relleno de Color sólido debajo de 'Capa 0'.Photoshop coloca la capa de relleno en su lugar debajo de la imagen:
El panel Capas ahora muestra la imagen sobre la capa de relleno.Y ahora, la imagen aparece frente a la capa de relleno de color sólido blanco en el documento, creando nuestro efecto de borde de foto:
La imagen ahora aparece con un borde blanco alrededor.Paso 7: Seleccione 'Capa 0'
Ahora que podemos ver nuestra foto nuevamente, agreguemos una sombra paralela. Primero, haga clic en la capa de la imagen ( Capa 0) en el panel Capas para seleccionarlo:
Seleccionando 'Capa 0'.Paso 8: agrega una sombra paralela
Luego, haga clic en el Estilos de capa icono (el ' efectos especiales 'icono) en la parte inferior del panel Capas:
Haciendo clic en el icono Estilos de capa.Elegir Sombra paralela de la lista que aparece:
Eligiendo 'Sombra paralela' de la lista de estilos de capa.Esto abre Photoshop Estilo de capa cuadro de diálogo establecido en las opciones de Sombra paralela en la columna central:
Las opciones de Sombra paralela en el cuadro de diálogo Estilo de capa.Lo primero que generalmente queremos hacer cuando agregamos una sombra paralela es establecer el ángulo y la distancia de la sombra. Nosotros pudo haga esto ajustando el Ángulo y Distancia valores directamente en el cuadro de diálogo. Pero una forma más fácil es simplemente hacer clic en la imagen en el documento, mantener presionado el botón del mouse y arrastrar fuera de la imagen en la dirección en la que desea que caiga la sombra. A medida que arrastra, la sombra se moverá junto con usted.
Aquí, arrastré la sombra a una corta distancia de la imagen hacia la parte inferior derecha del documento:
Establecer el ángulo y la distancia de la sombra haciendo clic y arrastrando dentro del documento.A medida que arrastra, verá que los valores de ángulo y distancia se actualizan en el cuadro de diálogo. Los valores exactos de ángulo y distancia que elija pueden ser diferentes de los que estoy usando aquí (la distancia dependerá en gran medida del tamaño de su imagen), pero para mí, un ángulo de alrededor 135° y una distancia de 180px se ve bien:
Los valores de ángulo y distancia.Una vez que haya establecido el ángulo y la distancia, suavice los bordes de la sombra arrastrando el Tamaño deslizador en el cuadro de diálogo. Cuanto mayor sea el valor, más suave aparecerá la sombra. Al igual que el valor de Distancia, el valor de Tamaño que necesita dependerá en gran medida del tamaño de su imagen. Para mí, un valor de alrededor 50px funciona bien.
También puede controlar qué tan clara u oscura aparece la sombra arrastrando el Opacidad control deslizante, pero dejaré el mío configurado en el valor predeterminado de 35% :
Los valores Tamaño y Opacidad.Cuando esté satisfecho con los resultados, haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa. Aquí está mi resultado con la sombra paralela aplicada:
El efecto después de agregar la sombra paralela.Cambiar el color del borde
Finalmente, aunque hemos establecido el color del borde en blanco, puede regresar fácilmente y cambiarlo a cualquier color que desee. De hecho, incluso puedes elegir un color directamente desde la propia imagen.
Para cambiar el color, haga doble clic en la capa de relleno muestra de color en el panel Capas:
Haciendo doble clic en la muestra de color.Esto vuelve a abrir Photoshop Selector de color :
Se vuelve a abrir el Selector de color.Si sabe el color exacto que necesita, puede seleccionarlo en el Selector de color. O, para elegir un color directamente de la imagen, simplemente mueva el cursor del mouse sobre la imagen. Su cursor cambiará a un cuentagotas icono. Haga clic en un color de la imagen para probarlo y Photoshop lo establecerá instantáneamente como el nuevo color para el borde.
Por ejemplo, haré clic en un punto de la chaqueta gris del hombre (marcado con un círculo amarillo), y aquí vemos que el color de mi borde ahora es del mismo tono de gris:
Al hacer clic en la chaqueta del hombre, el borde cambia a gris.Si no le gusta el color, simplemente haga clic en un color diferente en la imagen para probarlo y vuelva a intentarlo. Esta vez haré clic en el sombrero de la mujer y Photoshop actualizará instantáneamente el color del borde para que coincida. Cuando esté satisfecho con los resultados, haga clic en Aceptar para cerrar el Selector de color:
El color del sombrero de mujer termina siendo una mejor opción para la cenefa.
