Advertisement
  1. Design & Illustration
  2. Geometric

Cómo Crear Objetos Geométricos Texturizados en Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Objetos geométricos son muy populares en la industria del diseño hoy en día. Y tu puedes crear diseños interesantes con unas cuántos formas simples en Adobe Photoshop.

Aprende cómo crear éstos geniales elementos y convertirlos en Objetos Inteligentes antes de aplicar una fabulosa textura grunge para un efecto desgastado.

O con toda confianza explora la amplia selección de sensacionales recursos geométricos de Graphic River.

Recursos del Tutorial

Los siguientes recursos fueron usados en la producción de éste tutorial:

1. Cómo Crear un Diseño Geométrico Circular

Paso 1

Antes de comenzar, asegúrate de tener todos los elementos de formas que necesitas para llevar a cabo éstos diseños. Así que selecciona la Herramienta Forma Personalizada (U) y ve al menú desplegable junto a Forma. Luego haz click en la opción Todas para asegurarte de que tengas toda la selección de formas disponible.

Cuándo Photoshop pida remplazar las formas actuales con la nueva colección, simplemente pulsa OK.

Adding More Shapes to the Custom Shape Tool

Paso 2

Comienza con un Nuevo Documento grande, estaré usando uno de 2500 x 2500 px. Ahora comencemos en el primer diseño. Selecciona la Herramienta Elipse (U) y crear un círculo negro grande.

Create a Large Black Circle

Paso 3

Pulsa Control-J para Duplicar el círculo y redimensiónalo para que sea más chico con la Herramienta Transformación Libre (Control-T). Éste vez establece el Relleno en transparente con un Trazo blanco de 10 pixeles.

Create an Inner Circle

Paso 4

Duplica (Control-J) el círculo blanco. Cambia el Trazo a 5 pixeles y utiliza Transformación Libre para hacerlo más pequeño, casi a la mitad del tamaño del círculo previo. Coloca éste círculo arriba con ambos círculos una contra otro.

Adding a Circle at the Top of the Geometric Design

Ahora Duplica el círculo más pequeño y coloca la copia hacia la parte inferior.

Add the Second Circle

Continua para Duplicar el círculo más pequeño seis veces más. Empieza a colocar cada nuevo círculo alrededor del diseño en dirección contraria a las manecillas del reloj. Comienza con los lados derecho e izquierdo para finalizar los primeros cuatro como un ancla para el resto de tus círculos.

Add More Circles in a Counter Clockwise Direction

Para colocar las copias restantes, asegúrate de que estén habilitadas tus Guías Inteligentes al ir a Vista > Mostrar > Guías Inteligentes. Usa la Herramienta Mover (V) de nuevo para mover el resto de tus círculos en su lugar.

Add More Circles Until Youre Finished

Aquí está el diseño circular final sin la textura. Cuándo finalices, selecciona todas las capas de formas y haz click-derecho para Convertir en Objeto Inteligente. Ésto te permitirá aplicar cualquier textura o foto fácilmente en los pasos posteriores.

Final Geometric Circle Design

2. Cómo Crear un Diseño Geométrico de Inspiración Tribal

Paso 1

Para el próximo diseño, fui inspirado por los sagrados elementos angulares a menudo vistos en diseños espirituales. Selecciona la Herramienta Elipse (U) y dibuja un círculo grande. Establece el Relleno en ningún color y el Trazo a una línea negra Punteada de 15 pixeles. Si sientes que necesitas ver el panel Propiedades en cualquier momento, sólo ve a Ventana > Propiedades.

Create a Dotted Circle

Paso 2

Ahora selecciona la Herramienta Forma Personalizada (U) y toma la Forma Triángulo. Dibuja un triángulo grande en el centro del círculo con un Trazo sólido negro de 15 pixeles. Control-J para Duplicar el triángulo, y luego ve a Edición > Transformar > Voltear Vertical y coloca el segundo triángulo en su lugar.

Add Two Triangles to the Circular Design

Duplica uno de los triángulos de nuevo y utiliza Transformación Libre (Control-T) para hacerlo un poco más pequeño. Coloca el tercer triángulo en su lugar. Duplica el triángulo más pequeño que acabas de crear y ve a Edición > Transformar > Voltear Vertical para colocar el triángulo opuesto para más equilibrio.

Add More Triangles for Balance

Duplica uno de los triángulos una última vez y colócalo hacia la mitad del círculo un poco fuera del centro.

Add One Last Triangle

Paso 3

Usa la Herramienta Pluma (P) para crear una forma para rellenar de negro el diamante de en medio.

Fill in the Shape with the Pen Tool

Cuánto termines, selecciona todas las capas y haz click-derecho para Convertir en Objeto Inteligente. Aquí está el diseño final abajo.

Final Tribal Geometric Design

3. Cómo Crear un Diseño Geométrico Similar a una Flor

Paso 1

Para éste próximo diseño geométrico, vamos a hacer una forma inspirada en una flor elaborada con únicamente cinco círculos. Selecciona la Herramienta Elipse (U) y crea un círculo negro grande. Duplica (Control-J) el círculo y utiliza Transformación Libre (Control-T) en la copia para hacerla más pequeña. Ésta vez, deja el Relleno vacío, pero establece el Trazo en una línea sólida blanca de 30 pixeles.

Coloca el círculo hacia la esquina superior derecha del primero.

First Steps for Creating a Flower Inspired Geometric Design

Paso 2

Duplica el círculo que tiene el trazo blanco tres veces más. Aplica Transformación Libre (Control-T) a los dos siguientes círculos para hacerlos más pequeños y colócalos para que toquen los lados opuestos del círculo. Ésto finaliza la creación de una genial apariencia 3D.

