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

Principales formatos en el diseño gráfico

17/43
Recursos

Aportes 7

Preguntas 1

Ordenar por:

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

Principales formatos en el diseño gráfico

GIF

  • poca calidad y con movimiento.

PNG

  • formato ideal para calidad alta, y sin fondo.

JPEG

  • comprensión buena pero perdida de calidad.

TIFF

  • imagenes de muy alta fidelidad y calidad.

PDF

  • esto es un formato universal 🪐.

PSD

  • formato editable de photoshop.

AI

  • formato editable Illustrator.

EPS

  • Vecores editables.
### **Principales formatos en el diseño gráfico** #### GIF (Graphics Interchange Format) * Poca calidad, comprimer tanto la imagen que alberga unicamente 256 colores, pesa poco y cuentta con movimiento. #### PNG (Portable Network Graphic) * Comprime la imagen, formato ideal para alta calidad pero no para impresión **y algo importante es que no tiene fondo.** #### JPEG (Join Photographic Experts Group) * Comprensión buena pero perdida de calidad por eso no es buena para imprimir porque se pueden mezclar colores pero es bueno para fotografias, firmas electronicas, etc.. #### TIFF (Tagged Image File Format) * Imagenes de **muy alta fidelidad** y **calidad, buena para impresión y te guarda las capas de Ph pero no te deja editarlas.** #### PDF * Esto es un formato universal **bueno para impresión, te guarda las capas de Ph y te deja editarlas.** #### PSD * Formato **editable** de photoshop, interconectable con los programas de Adobe. #### AI * Formato **editable** Illustrator, interconectable con los programas de Adobe. #### EPS (Encapsulated PostScript) * Vecores editables, son ligeros.

Principales formatos de diseño grafico

GIF (Graphics Interchange Format)

  • Poca calidad.
  • Comprime mucho la imagen y tiene poca cantidad de colores, asi pensando menos.
  • Lee transparencias.
  • Permite animaciones sin play, sino automática.

PNG (Portable Network Graphic)

  • formato ideal para calidad alta, y sin fondo.
  • comprime la imagen considerablemente pero la calidad no baja tanto.
  • Conserva bien el color.
  • No es ideal para impresión, pero en alta podría considerarse.

JPEG (Joint Photographic experts group)

  • comprensión buena pero perdida de calidad.
  • mezcla todos los colores para bajar el peso del archivo y la calidad parece buena, pero no esta buena para imprimir ni para hacer gigantografías, suele pixelarse y comenzamos a ver mezclas de colores raros.
  • buen formato para impresiones pequeñas y tomar fotografías.

TIFF (Tagged Image File Format)

  • imágenes de muy alta fidelidad y calidad.
  • te comprime la imagen muy poco, por ende pesan mucho.
  • mantiene muy bien los colores.
  • mantiene capas si es que las tiene (como en Photoshop)

PDF (Portable document format)

  • esto es un formato universal 🪐.
  • te permite configuraciones para comprimir mucho o para comprimir poco.
  • podes arrastrar en varios programas.
  • lee transparencias y capas, y mayor cantidad de colores posibles.

PSD (Photoshop document)

  • formato editable de Photoshop.

AI (Adobe Illustrator)

  • formato editable Ilustrator.

EPS (Encapsulated PostScript)

  • Vectores editables, parecido a Illustrator
  • Son archivos de peso pequeño pero con mucho información.
  • estos archivos se pueden cargar a paginas web.
Yo añadiría el formato SVG (Scalable Vector Graphics), que se utiliza sobre todo para archivos que serán utilizados en web. Son **archivos flexibles** durante todo el proceso de creación, ya que no sufren pérdidas de calidad. Si cambia el tamaño de una imagen SVG, los puntos de la imagen se vuelven a calcular a medida. Además, permite que los **motores de búsqueda** leean los atributos o palabras clave que contienen estos gráficos, lo que nos ayuda al posicionamiento web. Este tipo de archivo se utiliza sobre todo para logotipos, iconos, símbolos o botones de sitio web. Además, de cara al cliente, enviar los archivos en este formato le permitirá su edición y manejo en programas como **Canva**, de muy fácil manejo, puesto que los leen y nos permiten editarlos Os dejo unos links con más información para profundizar en este formato: * <https://www.adobe.com/es/creativecloud/file-types/image/vector/svg-file.html> * <https://graffica.info/formato-svg-ventajas/>

¿Cuál es la diferencia entre los archivos EPS y los archivos SVG?

Para la web, los archivos SVG son más pequeños que los EPS y solo están formados por un código. Su lenguaje de programación XML ayuda a mejorar los tiempos de carga y el rendimiento.

Los archivos EPS se lanzaron en 1992, cuando el panorama digital era muy diferente. Por ello, no están bien optimizados para la web.
Para impresión es mejor el EPS por cuestiones de compatibilidad a la hora de imprimir, si no quieres tener problemas con algunas impresoras no tan modernas es mejor los EPS.

https://www.adobe.com/es/creativecloud/file-types/image/comparison/eps-vs-svg.html#:~:text=Los%20archivos%20SVG%20son%20más,el%20tamaño%20y%20el%20color.

Hola! habría que nombrar también el formato SVG, no? Dentro de Ilustrator! así también yo suelo exportar los logos. No sé si está bien pero los mando en PNG y en SVG. Gracias!
Hola a todos, .SVG esta dentro de estos formatos? y cuál es su función? Gracias.