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

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

Introducción a Photoshop

13/42
Recursos

Encuentra aquí los comandos o atajos de teclado que te serán útiles trabajando con Photoshop

  • Mover (V): seleccionar objeto o grupo a mover.
  • Marco (M): podemos optar entre el rectangular o el elíptico e incluso filas y columnas.
  • Lazo (L): desplegable con estándar, poligonal o magnético.
  • Varita mágica/Selección rápida (W): Varita de selección automática.
  • Recortar/Seccionar ( C ): desplegable con recortar, recorte con perspectiva, sector o seccionar sector.
  • Cuentagotas (I): desplegable con cuentagotas, muestra de color, regla o nota.
  • Pincel Corrector Puntual (J): funciones de corrector puntual, corrector, parche, movimiento con detección de contenido o detección de ojos rojos.
  • Pincel (B): desplegable con lápiz, sustitución de color y mezclador.
  • Tampón de clonar (S): desplegable con estándar o con motivo (patrón).
  • Pincel de Historia/Histórico (Y): intercambiables dentro del desplegable.
  • Borrador (E): desplegable con borrador, borrador de fondos o borrador mágico.
  • Bote de pintura/Degradado (G): intercambiables dentro del desplegable.
  • Sobreexponer/Subexponer/Esponja (O): intercambiables dentro del desplegable.
  • Pluma ( P ): desplegable con pluma, pluma de forma libre y modificaciones del punto de ancla.
  • Texto (T): desplegable con texto horizontal, vertical o hacer máscaras.
  • Selección de trazado/Selección directa (A): intercambiables dentro del desplegable.
  • Formas (U): desplegable con rectángulo, rectángulo redondeado, elipse, polígono, línea o forma personalizada.
  • Mano (H) / Rotar vista ( R ): intercambiables dentro del desplegable.

Aportes 34

Preguntas 5

Ordenar por:

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

Solo quiero aprovechar este espacio para decir que si alguno tiene alguna duda o inquietud, puede dejarla como respuesta en este comentario. Estaré encantado de poder ayudarles a resolverlas.

Nunca paren de aprender.

Introducción a Photoshop

  • Photoshop es una herramienta para trabajar edición de imagen.

Interfáz de Usuario

  • Las herramientas se encuentran en la parte de la izquierda.
  • Las propiedades se encuentran en la parte de la derecha.

Layers (capas)

  • Capas para posicionar elementos en el diseño uno encima de otros.

Encuentra aquí los comandos o atajos de teclado que te serán útiles trabajando con Photoshop

  • Mover (V): seleccionar objeto o grupo a mover.
  • Marco (M): podemos optar entre el rectangular o el elíptico e incluso filas y columnas.
  • Lazo (L): desplegable con estándar, poligonal o magnético.
  • Varita mágica/Selección rápida (W): Varita de selección automática.
  • Recortar/Seccionar ( C ): desplegable con recortar, recorte con perspectiva, sector o seccionar sector.
  • Cuentagotas (I): desplegable con cuentagotas, muestra de color, regla o nota.
  • Pincel Corrector Puntual (J): funciones de corrector puntual, corrector, parche, movimiento con detección de contenido o detección de ojos rojos.
  • Pincel (B): desplegable con lápiz, sustitución de color y mezclador.
  • Tampón de clonar (S): desplegable con estándar o con motivo (patrón).
  • Pincel de Historia/Histórico (Y): intercambiables dentro del desplegable.
  • Borrador (E): desplegable con borrador, borrador de fondos o borrador mágico.
  • Bote de pintura/Degradado (G): intercambiables dentro del desplegable.
  • Sobreexponer/Subexponer/Esponja (O): intercambiables dentro del desplegable.
  • Pluma ( P ): desplegable con pluma, pluma de forma libre y modificaciones del punto de ancla.
  • Texto (T): desplegable con texto horizontal, vertical o hacer máscaras.
  • Selección de trazado/Selección directa (A): intercambiables dentro del desplegable.
  • Formas (U): desplegable con rectángulo, rectángulo redondeado, elipse, polígono, línea o forma personalizada.
  • Mano (H) / Rotar vista ( R ): intercambiables dentro del desplegable.

