Cómo Crear un Patrón de Fondo Transparente en Photoshop – blog.icons8.com
Los patrones sin costuras se pueden aplicar a cualquier fondo que pueda imaginar, desde un sitio web o una aplicación hasta su foto de Yesca.
En este cómo, hablaremos sobre patrones de trama que puede crear en Photoshop. Si prefieres los vectores, echa un vistazo a este tutorial en su lugar.
Lo que Necesitarás para Realizar la Misión
1. Adobe Photoshop. Si se encontró con este tutorial, es muy probable que ya tenga este programa. Sin embargo, por si acaso, aquí está el enlace para descargar una versión de prueba gratuita.
2. Icons8 para escritorio. Es una aplicación gratuita que contiene muchos iconos y funciona bien con Photoshop.
3. Iconos u otras imágenes que desee en su patrón. Tomamos nuestros iconos de la naturaleza para este tutorial. Para su información, son gratuitos en PNG de cualquier tamaño, por lo que puede guardarlos en su cuenta y usarlos para el patrón también.
8 Pasos para Crear un Patrón en Photoshop
Cree una Base para Su Patrón
Cree un archivo nuevo de cualquier tamaño con la misma anchura y altura. En nuestro caso, cada lado es de 200px.
Agregue los iconos
Arrastre y suelte los iconos desde Icons8 para escritorio (o cualquier otro icono) al archivo de Photoshop. Fuimos por un Cangrejo, un Pez, un Pez Payaso y un Caballito de Mar.
Si utiliza iconos monocromos, es posible que los necesite en diferentes colores. Te mostramos cómo cambiar el color de los iconos PNG en Photoshop.
Coloque cada icono en una capa separada
Presione Entrar para finalizar el proceso de pegado de iconos. Tienes que presionarlo tantas veces como sea necesario hasta que ya no veas el marco negro.
Debería verse así al final:
Ahora cada icono está en su propia capa en su archivo.
Configurar la primera capa
Seleccione una capa en el panel capas y vaya a Filtro > Otros > Desplazamiento:
Establecer los parámetros Horizontal y vertical para que sean la mitad de la longitud lateral del archivo. ¿Recuerdas el Ancho y la Altura de tu cuadrado? Esos son los dos ajustes que necesita.
El tamaño de nuestro archivo es de 200x200px, por lo que configuramos 100px para ambos parámetros. Asegúrese de marcar la opción Envolver en la parte inferior de la ventana emergente. Haga clic en Aceptar. La primera capa se realiza:
Configurar la segunda capa
Seleccionar otra capa en el panel capas. Ahora vaya a Filtrar > Otros > Desplazamiento de nuevo.
Luego establezca Horizontal en 0px y presione ACEPTAR:
Configure la Tercera capa
Seleccione otra capa y vaya a Filtro > Otro > Desplazamiento. Ahora voltea los valores Horizontales y Verticales. Para nuestro caso Horizontal será 100px, y Vertical 0px. Haga clic en Aceptar.
Ahora tenemos el azulejo de patrón listo.
Fusionar las capas
Seleccione todas las capas excepto el fondo en el panel capas y use la combinación de teclas Ctrl + E. Las capas seleccionadas se fusionarán.
Crear su patrón
Primero, use una combinación de teclas más Ctrl+A (seleccione todo).
Luego vaya a Editar > Definir patrón:
Nómbralo y presione ACEPTAR. ¡Ta-da! ¡Tu patrón está listo!
Cómo aplicar el Patrón
Usted tiene el patrón, bien. Ahora veamos cómo usarlo en segundo plano.
Crea un nuevo archivo
Haz que sea más grande que tu mosaico de patrones para ver el resultado. El nuestro es 800x600px.
Elija la superposición de patrones
Haga doble clic en el Fondo en el panel capas. Haga clic en Aceptar en la ventana emergente.
Vaya a Capa > Estilo de capa > Superposición de patrones:
Seleccione el patrón recién creado en la ventana emergente y haga clic en Aceptar.
Disfrute de Su Patrón!
Fuentes con texturas para Photoshop
- Fixthephoto.com
Lectura adicional
- Crear un patrón de fondo Navideño en Adobe Illustrator
- Cómo cambiar el color de un icono PNG en Photoshop
Pruebe herramientas gratuitas para creadores del equipo de Icons8
Además, obtenga las listas de software vectorial gratuito y software de edición de fotos gratuito.