Background

Tutorial – Como hacer efecto de pintura en lienzo – Photoshop

En este¬†tutorial de Photoshop Efectos, vamos a combinar un par de efectos diferentes.¬†En primer lugar, vamos a dar una foto f√°cil de crear¬†bordes pintados, y luego vamos a hacer que se vea como si estuviera¬†impreso en el lienzo.¬†Estaremos cargando y usando un par de pinceles de Photoshop para el efecto de bordes pintados, a√Īadiendo una¬†m√°scara de capa¬†para pintar, y finalmente con el filtro Texturizar el efecto del lienzo.

Aquí está la imagen original que va a utilizar para este tutorial:

lienzo1

La imagen original.

Y aqu√≠ est√° la “bordes pintados sobre lienzo” efecto vamos a:

lienzo2

El resultado final.

Vamos a empezar!

Paso 1: A√Īadir una nueva capa

Con mi foto abierta en Photoshop, mi panel Capas me est√° mostrando que tengo una capa, la capa de fondo que Photoshop agrega de forma predeterminada y contiene mi imagen original:

lienzo3

Panel de Capas de Photoshop que muestra la capa de fondo que contiene mi imagen original.

Lo primero que quiero hacer para este efecto es a√Īadir una nueva capa en blanco encima de mi capa de fondo, as√≠ que voy clic en la¬†nueva capa¬†icono en la parte inferior del panel Capas:

lienzo4

A√Īadir una nueva capa haciendo clic en el icono de “Nueva capa” en la parte inferior del panel Capas.

Esto me da una nueva capa sobre la capa de fondo, lo que Photoshop autom√°ticamente los nombres de “Nivel 1”:

lienzo5

Photoshop tutorial: El panel Capas muestra la nueva capa “Capa 1”, por encima de la capa de fondo.

Voy a¬†hacer doble clic directamente en el nombre de la capa¬†y cambiarle el nombre de “Layer 1″ a algo m√°s descriptivo, como ”¬†fondo blanco¬†“, ya que vamos a llenarlo con blanco en el paso siguiente y ser√° finalmente, aparecer√°¬†como el fondo sobre el que se asienta la foto:

lienzo6

Cambiar el nombre de “layer 1” al “fondo blanco” o algo similar de su elecci√≥n.

Paso 2: Llene la nueva capa con blanco

A continuación, porque quiero mi foto para que parezca que fue pintado sobre un fondo blanco, lo que necesito para llenar la nueva capa de blanco. Podría usar el comando Fill de Photoshop para esto, pero hay una manera más fácil. En primer lugar, pulse la letra D en el teclado para restablecer los colores frontal y de fondo a sus valores predeterminados de blanco y negro, respectivamente, si no se ponen a eso ya. Los verás volver al blanco y negro en la paleta de herramientas de Photoshop:

lienzo7

Presione “D” en el teclado para cambiar el color a su defecto negro y el¬†color de fondo¬†a blanco.

Con blanco ahora como su color de fondo y el “fondo blanco” capa seleccionada en el panel Capas, utilice la combinaci√≥n de teclas Ctrl + Retroceso¬†(Windows) /¬†Comando + Suprimir¬†(Mac) para llenar la capa con blanco. La imagen ser√° ahora oculto a la vista temporalmente por la capa de s√≥lido de color blanco encima de ella:

lienzo8

La nueva capa está llena de blanco, oculta temporalmente la foto detrás de él.

Paso 3: Coloque el “Pinceles grueso y pesado” sistema de cepillo

Para crear el efecto de bordes pintados, necesitamos un par de pinceles de Photoshop que se instalan con Photoshop pero no se cargan de forma predeterminada, por lo que tenemos que cargar nosotros mismos, que es muy fácil de hacer. En primer lugar, seleccione la herramienta Pincel tomándolo de la paleta de herramientas o pulsando la letra B en su teclado:

lienzo9

Seleccione la herramienta Pincel.

Con la herramienta Pincel seleccionada,¬†haga clic con el bot√≥n¬†(¬†Win¬†) /¬†Comando + clic¬†(Mac) en cualquier lugar dentro de la ventana del documento para abrir el cuadro de di√°logo de opciones de la herramienta Pincel, y luego¬†haga clic en la peque√Īa flecha hacia la derecha¬†en la esquina superior derecha de es el siguiente:

lienzo10

Haga clic en la flecha hacia la derecha en la parte superior derecha del cuadro de di√°logo de opciones de la herramienta Pincel.

A continuación, seleccione el Thick Heavy Brushes de cepillo de la lista que aparece:

lienzo11

Seleccione el pincel “Thick Heavy Brushes” ajustado a cargarlo.