Yo recomiendo usar GIMP, sino tienes para pagar photoshop. Existe un canal en youtube que se llama Aula en la Nube y tiene un curso completo de Zero to hero de Gimp.

una imagen que hice que quiero compartir: ![](https://static.platzi.com/media/user_upload/gato%20del%20universo-d086b3a2-d188-4a0f-9ed8-601daed8299c.jpg) gracias por la clase. 😀
Hola a todos! Les presento mi florcita![](https://static.platzi.com/media/user_upload/1%20trabajo%20floor-c7eb4344-03f1-4d99-b3aa-dacdbbaab000.jpg)
![](https://static.platzi.com/media/user_upload/primer%20ejercicio-c0651d99-cdf0-49c1-a064-35b038c2d742.jpg)
![]()![]()![]()Miren mi primer ejercicio. ![](https://static.platzi.com/media/user_upload/Ejercicio%201-362ce89a-9ff0-4135-8715-8774c5a560b5.jpg)
![]()![](https://static.platzi.com/media/user_upload/Sin%20t%C3%ADtulo-10000-f88326c0-f4ac-4bc5-ac3b-6bdde2ffcf2e.jpg)edicion que hize a una de mis plantas
como puedo descargar adobe photoshop ayuda

https://www.youtube.com/watch?v=foVY02NE5_Y&ab_channel=Ruva
Les comparto este vídeo y canal de YT, está bastante bueno para complementar el contenido del curso de photoshop.

Este programa se descarga para el escritorio o se puede trabajar en la web y donde la puedo encontrar.
file:///C:/Users/Usuario/Documents/DISE%C3%91O%20GRAFICO/ejercicio%201.png Hola chicos soy nueva pero me encanta y dispuesta aprender mucho. ![](file:///C:/Users/Usuario/Documents/DISE%C3%91O%20GRAFICO/ejercicio%201.png)
Muy a gusto con el ritmo de la clase y todo lo aprendido :) ![](https://static.platzi.com/media/user_upload/image-b301cd48-8f94-4c31-ba6e-cf37aa9fd10a.jpg)
![]()![](https://static.platzi.com/media/user_upload/practica%201-fcb7cae9-1069-4cec-91a2-1077b5ab3a6b.jpg) este es un pequeño intento.
Excelente explicación, feliz aprendiendo
![]()![]()
muchas gracias por el contenido, facil de entender y de calidad
Mi primer ejercicio y use como ayuda la IA de photoshop para el fondo, quise lograr que la saturacion del fondo tenga un parecido con el borde del personaje que seria el color rosado. ![](https://static.platzi.com/media/user_upload/Beyonder%20IA%203-56b0a082-877c-45cd-8e9e-cc6521995921.jpg)
![](https://static.platzi.com/media/user_upload/image-7a779f9b-7aed-49b2-a048-be4d38f87ad6.jpg)Vi en comentarios esta flor con un fondo diferente, me gustó mucho pero quise darle un fondo diferente :D
Creo que en mi PS no me sale la opción de varita mágica o algún experimentado que vea lo que yo no estoy viendo? ![]()
intente seguir el paso a paso pero no pude hacer lo de las capas
Si eres como yo que no puede pagar Photoshop, puedes usar Photopea, por cierto es grástis y se parece mucho a Photoshop.
Trabajar con photoshop es muy armonioso y amigable, es uno de los mejores programas que ahy para poder editar fotografías y componer imágenes para redes 😎
Algunos shortcuts ![](https://static.platzi.com/media/user_upload/image-50ee54d9-dc86-4eec-b336-91c9376c7c94.jpg)
![](https://static.platzi.com/media/user_upload/image-5388d0f2-f060-42a5-953f-4c0f2649261a.jpg) Les comparto esta imagen sobre lo que he hecho al entender esta clase, soy principiante en el mundo del diseño grafico y quiero aprender mas
Gracias
Comandos importantes ctr + s (Guardar) Es importante para asegurar nuestro trabajo y no perderlo si falla la energia ctr + z (Deshacer)
Al jala la imagen para pegarla, no me deja, aparece como bloqueada la opcion de recibirla
🙂 gracias
![](<\\\</a\>>)
![](https://ibb.co/QHpHGF9)
![](<"C:\Users\Asus Global\Downloads\fondo.psd">)![]() ```js ```