Adobe Photoshop para diseño web
Por Arturo Servín , Diseñador web
Aprende a diseñar y maquetar páginas responsive de manera sencilla
Aprende a diseñar y maquetar páginas responsive de manera sencilla
Domestika Basics · 6 cursos incluidos
-
Curso 1 – Principios básicos
Por Arturo Servín
Descubre la interfaz del software y todas las posibilidades que te ofrece
-
Curso 2 – Diagramación del sitio web
Por Arturo Servín
Aprende a crear retículas para definir el layout y la estructura de tu página web
-
Curso 3 – Trabajando con capas
Por Arturo Servín
Conoce las opciones para organizar objetos y optimizar tu diseño web
-
Curso 4 – La tipografía
Por Arturo Servín
Encuentra la tipografía ideal y aprende a dar estilo a tus textos
-
Curso 5 – Diseño responsivo
Por Arturo Servín
Aprende a ajustar el diseño de tu proyecto web para tableta y móvil
-
Curso 6 – Generar recursos
Por Arturo Servín
Aprende a preparar y exportar tu proyecto para desarrollo
Existen muchas herramientas para diseñar una web, pero una de ellas es la más completa para hacerlo, y no es otra que Adobe Photoshop. En este Domestika Basics de 6 cursos, Arturo Servín —diseñador gráfico especializado en diseño web y Adobe Certified Instructor— te enseñará paso a paso a utilizar Photoshop para diseñar y maquetar sitios web responsive de manera sencilla y sin complicaciones.
Si el nombre del profesor te suena, es probable que sea por su primer Domestika Basics: Introducción a Adobe XD para aplicaciones móviles, donde comparte sus conocimientos para diseñar apps desde cero para iOS y Android.
Comenzarás este curso conociendo los principios básicos del programa: desde aprender a configurar la interfaz hasta crear nuevos documentos para empezar a dar forma a tu sitio web para diferentes dispositivos.
Después, aprenderás a diagramar tu web utilizando las guías y guías inteligentes, las cuales te permitirán crear una retícula para definir el layout y la estructura de todas las secciones de tu página.
Continuarás el tercer curso con el orden como protagonista. Verás cómo funcionan las capas para mantener ordenados todos los elementos y conocerás las diferentes opciones para posicionar los objetos, optimizando así el funcionamiento de tu diseño web.
En el cuarto curso te adentrarás de lleno en el mundo de la tipografía para pantallas. Descubrirás cuáles son las tipografías óptimas para la web y aprenderás a editar los textos para darles formato y estilo con las herramientas de Photoshop.
Seguidamente, Arturo te explicará todo lo que necesitas saber sobre el diseño responsive. Así, sabrás cómo optimizar el formato de tu página web dependiendo del modelo del móvil o tableta, conservando tu diseño intacto, siempre adaptado a cualquier dispositivo.
En el último curso aprenderás a generar recursos para tu página, verás formatos para exportar el archivo, crearás estilos CSS, entre otros recursos que tienen como objetivo perfeccionar y mejorar el armado de tu página web con el equipo de desarrolladores.
Requisitos técnicos
- ⦁ Un ordenador con Windows 10 o macOS 10.12 Sierra (o superior).
⦁ Adobe Photoshop CC (puedes comprarlo o descargar la versión de prueba de 7 días en la página web de Adobe).
⦁ Se recomienda disponer de una tableta gráfica.
- 99% valoraciones positivas (353)
- 15.162 estudiantes
- 38 lecciones (7h 42m)
- 6 cursos
- 105 recursos adicionales (30 archivos)
- Online y a tu ritmo
- Disponible en la app
- Audio: Español, Inglés
- Español · Inglés · Portugués · Alemán · Francés · Italiano · Polaco · Neerlandés
- Nivel: Iniciación
- Acceso ilimitado para siempre
Software recomendado para este curso
Adobe PhotoshopOpiniones
Por Arturo Servín
Arturo Servín es diseñador gráfico especializado en diseño web y ha sido diseñador web para la revista a! Diseño, además de Community Professional para Adobe Systems durante dos años, y profesor de diferentes universidades de México, incluyendo Miami Ad School Mexico City. Instructor invitado de diferentes instituciones educativas, como la Universidad Iberoamericana, Universidad Anáhuac campus Cancún, Tecnológico de Monterrey, Universidad de las Américas en Puebla, Universidad Autónoma de Guadalajara, entre otras. Fundador de su propio estudio enfocado en el ecommerce, diseño web y branding.
Contenidos
Curso 1 – Principios básicos
-
U1
Bienvenida
-
Bienvenida
-
-
U2
Interfaz de Adobe Photoshop para diseño web
-
Interfaz de Adobe Photoshop para diseño web
-
-
U3
Nuevo documento para web, móvil y otros dispositivos
-
Nuevo documento para web, móvil y otros dispositivos
-
-
U4
Medidas generales de un sitio web
-
Medidas generales de un sitio web
-
-
U5
Práctica: Crea las medidas generales de pantalla de un sitio web
-
Práctica: Crea las medidas generales de pantalla de un sitio web
-
Curso 2 – Diagramación del sitio web
-
U1
La ventaja de usar líneas guía
-
La ventaja de usar líneas guía
-
-
U2
Retículas para el diseño de un sitio web en ordenador
-
Retículas para el diseño de un sitio web en ordenador
-
-
U3
Retículas para el diseño de un sitio web en móvil
-
Retículas para el diseño de un sitio web en móvil
-
-
U4
Diagrama gráfico general de un sitio web
-
Diagrama gráfico general de un sitio web
-
-
U5
Práctica: Genera la estructura general de diseño de tu sitio web
-
Práctica: Genera la estructura general de diseño de tu sitio web
-
Curso 3 – Trabajando con capas
-
U1
Editando las capas
-
Editando las capas
-
-
U2
Grupos de capas
-
Grupos de capas
-
-
U3
Objetos incrustados VS. objetos enlazados
-
Elementos incrustados y enlazados en Photoshop
-
-
U4
Objetos inteligentes
-
Objetos inteligentes
-
-
U5
Formas
-
Formas
-
-
U6
Alineación de elementos
-
Alineación de elementos
-
-
U7
Práctica: Diseña la página de inicio de tu sitio web
-
Práctica: Diseña la página de inicio de tu sitio web - Parte 1
-
Práctica: Diseña la página de inicio de tu sitio web - Parte 2
-
Curso 4 – La tipografía
-
U1
Tipografías para diseño web
-
Tipografías para diseño web
-
-
U2
Herramientas tipográficas
-
Herramientas tipográficas
-
-
U3
Estilos de caracter
-
Estilos de caracter
-
-
U4
Estilos de párrafo
-
Estilos de párrafo
-
-
U5
Navegación en ordenador VS. navegación en móvil
-
Navegación en ordenador VS. navegación en móvil
-
-
U6
Práctica: Diseña el menú de navegación de tu sitio web
-
Práctica: Diseña el menú de navegación de tu sitio web - Parte 1
-
Práctica: Diseña el menú de navegación de tu sitio web - Parte 2
-
Curso 5 – Diseño responsivo
-
U1
Diferentes marcas, diferentes pantallas
-
Diferentes marcas, diferentes pantallas
-
-
U2
Ajustando el diseño a tabletas
-
Ajustando el diseño a tabletas
-
-
U3
Ajustando el diseño a móviles
-
Ajustando el diseño a móviles
-
-
U4
Vertical VS. horizontal
-
Vertical VS. horizontal
-
-
U5
Práctica: Ajusta el diseño de tu sitio web para tableta y móvil
-
Práctica: Ajusta el diseño de tu sitio web para tableta y móvil
-
Curso 6 – Generar recursos
-
U1
La diferencia entre JPG, PNG y SVG
-
La diferencia entre JPG, PNG y SVG
-
-
U2
Exportar una imagen para web
-
Exportar una imagen para web
-
-
U3
Exportar un estilo CSS de un objeto
-
Exportar un estilo CSS de un objeto
-
-
U4
Exportar un estilo CSS tipográfico
-
Exportar un estilo CSS tipográfico
-
-
U5
Generar recursos desde una capa
-
Generar recursos desde una capa
-
-
U6
Generar recursos desde un grupo de capas
-
Generar recursos desde un grupo de capas
-
-
U7
Multiformatos en un clic
-
Multiformatos en un clic
-
-
U8
Práctica: Genera los recursos de tu sitio web
-
Práctica: Genera los recursos de tu sitio web
-
Ver el contenido de los 6 cursos
Sobre Domestika Basics
Domestika Basics son cursos orientados a explicar de manera sencilla y paso a paso el software más usado por creativos de todo el mundo.
El contenido está cuidadosamente pensado para estudiantes que se inician en una nueva disciplina creativa y para profesionales con experiencia que quieren reforzar sus conocimientos.
Aprende con los mejores profesores de Domestika a través de lecciones prácticas, recursos abundantes y con una dificultad progresiva que te permitirá ver resultados desde el primer día.
Con Domestika Basics crecerás como profesional y estarás preparado para realizar proyectos más importantes.
-
Sin conocimientos previos
En Domestika Basics tienes todo lo necesario para iniciarte en una disciplina y llegar a ser un experto.
-
Centrados en la herramienta
Descubre los fundamentos, técnicas y métodos probados que necesitas para dominarla.
-
Aprende rápido
Los mejores profesionales te enseñan paso a paso y sin rodeos para que no te pierdas dentro del programa.
-
Certificados Plus
Si eres Plus, obtén un certificado personalizado y firmado por tu profesor. Compártelo en tu porfolio, en las redes sociales o donde quieras.
Adobe Photoshop
quantumproductions2021
Very informative and lots of details.
Ver traducción
Ocultar traducción
susanaparedez
PlusExcelente curso, muy bien explicadas tosas las unidades, he aprendido muchisimo sobre Photoshop.
yuyisasi
Buenisimo!!
gilpura
Me encanta!!
atlasolar
Muy buen curso, es didáctico, bien explicado y entendible, practico y te hace autodidacta en ciertos aspectos. Lo recomiendo mucho.