Un cuadro de diálogo aparecerá preguntando si desea reemplazar su cepillo conjunto actual con este nuevo. Elige Apped en lugar de OK, por lo que el nuevo sistema de cepillo se agrega con los pinceles predeterminados y no sustituye por completo:

lienzo12

Seleccione la opci√≥n “Apped” en el cuadro de di√°logo cuando se le pregunte si desea reemplazar los pinceles actuales con el nuevo conjunto.

Paso 4: Seleccione la “cerda plana” Brush 111 p√≠xeles

Con el Thick Heavy Brushes junto  con Heavy Brushes, desplácese por la lista de los pinceles disponibles hasta llegar casi al final de la lista, y ahí es donde se encuentra el Flat Bristle del cepillo 111 píxeles . Si usted tiene preferencias de Photoshop creado para mostrar información sobre herramientas, el nombre de la brocha aparecerá al pasar el ratón por encima del cepillo:

lienzo13

Seleccione el 111-pixel “Flat Bristle” cepillo cerca de la parte inferior de la lista.

Encontrar√°s dos 111-pixels cepillos cerca del final.¬†La que nosotros queremos primero es el que est√° en la parte superior, pero tambi√©n va a usar la de abajo en unos momentos.¬†Ahora que ya tenemos nuestro pincel cargado y seleccionado, es el momento para empezar a crear nuestro efecto pintado bordes.¬†En primer lugar, vamos a necesitar una m√°scara de capa, y vamos a a√Īadir que el pr√≥ximo.

Paso 5: A√Īadir una m√°scara de capa a la “Fondo blanco” Layer

Vamos a empezar a pintar con nuestro pincel para crear nuestro efecto pintado bordes, pero no vamos a pintar directamente sobre la propia imagen.¬†Vamos a pintar en una m√°scara de capa, y antes de que podamos pintar sobre ella, tenemos que crearlo, as√≠ que vamos a hacer eso.¬†Aseg√ļrese de que el “fondo blanco” capa est√° seleccionada en el panel Capas, haga clic en¬†A√Īadir m√°scara de capa¬†icono en la parte inferior de la paleta:

lienzo14

Con el “fondo blanco” capa seleccionada, haga clic en el icono “A√Īadir m√°scara de capa” en la parte inferior del panel Capas de Photoshop.

Esto agregar√° una m√°scara de capa a la “fondo blanco”.¬†Se puede ver en el panel Capas directamente a la derecha del √°rea de vista previa en miniatura de la capa:

lienzo15

La m√°scara de capa aparece a la derecha del √°rea de vista previa en miniatura del “fondo blanco”.

Usando nuestro 111 píxeles Flat Bristle que ya hemos seleccionado y con el negro ya configurada como nuestro color de primer plano desde que reiniciamos el primer plano y colores de fondo a sus valores predeterminados hace un momento, vamos a pintar con negro en esta máscara de capa, y como lo pintamos, la foto de la capa de fondo comenzará a volver a aparecer a través de esta capa blanca sólida.

Paso 6: Comience la pintura de lado a lado en la m√°scara de capa

Aseg√ļrese de que est√° seleccionada la m√°scara de capa y no a la propia capa.¬†Usted puede ver el cuadro resaltado alrededor de la capa de miniatura de la m√°scara en la imagen anterior, lo que significa que est√° seleccionado.¬†Haga clic en √©l para seleccionarlo si no se elige por alguna raz√≥n.¬†Luego, con la m√°scara seleccionada, comenzar a pintar trazos de izquierda a derecha en la ventana de documento.¬†Porque vamos a pintar en la m√°scara de capa con negro, las √°reas en las que pintar encima se vuelven transparentes, dejando al descubierto la capa inferior, que en este caso es nuestra capa de fondo que contiene nuestra foto.¬†Se puede ver el efecto de bordes pintados empezando a tomar forma como se pinta con el pincel:

lienzo16

Pintar con negro en la m√°scara de capa para revelar la foto de abajo.

El cepillo de Flat Bristle estamos usando hace un buen trabajo de darnos una mirada pintada y la sensación, no sólo en los bordes pero también dentro de la zona que estamos pintando, ya que deja espacios en blanco ocasionales en la pincelada que se suman a la ilusión de que realmente estamos pintando esta foto con un pincel seco.

Se puede ver en el panel Capas que las √°reas que estamos pintando sobre la ventana del documento se muestran como negro en la capa de miniatura de la m√°scara √°rea de vista previa:

lienzo17

Las √°reas en las que est√° pintando otra vez en la imagen aparecen en negro en la capa de miniatura de la m√°scara √°rea de vista previa.

