Fundamentos del diseño

1

Conviértete en profesional del diseño

2

Características del diseño

3

Fundamentos de diseño

4

Cómo generar ideas

5

Herramientas para generar ideas

6

Proyectos de Diseño Gráfico: cómo construir el tuyo

Quiz: Fundamentos del diseño

Composición visual

7

Composición visual en diseño

8

¿Cuáles son las Leyes de la Gestalt?

9

Leyes de la Gestalt: Continuidad, Figura-Fondo y Simetría

10

Jerarquía, contraste y espacio en blanco

11

Tips de composición visual

Quiz: Composición visual

Digitalización del diseño

12

Diseño gráfico digital

13

Introducción a Photoshop

14

Introducción a Illustrator

15

Resolución en el diseño gráfico

16

Vectores y mapa de bits

17

Principales formatos en el diseño gráfico

18

Proyecto: Crea tu pieza gráfica en Illustrator

19

Proyecto: Finaliza tu pieza gráfica y usa Photoshop

20

Diseño con Perspectiva y Profundidad

Quiz: Digitalización del diseño

Color digital

21

Principios del color

22

CMYK, RGB y Pantone

23

Composición del color

24

Crea paletas de colores

25

Herramientas para crear paletas de colores

26

Proyecto: ilustración 3D básica

Quiz: Color digital

Tipografía

27

Tipografía en el diseño gráfico

28

Justificación y espaciados

29

Guía para seleccionar Tipografías en Diseño

30

Fuentes Tipográficas gratis con dafont.com

31

Proyecto: Foto y tipografía

32

Proyecto: Dirección de arte de la pieza gráfica

Quiz: Tipografía

Futuro del diseño gráfico

33

Tendencias y estilos gráficos del 202X

34

Diseño 3D y animación

35

IA: Inteligencia Artificial

36

Proyecto: Desarrollo gráfico con inteligencia Artificial

37

Proyecto: Inteligencia Artificial como herramienta de ideación

Quiz: Futuro del diseño gráfico

Proyecto final: diseña el look and feel de tu pieza

38

Proyecto: Pieza gráfica de diseño y composición visual

39

Proyecto: Diseño final

40

Proyecto: Retoques finales

41

¡Comparte tu landing proyecto, entrega y recibe feedback de la comunidad!

42

Publica tu proyecto gráfico

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Curso de Fundamentos de Diseño Gráfico

Curso de Fundamentos de Diseño Gráfico

Sebastián Zuluaga Valencia

Sebastián Zuluaga Valencia

Proyecto: Crea tu pieza gráfica en Illustrator

18/43
Recursos

Aportes 14

Preguntas 4

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

En mi caso quise copiarme del estilo de la artista Malika Favre que es una de mis artistas e ilustradoras favoritas.

Yo hice de la Fórmula 1

acá dejo lo que enseña el profe paso a paso espero me entiendan

Vamos a crear un nuevo archivo de 1080*1920

Con la tecla M elijo u rectángulo le cambio el color del relleno y el trazo y le aumento a 5pt

Con L y shift presionado creo el circulo perfecto

Quiero que el circulo este en la mitad de la cancha , para alinear entonces selecciono los dos y le doy en alinear y elijo alinear al centro horizontalmente

Ahora con la tecla P que es la herramienta pluma, trazamos la mitad dando clic y luego otro clic manteniendo shift y con shift alt y clic escalo hacia el centro

Ahora duplicamos con alt y shift el circulo y arrastramos y con la herramienta selección directa vemos los nodos

Vemos que los nodos los puedo mover dando doble clic con la selección directa y borro lo que no quiero

Creo el cuadrado con M y alineo todo
Ahora clonamos el semicírculo con shift y alt y con shift sostenido desde la palanca inferior alargo hasta que salgan unos excesos

Luego con la herramienta p pongo un nodo y luego con la herramienta selección directa selecciono y borro

Lo otro que hacemos es seleccionarlo todo y con shift y alt lo copio hasta la parte superior de la cancha y con R y shift rotamos con más precisión

Me gusta como explica, es bastante detallado 😎
Aca les dejo mi ejercicio, fue simple, lo hice en Canva ya que no me puedo permitir las herramientas de Adobe. <https://drive.google.com/file/d/1UqhJ2cG_xTOjYaJl1Mfx1cHJYw1tJKmT/view?usp=drive_link>

excelente clase práctica!

