Categorías: Experimentos

Tutorial: Textura de papel viejo en photoshop desde 0

papel_titulo_02

Definitivamente para obtener una textura realista no hay como escanear un libro viejo y amarillento. Pero, ¿qué si no tenemos un libro viejo a la mano? Hace unos días se me ocurrió una forma de generar esta textura en Photoshop desde cero y en unos cuantos pasos.

Update:
si no tienes tiempo de seguir el tutorial o simplemente no te convenció el resultado, he subido una textura de papel viejo escaneada, bajo licencia cc, lista para ser usada en cualquier tipo de proyecto. click acá…


1. El archivo.

Aquí comenzaremos la textura con un archivo de 1024px x 768px a 72 dpi, si necesitas un archivo más grande tendrás que adecuar los valores de los filtros y efectos que aplicaremos para generar la textura.

01_nuevo

2. La capa base.

Para generar la textura lo primero es elegir el color, a mi me gustó un amarillo medio, no muy brillante para lograr el aspecto viejo que adquiere el papel con el tiempo y la humedad. Aplicamos el color con la cubeta al Layer que nos da Photoshop por default…

02_backcolor

…y convertimos este layer en un Smart Object haciendo clic derecho en el layer y eligiendo la opción Convert to Smart Object del menú, esto para poder regresar a editar fácilmente los filtros que aplicaremos en caso de que lo necesitemos.

03_smartobject

3. La magia (los filtros).

Vamos a usar 3 filtros, en las imágenes puedes ver los valores que usé, pero lo más seguro es que varíen según tus gustos y necesidades.

a) Add Noise
b) Motion Blur
c) Smart sharpen (Sharpen también sirve pero Smart Sharpen ofrece más control)

04_addnoise

05_motionblur

06_smartsharpen

Si queremos regresar a editar algún filtro sólo damos doble clic sobre el nombre del filtro en la paleta de Layers.

4. Los bordes.

Con el tiempo el papel oscurece más rápido por los bordes, para generar este efecto, lo que haremos es crear un Adjustment Layer, hacemos clic en el botón de Adjustment Layer en la parte inferior de la paleta de Layers, seleccionamos Exposure, y le damos los valores que nos funcionen mejor.

Nota: Un Adjustment layer modificará el aspecto de todos los Layers que estén por debajo de éste.

07_adjustmentlayer

08_exposure

Como verás el efecto se aplicó en toda la composición, sin embargo nosotros sólo necesitaremos que se aplique a los bordes. Para esto hacemos una selección irregular con la herramienta Lasso (para lograr un aspecto menos digital) como se muestra en la imagen.

09_lassoselection

Modificamos el Feather de la selección: clic en el menú Select > Modify > Feather… para esto 50px me parecen más que suficientes pero igual dependerá mucho del tamaño y resolución de tu archivo. Si no estas muy familiarizado aun con Photoshop lo que hace el Feather en una selección es degradar los bordes “suavizándolos”

10_modifyfeather

Ok, a continuación seleccionamos la mascara de nuestro Adjustment Layer, sí, ese cuadrito blanco al lado derecho del cuadrito con estrellitas, tomamos la herramienta Paint Bucket (la cubeta pues) y con color negro seleccionado hacemos clic dentro de la selección que hicimos previamente. Esto ocultara el centro de nuestro Adjustment Layer dejando los bordes obscurecidos.

11_selectmask

12_paintbucket

Yo no quedé muy conforme con la apariencia del Adjustment Layer así que para editarlo de nuevo, hacemos doble clic en el cuadrito con las estrellitas en nuestro Adjustment Layer y editamos los valores.

13_editexposure

5. Un paso adelante.

Finalmente, para llevar esto un pasó adelante, se me ocurre que podemos iluminar un poco el centro del papel, para esto damos doble clic sobre el Layer del papel para agregar un efecto de capa. Acá les dejo los valores, esto hará un degradado que iluminará gradualmente el centro de nuestra textura.

14_papelfx

¿No quedó tan mal eh? Si se te ocurre como mejorar el tutorial o conoces otro método no dudes dejar un comentario.

Ahora puedes dibujar encima algo de aspecto antiguo como, el retrato del bisabuelo de un célebre científico por ejemplo ;)

Post to Twitter . Post to Delicious . Post to Facebook . Post to StumbleUpon .

Comentarios

  1. vero dice:

    genial!!!!

  2. C! dice:

    Gracias Vero, espero que te haya sido de utilidad.