Debe continuar pintando con el pincel hasta que estés satisfecho con la forma en que se ve. Si pintas un derrame cerebral y no se ve bien a usted, sólo tiene que deshacer con Ctrl + Z (Windows) / Comando + Z (Mac) y luego volver a pintar la carrera. Aquí está mi resultado:

lienzo18

La imagen hasta el momento.

Vamos a pasar al otro cepillo 111 píxeles cargamos y retocar los bordes próximos.

Paso 7:¬†Seleccione el 111-pixel “Cerda Plano Rough” Brush

Vamos a cambiar los cepillos ahora y tocar los bordes para mejorar el aspecto pintado. Una vez más, haga clic derecho (Win) / Comando + clic (Mac) en cualquier lugar dentro de la imagen para que aparezca el cuadro de diálogo Opciones de pincel, desplácese hasta la parte inferior de la lista de cepillos disponibles, y esta vez, haga clic en el 111 cepillo de píxeles directamente debajo de la que acabamos de usar, el plano de cerdas Rough pincel:

lienzo19

Seleccione el otro cepillo 111 píxeles directamente debajo de la que hemos usado en la lista.

Paso 8:¬†Los trazos de pintura peque√Īos alrededor de los bordes para mejorar el efecto

Con el nuevo pincel seleccionada, y asegurarse de que la m√°scara de capa, no la capa en s√≠, todav√≠a est√° seleccionada en el panel Capas, vaya alrededor de los bordes y peque√Īos trazos de pintura para a√Īadir algunas manchas y salpicaduras de la pintura, mejorando el efecto.¬†El truco aqu√≠ es mantener la mayor parte del cepillo dentro de la zona ya pintada de modo que s√≥lo un peque√Īo porcentaje de la misma se extiende m√°s all√° de los bordes.¬†No quiero exagerar aqu√≠.¬†Permitir que s√≥lo una peque√Īa porci√≥n de la brocha para extender en el √°rea blanca y pintar con trazos muy cortos.¬†Incluso simplemente haciendo clic en un √°rea de una vez con el cepillo puede ser suficiente.¬†Una vez m√°s, si usted siente que ha cometido un error, pulse¬†Ctrl + Z¬†(Windows) /¬†Comando + Z¬†(Mac) para deshacer y vuelva a intentarlo.¬†No hay presi√≥n para hacerlo bien la primera vez, as√≠ que si√©ntete libre de experimentar:

lienzo20

Permitir que s√≥lo un peque√Īo porcentaje de la brocha para extender en el √°rea de blanco, pintar trazos muy cortos o simplemente hacer clic con el nuevo cepillo alrededor de los bordes para a√Īadir motas de pintura y salpicaduras.

Nuestro pintado efecto bordes est√° completo!¬†Usted podr√≠a parar aqu√≠ si quieres, pero voy a tomar las cosas m√°s all√° y hacer que parezca como si la foto fue impresa en lienzo, ‚Äč‚Äčy vamos a hacerlo de una manera que nos permite volver a utilizar este Photoshop presentar como modelo para otras fotos sin repetir los pasos.¬†Lo haremos a continuaci√≥n.

Paso 9:¬†A√Īadir una nueva capa sobre el “Fondo blanco” Layer

Con el “fondo blanco” capa seleccionada (no importa aqu√≠ si se selecciona la capa o de la m√°scara de capa, o bien que va a hacer), a√Īadir una nueva capa.¬†Esta vez, vamos a utilizar el atajo de teclado¬†Shift + Ctrl + N¬†(Win) /¬†Shift + Command + N¬†(Mac), que trae de Photoshop¬†Nueva capa de¬†cuadro de di√°logo:

lienzo21

Utilice el método abreviado de teclado para abrir el cuadro de diálogo Nueva capa de Photoshop.

Dentro del cuadro de di√°logo, cambie el nombre de la nueva capa que estamos creando a “mano”, como he c√≠rculo rojo arriba.¬†Nada m√°s hay que cambiar y haga clic en OK y Photoshop a√Īadir√° la nueva capa por encima del “fondo blanco” de la capa y que el nombre de “Canvas”:

lienzo22

El panel Capas muestra la capa que acaba de agregar, “Canvas”, sobre el “fondo blanco” de la capa.

Lo llamamos “Canvas”, porque esta capa va a contener el efecto de la lona, ‚Äč‚Äčcomo veremos en un momento.

Paso 10:¬†Llenar la capa “Canvas” con blanco

Al igual que hicimos con el “fondo blanco” de la capa, utilice la combinaci√≥n de teclas¬†Ctrl + Retroceso¬†(Windows) /¬†Comando + Suprimir¬†(Mac) para llenar esta capa con blanco, puesto que el blanco sigue siendo el color de fondo:

lienzo23