![](https://static.platzi.com/media/user_upload/Introducci%C3%B3n%20Dise%C3%B1o%201-5739b271-3e3b-42ef-b0bf-e1348eb7ac38.jpg)
![]()![](https://drive.google.com/file/d/1UqhJ2cG_xTOjYaJl1Mfx1cHJYw1tJKmT/view?usp=sharing)Aca les dejo mi ejercicio, fue simple, lo hice en Canva ya que no me puedo permitir las herramientas de Adobe.
¿Alguien podría decirme como hicieron sus proyectos?, mi tema elegido es la música y simplemente no se como empezar
En el diseño gráfico, es fundamental comprender los distintos **formatos de archivo de imagen**, ya que cada uno posee características y usos específicos que afectan la calidad, el tamaño y la compatibilidad de las imágenes. A continuación, se detallan algunos de los formatos más comunes: **1. JPEG (Joint Photographic Experts Group):** * **Descripción:** Formato de compresión con pérdida que reduce el tamaño del archivo al eliminar información redundante, lo que puede afectar ligeramente la calidad de la imagen. * **Usos:** Ideal para fotografías y imágenes con gradientes de color suaves. Es ampliamente utilizado en la web debido a su equilibrio entre calidad y tamaño de archivo. [Smallpdf](https://smallpdf.com/es/blog/formatos-de-imagen-para-diseno-grafico-cuando-usarlos) **2. PNG (Portable Network Graphics):** * **Descripción:** Formato de compresión sin pérdida que mantiene la calidad original de la imagen. Soporta transparencias y una amplia gama de colores. * **Usos:** Adecuado para gráficos que requieren alta calidad y transparencia, como logotipos e iconos. Es común en aplicaciones web y diseño digital. [Smallpdf](https://smallpdf.com/es/blog/formatos-de-imagen-para-diseno-grafico-cuando-usarlos) **3. GIF (Graphics Interchange Format):** * **Descripción:** Formato de compresión sin pérdida limitado a una paleta de 256 colores. Soporta animaciones simples. * **Usos:** Utilizado para gráficos simples, animaciones cortas y elementos decorativos en páginas web. No es adecuado para fotografías debido a su limitada gama de colores. [Smallpdf](https://smallpdf.com/es/blog/formatos-de-imagen-para-diseno-grafico-cuando-usarlos) **4. BMP (Bitmap):** * **Descripción:** Formato sin compresión que almacena imágenes en mapas de bits, resultando en archivos de gran tamaño pero de alta calidad. * **Usos:** Poco utilizado en la web debido a su tamaño; se emplea en aplicaciones donde la calidad es prioritaria y el tamaño del archivo no es una limitación. [Smallpdf](https://smallpdf.com/es/blog/formatos-de-imagen-para-diseno-grafico-cuando-usarlos) **5. TIFF (Tagged Image File Format):** * **Descripción:** Formato flexible que puede ser sin compresión o con compresión sin pérdida. Mantiene la calidad de la imagen y soporta múltiples capas. * **Usos:** Preferido en la industria de la impresión y fotografía profesional por su alta calidad y capacidad para almacenar información detallada. [Smallpdf](https://smallpdf.com/es/blog/formatos-de-imagen-para-diseno-grafico-cuando-usarlos) **6. SVG (Scalable Vector Graphics):** * **Descripción:** Formato basado en XML para gráficos vectoriales que permite escalabilidad sin pérdida de calidad. * **Usos:** Ideal para logotipos, iconos y gráficos que requieren redimensionamiento frecuente. Es ampliamente utilizado en diseño web y aplicaciones móviles. [Smallpdf](https://smallpdf.com/es/blog/formatos-de-imagen-para-diseno-grafico-cuando-usarlos) **7. PSD (Photoshop Document):** * **Descripción:** Formato nativo de Adobe Photoshop que soporta múltiples capas, máscaras y otros elementos de edición. * **Usos:** Utilizado para almacenar proyectos en proceso de edición en Photoshop, permitiendo modificaciones no destructivas. No es adecuado para distribución final debido a su tamaño y compatibilidad limitada. [Smallpdf](https://smallpdf.com/es/blog/formatos-de-imagen-para-diseno-grafico-cuando-usarlos) **8. AI (Adobe Illustrator):** * **Descripción:** Formato nativo de Adobe Illustrator para gráficos vectoriales, que permite escalabilidad y edición detallada. * **Usos:** Empleado en la creación de logotipos, ilustraciones y cualquier diseño que requiera escalabilidad sin pérdida de calidad. [Smallpdf](https://smallpdf.com/es/blog/formatos-de-imagen-para-diseno-grafico-cuando-usarlos) **9. PDF (Portable Document Format):** * **Descripción:** Formato desarrollado por Adobe para presentar documentos de manera consistente en diferentes dispositivos y plataformas. Puede contener texto, imágenes y gráficos vectoriales. * **Usos:** Ampliamente utilizado para documentos que requieren preservación del formato original, como folletos, manuales y presentaciones. [Smallpdf](https://smallpdf.com/es/blog/formatos-de-imagen-para-diseno-grafico-cuando-usarlos) **10. EPS (Encapsulated PostScript):** * **Descripción:** Formato de archivo gráfico que contiene imágenes, textos o gráficos en el lenguaje de descripción de páginas PostScript. Es ampliamente utilizado en la industria del diseño gráfico y la impresión profesional debido a su capacidad para almacenar gráficos vectoriales y mapas de bits en un solo archivo. [Baetica](https://baetica.com/formatos-graficos-imagenes/) * **Usos:** Ideal para la impresión de materiales como folletos, carteles y vallas publicitarias. Facilita el intercambio de gráficos entre diferentes aplicaciones y plataformas, manteniendo la integridad del diseño original.
gracias
Consulta, cuando agrando el semicírculo no mantiene los 5 px. Sino que se extiende automáticamente a 10 y queda muy grueso el trazo. Seguramente no tendré "cliqueada" una opción para que se mantenga. Alguien sabe cómo hacerlo? Desde ya, muchas gracias :)
de donde puedo obtener los vectores del bolon y logo de la NBA con la nueva version??
Hola, perdón por más que intenté ver como cortaba y eliminaba la mitad del circulo no viii, me imagino que uso algunas teclas pero no lo detecte, digo, si sé como hacerlo a mi modo, pero no sé si el uso algunas teclas que puedan ayudarme a agilizar ese paso. Gracias por su apoyo.