Crear una trama infinita en Photoshop



Cómo crear una trama infinita

Crear una trama infinita en Photoshop



Hola!
Les traigo una especie de "tutorial" para crear una trama infinita (partiendo de una fotografía) en Adobe Photoshop.
Este tipo de cosas resultan muy útiles para cuando queremos colocar alguna imagen de fondo en algún Blog o Sitio Web, de manera tal de que no se noten las "uniones" en los límites de la imagen.


web



NOTA: En este tutorial uso el Photoshop CS5, pero estas herramientas también están disponibles en las versiones anteriores.




Bueno, vayamos al grano:




1.

Antes que nada, vamos a escoger qué imagen queremos para hacerla “trama infinita”.
Aquí, elegí una textura de una pared (la arrastramos hacia el PhotoShop, para abrirla):
html




2.

Lo que haremos ahora es usar la Herramienta Recortar para agrandar el lienzo (el área de trabajo) de manera horizontal.
Más o menos, conviene agrandar el lienzo 4 veces el ancho de la imagen:
(recuerden que antes de agrandar el lienzo, conviene duplicar la capa (arrastrando la capa actual hacia el botón de “nueva capa”) y eliminar la capa base, llamada “Fondo” o “Background” )
infinita




3.

Duplicamos la capa de la imagen, y la de arriba la movemos hacia a la derecha de manera tal que quede tapando solo un pedacito de la de abajo.
Para que se transparente la capa de arriba (así vemos lo que vamos haciendo), hay que aplicarle la propiedad “Multiplicar” en los Modos de Fusión de las capas; esto hace que se vean las dos superpuestas:
crear




4.

Con la Herramienta Borrador vamos borrando la capa de arriba sobre lo que seria el límite de la imagen; esto es para que no se note luego la unión.
Conviene ir chequeando la imagen, cambiando de modo “Multiplicar” a modo “Normal”, para ver cómo va quedando la cosa...:
mosaico




5.

Una vez que borramos todo el extremo de la imagen, volvemos al modo “Normal” para ver cómo quedó, y si realmente se nota que hay una unión en ambas imágenes:
textura




6.

Cuando estemos 100% seguros de que quedó bien, combinamos ambas capas para que quede una sola (Menú Capa > Combinar Visibles):
background




7.

Ahora, volvemos a duplicar la capa y la de arriba la volvemos a arrastrar hacia la derecha; la vamos moviendo poco a poco de manera tal de que coincida perfectamente con la de abajo en la parte que se superponen (recuerden tener la capa de arriba como “Multiplicar” para que se pueda ver la de abajo).
Para hacerlo de manera más precisa, conviene trabajar con mucho zoom:
photoshop




8.

Seleccionamos el pedazo de la izquierda y lo eliminamos (Supr) (pertenece a la capa de abajo; recuerden situarse sobre ella para poder eliminarlo), ya que es un sobrante que no se usará más:
imagen




9.

Lo que haremos ahora es pasar la capa de abajo hacia arriba (arrastramos la capa de abajo hacia arriba para que quede sobre la otra).
Una vez hecho esto, con la Herramienta Borrador vamos borrando la capa de arriba donde era la unión (en el centro de la imagen) de manera de que no queden rastros:
fondo




10.

Una vez que ya hayamos borrado, combinamos ambas capas en una sola (Menú Capa > Combinar Visibles):
trama




11.

Como hicimos en el paso Nº 7, volvemos a duplicar la capa y la de arriba la desplazamos hacia la derecha hasta que coincida con la de abajo:
Crear una trama infinita en Photoshop




12.

Ahora usaremos nuevamente la Herramienta Recortar para recortar solo el pedazo que quedó del lado izquierdo:
web




13.

La imagen ya quedó recortada. Combinamos las capas (Menú Capa > Combinar Visibles).
Ya tenemos terminado lo que sería la “imagen infinita" pero solo horizontalmente:
html




14.

Ahora hay que hacerla "infinita" pero verticalmente; por lo tanto, vamos a repetir todos los pasos que hicimos hasta ahora pero de manera vertical.
Repetimos el paso Nº 2, pero verticalmente:
infinita




15.

Repetimos el paso Nº 3, pero verticalmente:
crear




16.

Repetimos el paso Nº 4, pero verticalmente:
mosaico




17.

Repetimos el paso Nº 5 y el paso Nº 6, pero verticalmente:
textura




18.

Repetimos el paso Nº 7 y el paso Nº 8, pero verticalmente:
background




19.

Repetimos el paso Nº 9, pero verticalmente:
photoshop




20.

Repetimos el paso Nº 10 y el paso Nº 11, pero verticalmente:
imagen




21.

Repetimos el paso Nº 12 y el paso Nº13, pero verticalmente.
Y ya tenemos nuestra "trama infinita" TERMINADA:
fondo







trama Crear una trama infinita en Photoshop web html infinita crear



TERMINADA:

mosaico




AQUÍ, UNA PRUEBA PONIENDO UNA AL LADO DE LA OTRA:
(click para agrandar)

textura
(se podría haber hecho mejor , pero lo importante es que se entienda el proceso,
el resto depende del grado de paciencia de c/u.)







background



GRACIAS POR VER!


Espero haber sido de utilidad.

Cualquier duda, manden MP.





photoshop






POSTS RELACIONADOS:



Reparar una foto vieja con Photoshop:

imagen


Cambiar el color de ojos con Photoshop:

fondo


Cómo vectorizar una imagena con Illustrator:

trama


Crear una Animación en Flash:

Crear una trama infinita en Photoshop







7 comentarios - Crear una trama infinita en Photoshop

@SpectrumT
Interesante, pero esta re largo viejo, despues lo leo.

Saludos!!!
@elchafa +1
+10 Muy bueno. Seguí haciendo estos tutoriales que están muy interesantes y claros.
@aknote
Esta buenisimo el post , muy bien explicado todo. (lastima que le dejaste la gota de oxido...sino era perfecta la trama infinita)
Gracias +2