Llenar la capa “Canvas” con blanco.

Nuestra imagen es una vez m√°s fuera de la vista, pero eso est√° bien por el momento.

Paso 11: Aplique una textura de lienzo a la capa con el filtro Texturizar

Ahora vamos a aplicar una textura de lienzo para esta capa.¬†Ir al¬†men√ļ Filtro¬†en la parte superior de la pantalla, seleccione¬†la textura¬†y, a continuaci√≥n, seleccione¬†Texturizar¬†, que abre el cuadro de di√°logo Galer√≠a de filtros masiva que nos muestra las opciones para el filtro Texturizar m√°s a la derecha:

lienzo24

La Galería de filtros muestra las opciones de filtro Texturizar.

Las opciones que nos interesa con rojo arriba.¬†Aseg√ļrese de que¬†la textura¬†se establece en¬†el lienzo¬†,Scaling¬†se establece en¬†100%¬†,¬†Relef¬†se establece en¬†4¬†, y la¬†light¬†se establece en la direcci√≥n¬†arriba¬†.¬†Haga clic en OK y Photoshop se aplicar√° la textura a la capa “Canvas”:

lienzo25

La textura de la lona aplica a la capa “Canvas”.

Podemos ver la textura de la lona, ‚Äč‚Äčpero no podemos ver nuestra imagen.¬†Vamos a arreglarlo despu√©s.

Paso 12: Cambiar el modo de fusi√≥n de la capa de “lienzo” a “Multiplicar”

Ya casi hemos terminado.¬†S√≥lo un par de pasos m√°s r√°pidos para el final.¬†Para ver nuestra imagen a trav√©s de la textura de la lona, ‚Äč‚Äčvamos a¬†cambiar el modo de fusi√≥n¬†de la capa de “Canvas”.¬†Ir a las opciones de modo de mezcla en la parte superior del panel Capas, haga clic en la flecha que apunta hacia abajo a la derecha de la palabra “Normal” y seleccione¬†Multiplicar¬†en la lista:

lienzo26

Cambiar el modo de fusi√≥n de la capa de “lienzo” de “Normal” a “Multiplicar”.

Tan pronto como lo hacemos, nuestra imagen se hace visible detr√°s de la textura:

lienzo27

La foto con el efecto de bordes pintados ahora es visible detr√°s de la textura del lienzo.

Paso 13: Baja la opacidad de la capa “Canvas”

El efecto de la textura es demasiado intensa, sin embargo, as√≠ que vamos a reducirlo, y podemos hacer que al bajar el valor de opacidad¬†de la capa.¬†Ir hasta el valor de opacidad en la esquina superior derecha del panel Capas, haga clic en el rat√≥n directamente en la palabra “Opacidad” para que aparezca el “regulador de mano” de Photoshop, a continuaci√≥n, arrastre el rat√≥n hacia la izquierda para bajar la opacidad.¬†Voy a bajar la m√≠a un poco, hasta¬†el 30%¬†:

lienzo28

Baja la opacidad de la capa para reducir el efecto de la lienzo.

Y ahí vamos, aquí está mi resultado final con el efecto de bordes pintados y la textura de la lona reducido a un valor de opacidad del 30%:

lienzo29

Tagged as:

SOBRE EL AUTOR

Mariano Reyes

Adorador, hijo de Dios, TecnoIglesiologo de coraz√≥n. Ingeniero en Sistemas Computacionales con m√°s del 10 a√Īos de experiencia en dise√Īo web. Especialista en soluciones de iluminaci√≥n e integraciones de audio, video y streaming en Tecnoiglesia. Bluebelt Brazilian jiu-jitsu y Bluebelt Judo Co-fundador de Kunai Fight Gear Co-fundador de Surfgamers.com Streamer en mis ratos libres twitch.tv/marianogameplys/profile

M√°s Publicaciones

Únete a la Comunidad Tecnoiglesiólogos

Reg√≠strate hoy en Tecnoiglesia y descubre herramientas y recursos gratuitos dise√Īados para impulsar tu ministerio con la tecnolog√≠a. ¬°S√© parte de nuestra comunidad!

En Tecnoiglesia Network, creemos que la tecnología puede potenciar el alcance de tu mensaje. Nuestro compromiso es brindarte las herramientas y conocimientos necesarios para llevar tu servicio a Dios al siguiente nivel.

Login to enjoy full advantages

Please login or subscribe to continue.

‚úĖ

Go Premium!

Enjoy the full advantage of the premium access.

‚úĖ

Stop following

Unfollow Cancel

‚úĖ

Cancel subscription

Are you sure you want to cancel your subscription? You will lose your Premium access and stored playlists.

Go back Confirm cancellation

‚úĖ