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

No se trata de lo que quieres comprar, sino de quién quieres ser. Aprovecha el precio especial.

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

13 Días
1 Hrs
48 Min
37 Seg
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 13

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.
También existen otros formatos muy útiles como: * SVG: ***Scalable Vector Graphics*** que es un formato vectorial, muy útil para incrustar imagenes (muy comunmente logos) en una página web. * XCF: ***eXperimental Computing Facility*** que en terminos prácticos viene siendo el formato del software GIMP que es una versión Open Source similar a Photoshop.
Hola a todos, .SVG esta dentro de estos formatos? y cuál es su función? Gracias.
Otro formato que cualquier diseñador debe de conocer es el SVG, se usa para crear gráficos vectoriales escalables para sitios web y aplicaciones web, es decir, está diseñado exclusivamente para visualización web.
Alguien sabe que es SVG? Gracias
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!
Es muy bueno enseñar sobre los formatos en los que se deben trabjar para que las personas no cometan errores, cosa que es muy comùn
Gracias
En Colombia, casi todos odiamos las EPS... (chiste colombiano).
WebP: Es un formato de imagen modero que se usa para sitios webs. La tecnología que impulsa las imágenes Webp se basa en el algoritmo de compresión del formato de video VP8. Este formato ofrece imágenes en alta calidad y en un tamaño menor que PNG o JPEG, combina y perfecciona las mejores cualidades de los formatos anteriormente mencionados, Una compresión avanzada y sin pérdida de calidad. Ideal para sitios web y la optimización de ellos.
En resumen, los formatos en el diseño principales son: * **GIF (Graphics Interchange Format)**:* **Descripción**: Es un formato gráfico muy popular para imágenes con movimiento (animaciones cortas) y gráficos simples como logotipos. * **Características**: Baja calidad y soporte para transparencias y animaciones. Es ideal para gráficos sencillos o pequeños clips animados. * **PNG (Portable Network Graphics)**:* **Descripción**: Es el formato ideal cuando se requiere una alta calidad de imagen y soporte para transparencias. A diferencia del GIF, el PNG no tiene pérdida de calidad al guardarse. * **Características**: Soporta millones de colores y transparencias, lo que lo hace perfecto para imágenes con fondo transparente. * **JPEG (Joint Photographic Experts Group)**:* **Descripción**: Es uno de los formatos más utilizados para fotografías debido a su capacidad de comprimir imágenes, lo que reduce el tamaño del archivo a costa de una pérdida de calidad. * **Características**: Compresión con pérdida, lo que significa que la calidad disminuye a medida que se aumenta la compresión. Es ideal para compartir imágenes en la web debido a su pequeño tamaño de archivo. * **TIFF (Tagged Image File Format)**:* **Descripción**: Es un formato utilizado en la industria de la impresión por su capacidad de almacenar imágenes de muy alta calidad sin pérdida de datos. * **Características**: Ideal para archivos que requieren la máxima calidad para la impresión. * **PDF (Portable Document Format)**:* **Descripción**: Es un formato universal que puede contener imágenes, texto, gráficos vectoriales, y más. Es ideal para compartir documentos y gráficos que necesitan ser vistos o impresos sin cambios en su formato. * **Características**: Conserva el formato original del documento y es independiente del software, hardware o sistema operativo utilizado para crear o ver el documento. Es utilizado para la distribución de documentos, especialmente en el ámbito profesional. * **PSD (Photoshop Document)**:* **Descripción**: Es el formato nativo de Adobe Photoshop y se utiliza para editar imágenes y gráficos. Soporta capas, efectos, y múltiples modos de color. * **Características**: Permite una edición no destructiva y es completamente editable. * **AI (Adobe Illustrator)**:* **Descripción**: Es el formato nativo de Adobe Illustrator, utilizado para la creación de gráficos vectoriales. * **Características**: Totalmente editable y basado en vectores, lo que significa que los gráficos pueden redimensionarse sin pérdida de calidad. Es ideal para logotipos, ilustraciones y cualquier gráfico que necesite ser escalado a diferentes tamaños. * **EPS (Encapsulated PostScript)**:* **Descripción**: Es un formato de archivo que contiene gráficos vectoriales y es compatible con una amplia gama de aplicaciones de diseño. * **Características**: Los vectores son editables y escalables sin pérdida de calidad. Es muy utilizado en la impresión y en el intercambio de gráficos entre diferentes programas de diseño.