7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Crea efectos únicos de óxido y desgaste en Adobe Photoshop

Spanish (Español) translation by Rosario (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Este tutorial es un extracto de un conjunto más amplio de lecciones que se encuentran en el curso Tuts+ Manipulación fotográfica avanzada: Efectos de cartel de película.

Este tutorial se centrará en un aspecto de ese proyecto más amplio, la creación de efectos personalizados de óxido y desgaste. Porque cuando estás recorriendo una ciudad con tu traje de robot gigante golpeando a enormes criaturas alienígenas. Puedes esperar recibir unos cuantos golpes. ¡Y tu traje no va a estar impoluto!

Este tutorial se enmarca en el ámbito de la manipulación fotográfica, por lo que utilizaremos fotos como referencia para crear el desgaste personalizado de nuestro gigante de metal. Así que descarga el archivo de origen en Photoshop y las fotos del proyecto, y quédate mientras añadimos mugre, suciedad, óxido y arañazos a nuestro enorme hombre de metal.

Recursos del tutorial

Este tutorial utiliza fotos proporcionadas por el autor y que están disponibles gratuitamente para su uso. En la barra lateral, busca el enlace de Descarga de archivos adjuntos, a continuación, guarda el archivo zip en tu sistema extraer el archivo fuente RustEffects-Starter.psd junto con seis fotos de textura que vamos a utilizar a lo largo del proceso.

Rusted scratched worn metal texturesRusted scratched worn metal texturesRusted scratched worn metal textures

1. Utiliza texturas personalizadas a partir de fotografías

Paso 1

Abre el archivo RustEffects-starter.psd. Fíjate en que el archivo sólo contiene tres capas: un fondo, una capa de accesorios y una capa para un robot metálico muy limpio. Esta figura se construyó utilizando varias partes de fotografías de objetos metálicos. El montaje tiene buen aspecto, pero carece de realismo debido al aspecto casi estéril de las piezas metálicas. Añadiendo óxido, arañazos, suciedad, etc. La figura parecerá más creíble.

screenshot of starting file with an undamaged giant robotscreenshot of starting file with an undamaged giant robotscreenshot of starting file with an undamaged giant robot

Paso 2

Abre el archivo de textura DSC_0195.jpg y utiliza la herramienta Lazo poligonal (L) para crear una selección muy aproximada alrededor del área de metal para incluir gran parte del óxido y otros daños. A continuación, ve a Edición > Copiar.

Selecting a region of damaged metal to use as a textureSelecting a region of damaged metal to use as a textureSelecting a region of damaged metal to use as a texture

Paso 3

Vuelve al archivo principal del proyecto y ve a Edición > Pegar para depositar la textura copiada en una nueva capa. Asegúrate de que la capa de la textura está por encima de la capa del Robot Base.

New texture layer for the rust textureNew texture layer for the rust textureNew texture layer for the rust texture

Paso 4

Duplica la capa de textura con Capa > Nueva > Capa Vía Copiar (Control-J) y reposiciona la copia debajo de la original. A continuación, oculta la capa de textura original haciendo clic en el icono del globo ocular junto a la miniatura en el panel Capas. Cambia el Modo de fusión de la capa duplicada para permitir que la textura se fusione con los píxeles de detrás. La textura y el fondo determinarán el modo a utilizar. En este caso, Superponer es una buena opción.

Setting teh texture blending mode to OverlaySetting teh texture blending mode to OverlaySetting teh texture blending mode to Overlay

Paso 5

Transforma la capa de la textura con Edición > Transformación libre (Control-T) para que se ajuste aproximadamente a una de las placas del pecho del robot. No tiene que ser un ajuste exacto, pero la escala de la textura debe ser lo suficientemente pequeña para representar la gran escala del robot.

Scaling the texture layer to fit the robotScaling the texture layer to fit the robotScaling the texture layer to fit the robot

Paso 6

Antes de realizar la transformación, haz clic con el botón derecho en la textura y elige Deformar en el menú contextual. Deforma la textura en una curva que coincida con la topografía de la pieza de metal. Cuando estés satisfecho con la forma, confirma la transformación pulsando Enter o haciendo clic en el icono de la marca de verificación en la barra de opciones.

Warping the texture to match the metal curvesWarping the texture to match the metal curvesWarping the texture to match the metal curves

Paso 7

Recorta la capa de la textura a la capa del robot manteniendo pulsada la tecla Alt mientras haces clic en la línea entre las capas. Si se hace correctamente, la miniatura de la capa de la textura se desplazará y aparecerá un pequeño icono de una flecha apuntando hacia abajo junto a ella. Este recorte garantiza que la textura sólo sea visible sobre los píxeles del robot, y no sobre el fondo.

Clipping the texture to the robot layerClipping the texture to the robot layerClipping the texture to the robot layer

Paso 8

Utiliza el Borrador (E) para perfeccionar el lugar donde aparece la textura. Utiliza una punta de pincel difusa en el borrador para eliminar ligeramente las líneas evidentes y las zonas en las que la textura no debería ser visible sobre otras piezas metálicas.

Erase unwnated areas of the textureErase unwnated areas of the textureErase unwnated areas of the texture

Paso 9

Continúa el mismo proceso de texturizar diferentes elementos del robot. Crea duplicados de la capa original tantas veces como sea necesario, utilizando diferentes porciones de la textura. Copia en áreas de textura adicionales de las otras fotos de stock para que haya una buena variedad en el aspecto general. En nuestro proyecto hemos utilizado casi dos docenas de capas de textura. Puede ser un trabajo tedioso, pero el efecto final vale la pena

Over 20 texture layers to provide a well textured effectOver 20 texture layers to provide a well textured effectOver 20 texture layers to provide a well textured effect

Paso 10

Utiliza las texturas de los pequeños elementos mecánicos para ayudar a añadir escala y realismo a la figura del robot. Cuanto más preciso sea el detalle, más grande parecerá el robot.

2. Creación de pinceles de arañazos personalizados

La superposición de texturas es una herramienta excelente para añadir desgaste y detalles a una superficie. La incorporación de efectos de óxido y arañazos eleva el conjunto de la pieza a otro nivel. Esta sección del tutorial detalla cómo crear pinceles personalizados de óxido y arañazos a partir de las fotos de las texturas, y cómo utilizarlos para añadir daños realistas al metal de nuestro héroe robot.

Paso 1

Abre el archivo DSC_0195.JPG y haz una selección aproximada de los arañazos cerca de la parte superior del archivo. Copia la selección con Edición > Copiar (Control-C)

Selecting scratch damage from the texture photoSelecting scratch damage from the texture photoSelecting scratch damage from the texture photo

Paso 2

Crea un nuevo documento con Archivo > Nuevo (Control-N) Photoshop rellena automáticamente el tamaño del nuevo archivo con las dimensiones de los píxeles copiados. Haz clic en Aceptar en el cuadro de diálogo Nuevo. A continuación, pega en el nuevo archivo con Edición > Pegar (Control-V).

New file dialogue box autofills the correct pixel dimensionsNew file dialogue box autofills the correct pixel dimensionsNew file dialogue box autofills the correct pixel dimensions
Copied scratches pasted into the new fileCopied scratches pasted into the new fileCopied scratches pasted into the new file

Paso 3

elimina la información de color con Imagen > Ajustes > Desaturar (Mayúsculas-Control-U). A continuación, abre el ajuste de Niveles con Imagen > Ajustes > Niveles (Control-L). Tira de los dos controles de ajuste exteriores hacia el centro para crear un contraste intenso en la textura. El objetivo es conseguir que los arañazos sean de un blanco brillante frente a los píxeles más oscuros.

Using Levels to increase the contrast in the Scratches textureUsing Levels to increase the contrast in the Scratches textureUsing Levels to increase the contrast in the Scratches texture

Paso 4

Las puntas de los pinceles de Photoshop definen las áreas negras como positivas, y la textura aquí las tiene como negativas, así que ve a Imagen > Ajustes > Invertir (Control-I) para cambiar las texturas para que los arañazos sean negros y el metal sea gris claro.

Inverted textureInverted textureInverted texture

Paso 5

Utiliza el Borrador (E) con una punta de pincel de bordes difusos para eliminar los bordes definidos y hacer una transición más suave.

Use the Eraser to soften the edgesUse the Eraser to soften the edgesUse the Eraser to soften the edges

Paso 6

Ve a Seleccionar > Gama de colores y elige la opción Sombras en el menú Seleccionar. Ajusta los deslizadores de Tolerancia y Rango hasta que la vista previa muestre una buena selección de las zonas rayadas. En nuestro ejemplo, utilizamos 38% y 54 respectivamente. Pulsa OK para generar la selección.

Use Color Range to isolate the scratchesUse Color Range to isolate the scratchesUse Color Range to isolate the scratches

Paso 7

Copia la selección a una nueva capa con Capa > Nueva > Capa Vía Copiar (Control-J) y luego podrás eliminar la capa original.

A good clean file to create a custom scratch brushA good clean file to create a custom scratch brushA good clean file to create a custom scratch brush

Paso 8

Realiza cualquier otro retoque con la herramienta Borrador (para eliminar los bordes duros que queden). A continuación, define una nueva punta de pincel yendo a Edición > Definir valor de pincel y dándole un nombre al nuevo pincel.

Paso 9

Vuelve al archivo principal del proyecto. Crear una nueva capa sobre el resto de las capas de textura para los arañazos. Recorta la capa de arañazos  al resto. Utiliza la herramienta Pincel (B) y selecciona el pincel de arañazos recién creado. Selecciona un color gris brillante y reduce el tamaño del pincel según sea necesario. Crea el efecto de arañazos con un solo clic, no arrastres el pincel como lo harías con un pincel normal, esta técnica funciona más como un sello.

Adding scrath effects with the new custom brushAdding scrath effects with the new custom brushAdding scrath effects with the new custom brush

Paso 10

Continúa añadiendo efectos de arañazos utilizando una variedad de colores y tamaños del pincel. Haz clic con el botón derecho del ratón para obtener el menú contextual del Pincel y hacer uso del widget de rotación para que todos los arañazos no vayan en la misma dirección.

Adjust the brush rotation with the right click menuAdjust the brush rotation with the right click menuAdjust the brush rotation with the right click menu

3. Crea efectos de óxido personalizados

Añadir óxido personalizado en la composición es un proceso muy similar al de añadir los arañazos. ¡Utiliza una foto original de la textura para crear un pincel personalizado y luego aplícalo directamente al robot!

Paso 1

Abre el archivo DSC_0782.JPG y observa la exquisita coloración y textura del óxido a lo largo del metal. Especialmente en el lado derecho.

Source texture photo for rustSource texture photo for rustSource texture photo for rust

Paso 2

Los tornillos a lo largo de la derecha están interrumpiendo la textura y necesitan ser eliminados. Utiliza la herramienta Marco Elíptico (M) para crear una selección alrededor de cada tornillo y ve a Edición > Rellenar. ¡Elige Según contenido en el menú Rellenar y dale a OK para que Photoshop rellene la selección con una textura sin tornillos!

Use Content Aware Fill to remove the screwsUse Content Aware Fill to remove the screwsUse Content Aware Fill to remove the screws

Paso 3

Utiliza de nuevo la opción Selección > Gama de colores. Cambia la opción Selección a Colores muestreados y muestrea parte de la zona rojiza del óxido de la foto. El control deslizante Tolerancia controlará la definición del borde de la selección. Cuando estés satisfecho con la selección, pulsa OK.

Use Color Range to select the rustUse Color Range to select the rustUse Color Range to select the rust

Paso 4

Ve a Capa > Nueva > Capa Vía Copiar (Control-J) para copiar la selección de óxido a una nueva capa. Oculta la capa de fondo y usa el Borrador (E) para eliminar cualquier borde definido de la textura del óxido.

Copy to a new layer and touch up with the eraserCopy to a new layer and touch up with the eraserCopy to a new layer and touch up with the eraser

Paso 5

Crea el pincel de óxido yendo a Edición > Definir valor de pincel.

Define the Rust BrushDefine the Rust BrushDefine the Rust Brush

Paso 6

Vuelve al archivo del proyecto y añade una nueva capa para la textura del óxido. Recuerda recortar la capa con las demás. Utiliza el nuevo pincel de óxido para añadir efectos sutiles de óxido al robot. Mejora el efecto utilizando un color rojo óxido y ajustando el Modo de fusión de la capa. En nuestro ejemplo hemos utilizado #c69d5c y Subexposición de color.

Adding in the rust textureAdding in the rust textureAdding in the rust texture

Paso 7

El proceso de texturización tiende a menudo a oscurecer el sujeto más de lo previsto. Esto es simplemente el resultado de colocar tantos píxeles juntos, especialmente cuando son principalmente de tonos oscuros.

Corrige este problema añadiendo una capa de ajuste de Curvas y recortándola a la parte superior de las capas de textura. Añade dos puntos de control a la zona central de la curva y tira de ellos hacia arriba ligeramente para aclarar el robot.

A brighter textured robotA brighter textured robotA brighter textured robot

¡Excelente trabajo, terminaste!

¡Enhorabuena! ¡Has completado el texturizado del robot gigante y herido por la batalla utilizando texturas personalizadas, pinceles de arañazos y efectos de óxido! Esperamos que este proyecto te ayude a darte cuenta de lo versátil y poderoso que puede ser el texturizado personalizado a la hora de crear proyectos de manipulación fotográfica realistas.

Custom Textured Robot FinishedCustom Textured Robot FinishedCustom Textured Robot Finished

¿Quieres más?

¿Te ha resultado útil este tutorial? ¿Quieres aprender más trucos y técnicas de manipulación fotográfica? Recuerda que este tutorial es sólo una pequeña parte del proyecto global de creación de este cartel de cine completo en el curso de Manipulación fotográfica avanzada: Efectos de póster de película.

El curso de 18 vídeos contiene 2,8 horas de instrucciones detalladas, paso a paso, y te guía a través de todo el proceso. Empezando por el boceto y la toma de fotografías, el montaje de las escenas, la adición de efectos y, por último, el tratamiento de los títulos.

Movie Poster course promotional shotMovie Poster course promotional shotMovie Poster course promotional shot

Haznos saber en la sección de comentarios si este tutorial te ha resultado útil o si has tenido algún problema al seguirlo. Nos encantaría ver tu proyecto final y esperamos que puedas aplicar estas técnicas a tu propio trabajo. ¡Saludos!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.