Pack del diseñador (Illustrator,Photoshop,html y css)

Diseña y maqueta con el pack del diseñador
4.52 (30 reviews)
Udemy
platform
Español
language
Web Design
category
Pack del diseñador (Illustrator,Photoshop,html y css)
10 638
students
21 hours
content
Sep 2021
last update
$19.99
regular price

Why take this course?

¡Claro! Aquí tienes una guía paso a paso para crear un oso vectorizado en Adobe Illustrator, siguiendo las tecnologías y herramientas que mencionaste:

  1. Variables e importaciones: Configura los colores y tipos de fuente que usarás en el documento. Puedes definir estas variables en la barra de opciones de Illustrator o directamente en el código CSS si planeas exportar tu trabajo a un formato web.

  2. Herramienta fusión (Blend): Utiliza la herramienta Blend para crear una suave transición entre dos puntos de inicio y final. Esto puede ser útil para el contorno del oso si lo dividimos en partes.

  3. Filtros: Aplica filtros como el "Blur" (Desblur) para suavizar las transiciones entre los colores o detalles del oso.

  4. Herramienta deformación (Distort) - Polar Grid: Después de crear un círculo básico que servirá como la cabeza del oso, usa la herramienta Polar Grid para deformarlo y darle forma al rostro.

  5. BEM (Block Element Modifier): Para organizar y nombrar tus elementos de manera sintética, facilitando el mantenimiento y la comprensión del documento. Cada parte del oso (cuerpo, cabeza, orejas, etc.) tendrá su propio bloque/elemento con sus clases respectivas.

  6. Herramienta de Lapiz (Pen Tool): Dibuja las líneas y formas básicas del oso, utilizando el Lapiz para trazar los contornos y detalles como las orejas, la cola, las patas, etc.

  7. ClipPath: Utiliza la propiedad ClipPath en las formas del oso para cortar otras formas y crear efectos de capas o superposiciones.

  8. Pinceles (Brush Tool): Personaliza pinceles para rellenar colores o aplicar detalles en áreas específicas con diferentes texturas y consistencias.

  9. Transiciones y Transformaciones: Aplica animaciones para mover las partes del oso, cambiar de color, u oscurecer/clarificar para simular luces y sombras.

  10. Animaciones y transformaciones: Utiliza la ventana de animación para añadir movimiento al oso, haciendo que las partes se muevan de manera suave.

  11. Creación de pinceles (Brush Tool): Si necesitas efectos especiales o patrones únicos, crea tus propios pinceles personalizados.

  12. Crear y eliminar puntos de ancla: Con el Lapiz o la herramienta Punto (Anchor Point Tool), ajusta los puntos de ancla para obtener las formas deseadas en el oso.

  13. Guias Inteligentes (Smart Guides): Activa las guías inteligentes para alinear y distribuir simétricamente las partes del oso.

  14. Vectorizar con figuras básicas: Comienza dibujando formas básicas que representen las partes del cuerpo del oso y luego combínalas para formar el animal completo.

  15. Dando luces y sombras al oso vectorizado: Usa la herramienta de Forma Compuesta (Compound Path) para crear capas que simulen la luz incidiendo sobre el oso, y ajusta los colores para representar las sombras.

  16. Efectos: Aplica efectos globales como "Filtro de Grado" o "Sombra de Grado" para realzar el efecto de luz natural.

  17. Textos: Añade texto al oso si lo deseas, utilizando herramientas como la herramienta Tipografía (Type Tool) y ajustando la tipografía según tu diseño.

  18. Mascaras de recorte (Clip Mask Panel): Utiliza mascaras para crear bordes limpios en las imágenes o para ocultar partes que no quieras visible.

  19. Simbolos y 3D (Symbols and 3D): Si deseas darle un aspecto tridimensional, puedes convertir ciertas partes del oso en símbolos o incluso aplicar herramientas 3D para una mayor profundidad.

  20. Modos de fusión y blending modes: Ajusta los modos de fusión (Blending Modes) en las capas para mezclar colores y crear efectos de realismo o estilización deseada.

  21. Herramienta malla (Mesh Tool): Utiliza la herramienta Malla para distorsionar y ajustar formas complejas, especialmente útil para los dedos y las patas del oso.

  22. Exportar en distintos formatos: Una vez que estés satisfecho con el diseño, exporta el trabajo en el formato deseado (PNG, JPG, SVG, etc.).

Recuerda que cada paso puede variar según el diseño específico y las necesidades de tu proyecto. Adobe Illustrator es una herramienta poderosa con muchas posibilidades, así que no hay un único "camino a seguir" en el diseño vectorial. ¡Buena suerte con tu oso vectorizado!

Course Gallery

Pack del diseñador (Illustrator,Photoshop,html y css) – Screenshot 1
Screenshot 1Pack del diseñador (Illustrator,Photoshop,html y css)
Pack del diseñador (Illustrator,Photoshop,html y css) – Screenshot 2
Screenshot 2Pack del diseñador (Illustrator,Photoshop,html y css)
Pack del diseñador (Illustrator,Photoshop,html y css) – Screenshot 3
Screenshot 3Pack del diseñador (Illustrator,Photoshop,html y css)
Pack del diseñador (Illustrator,Photoshop,html y css) – Screenshot 4
Screenshot 4Pack del diseñador (Illustrator,Photoshop,html y css)

Loading charts...

4280622
udemy ID
04/09/2021
course created date
06/09/2021
course indexed date
Bot
course submited by