Duplicate the Circles and Position them into Place

Paso 3

Aplica Transformación Libre (Control-T) al último círculo para hacerlo más pequeño y cólocalo en el centro. Igual que antes, selecciona todas las capas de formas y haz click-derecho para Convertir en Objeto Inteligente. ¡Aquí está el diseño final!

Final Circular Flower Geometric Design

4. Cómo Crear un Diseño Geometrico Hexagonal

Paso 1

Para el último diseño estaré creando una sencilla forma de inspiración hexagonal. Selecciona la Herramienta Polígono (U) y crea una forma hexagonal sin Relleno y un Trazo negro de 5 pixeles. Establece la línea para el Trazo en Línea Discontinua.

Create the Initial Hexagon Shape

Paso 2

Duplica (Control-J) la forma hexagonal y házla ligeramente más pequeña con Transformación Libre (Control-T). Cambia la línea a una Línea Sólida y el peso a un Trazo de 10 pixeles.

Create Another Hexagon Shape Within the First

Paso 3

Ahora toma la Herramienta Forma Personalizada (U) y usa la misma Forma Triangular de antes. Crea un triángulo grande con un Trazo sólido negro de 10 pixeles y colócalo en el centro del hexágono.

Add a Triangle to the Hexagon Design

Paso 4

Ahora selecciona la Herramienta Línea (U) y crea una línea sólida negra de 10 pixeles en la esquina izquierda del hexágono, conectándola hacia el centro de la línea izquierda del triángulo. Duplica la línea y ve a Edición > Transformar > Voltear Horizontal para colocar la segunda línea. Finaliza creando una tercera línea que conecte la parte inferior del triángulo con el punto inferior del hexágono.

Create Line Connect the Hexagon to the Triangle

Paso 5

Finalmente, termina éste diseño al seleccionar la Herramienta Forma Personalizada (U) y crea un triánglo para el centro del diseño. Rellena el triángulo de negro y manten el Trazo en 10 pixeles. Como siempre, asegúrate de seleccionar todas las capas de formas y haz click-derecho para Convertir en Objeto Inteligente.

The Final Hexagon and Triangle Geometric Design

5. Cómo Aplicar Fotos & Texturas en Objetos Geométricos

Paso 1

¡Ahora por la textura! Ya que hemos creado Objetos Inteligentes de nuestros diseños geométricos, ahora podemos aplicar una genial textura o foto para un fabuloso efecto.

Coloca cada Objeto Inteligente geométrico en su propio Grupo.

Place the Smart Objects Into Groups

Paso 2

¡Agreguemos alguna textura! Aquí usaré la sexta textura grunge de éste Paquete de Textura Grunge de GraphicRiver. Simplemente Copia y Pega la textura en una Nueva Capa para cada Grupo. Haz click-derecho para establecer la textura como una Máscara de Recorte con el Objeto Inteligente y cambia el Modo de Fusión de la Capa a Luz Fuerte. Asegúrate que el Objeto Inteligente únicamente tenga un fondo transparente o de lo contrario tendrás algunos bordes indeseados.

Add Texture to the Smart Object

Con toda confianza mueve la textura alrededor y colócala de manera diferente para cada diseño geométrico.

Paso 3

Alternativamente, también puedes agregar una genial foto como una Máscara de Recorte bajo la textura o sin la textura. Aquí utilicé éste imagen Sunset Stock de Pixabay.

Ésta vez, establece el Modo de Fusión de la Capa en Trama para la foto.

Adding a Photo to a Geometric Design
Si no quieres que la textura todavía se muestre, simplemente Oculta la Visibilidad de la capa de la textura.

4 Paquetes de Diseño Geométrico Premium

Ahórrate todos los pasos laboriosos de crear éstos objetos al descargar fabulosos recursos geométricos de GraphicRiver y Envato Elements.

Éstos cuatro paquetes están llenos de docenas de elementos geométricos ¡que estoy seguro te encantarán! Inclúyelos en tu paquete de diseño como los recursos gráficos definitivos y ¡comienza a crear sensacionales diseños hoy!

60 Elementos Geométricos Abstractos

Elabora una impresionante exposición con éstos diseños geométricos. Ésta colección presenta 60 diseños fabulosamente originales que querrás incorporar en tu próximo proyecto. Se incluye un archivo PNG de alta resolución para tu conveniencia.

60 Abstract Geometric Elements

40 Diseños Artísticos Geométricos

¿Necesitas algunos elementos fantásticos para tus posters, logos o diseños web? Consulta éste fabuloso paquete de 40 diseños geométricos que presentan bonitos elementos angulares y circulares.

40 Geometric Art Designs

Texturas Vectoriales Geométricas

Éste conjunto de diseños geométricos vectoriales de alta calidad pueden usarse en Illustrator y Photoshop. Descarga éste paquete para tener acceso a 40 diseños originales que pueden ser escalados a cualquier tamaño.

Geometric Vector Textures

Paquete de 80 Vectores Geométricos

Para el paquete de diseño, considera ésta sensacional colección de 80 vectores geométricos. Éstas formas tienen un toque vintage añadido que es perfecto para establecer una marca, diseño de impresión, ¡y mucho más! ¡Descarga éste paquete para tener acceso a éstos diseños geométricos!

80 Geometric Vectors Bundle

Conclusión

¡Espero que hayas disfrutado éste tutorial! Recuerda que crear interesantes formas geométricas en Photoshop es fácil una vez que te familiarizas con la Herramienta Forma.

Continúa experimentando con más diseños y diviértete incorporando éstos elementos en cualquier proyecto creativo! Si tienes alguna pregunta, con toda confianza deja un comentario abajo.

Textured Geometric Designs Adobe Photoshop Tutorial
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.