Creación de una Ilustración de Basurero en Adobe Photoshop

Objetivo del Aprendizaje:
Aprender a utilizar de manera eficiente las herramientas y funciones de Adobe Photoshop para crear ilustraciones complejas, mediante el uso de comandos cortos y técnicas avanzadas de edición y diseño vectorial, mejorando así la precisión y calidad del trabajo gráfico.



Paso a Paso en el Uso de Herramientas y Comandos Cortos en Adobe Photoshop

1. Configuración Inicial
- Crear un Nuevo Documento:
o Comando: `Ctrl + N` (Windows) / `Cmd + N` (Mac)
o Configuración: Ancho 700px, Alto 600px, RGB, 72ppi, desactivar "Alinear objetos nuevos a la cuadrícula de píxeles".
- Configurar la Cuadrícula y las Guías:
o Activar Cuadrícula: `Ver > Cuadrícula`
o Ajustar a Cuadrícula: `Ver > Ajustar a Cuadrícula`
o Configuración de Cuadrícula: `Edición > Preferencias > Guías y Cuadrículas`, 5px en "Cuadrícula cada" y 1 en "Subdivisiones".

2. Dibujar la Forma Base del Basurero
- Herramienta Rectángulo:
o Comando: `M`
o Crear un rectángulo de 200x390px, Relleno: `00996D`, sin trazo.
- Herramienta Selección Directa:
o Comando: `A`
o Mover el punto de anclaje izquierdo inferior 15px a la derecha, y el derecho 15px a la izquierda.
- Copiar Forma:
o Comando: `Ctrl + C` (Copiar), `Ctrl + F` (Pegar en frente)

3. Crear la Parte Superior del Basurero
- Herramienta Rectángulo:
o Comando: `M`
o Crear un rectángulo de 220x50px, colocar encima de la forma base.
- Panel de Buscatrazos:
o Comando: `Shift + Ctrl + F9`
o Seleccionar ambas formas y hacer clic en "Intersección".

4. Aplicar Esquinas Redondeadas y Deformación
- Efecto Esquinas Redondeadas:
o Comando: `Efecto > Estilizar > Esquinas Redondeadas`, Radio: 10px.
- Efecto Deformar:
o Comando: `Efecto > Deformar > Arco Inferior`, Configuración: según la imagen proporcionada.

5. Unir Formas y Nombrar Capas
- Unir Formas:
o Comando: `Panel de Buscatrazos > Unir`
- Panel de Capas:
o Comando: `F7`
o Nombrar la capa como "Cuerpo".

6. Agregar Detalles Verticales
- Herramienta Pluma:
o Comando: `P`
o Dibujar dos líneas verticales de 400px, aplicar un trazo negro.
- Herramienta Selección Directa:
o Comando: `A`
o Mover los puntos de anclaje inferiores de ambas líneas 15px hacia adentro.

7. Dividir y Editar Formas
- Copiar Cuerpo:
o Comando: `Ctrl + C` (Copiar), `Ctrl + F` (Pegar en frente)
o Seleccionar la copia y las líneas, y aplicar "Dividir" en el panel de Buscatrazos.
- Desagrupar Formas:
o Comando: `Shift + Ctrl + G`
o Eliminar la forma del medio resultante.

8. Aplicar Degradados y Efectos de Opacidad
- Aplicar Degradado:
o Seleccionar las dos formas resultantes y aplicar un degradado lineal.
- Duplicar y Ajustar Opacidad:
o Duplicar las formas, mover ligeramente y aplicar "Menos Frente" en el panel de Buscatrazos.
o Ajustar la opacidad y el modo de fusión según las instrucciones proporcionadas.

9. Agregar Más Detalles y Aplicar Más Efectos
- Repetir Pasos 8 y 9 para el otro lado del basurero.
10. Agrupar y Finalizar Detalles
- Agrupar Formas:
o Comando: `Ctrl + G`
- Agregar Efectos de Desenfoque:
o Comando: `Efecto > Desenfoque > Desenfoque Gaussiano`
11. Finalizar con Máscaras y Ajustes Finales
- Crear Máscara de Opacidad:
o Seleccionar "Cuerpo" y hacer una copia en frente, llenarla de blanco.
o Abrir panel de Transparencia y aplicar "Crear Máscara de Opacidad".
- Ajustes Finales de Color y Posición:
o Aplicar colores finales y ajustar posiciones según sea necesario.
Esta guía proporciona una estructura detallada para aprender a utilizar Adobe Photoshop de manera efectiva, destacando las herramientas y comandos necesarios para completar una ilustración compleja.

 Contenido de la Guía:

1. Introducción a Adobe Photoshop
   - Breve descripción del programa
   - Interfaz de usuario y paneles principales

2. Herramientas Básicas
   - Herramienta de selección (V)
   - Herramienta de mover (V)
   - Herramienta de recorte (C)
   - Herramienta de marco rectangular (M)
   - Herramienta de lazo (L)
   - Herramienta de varita mágica (W)

3. Uso del Panel de Apariencia
   - Añadir y editar trazos y rellenos
   - Comandos cortos:
     - Añadir nuevo relleno: Shift + F6
     - Añadir nuevo trazo: Shift + F5

4. Trabajo con la Herramienta de Rectángulo
   - Crear formas y modificar puntos de anclaje
   - Convertir rectángulos en trapezoides
   - Comandos cortos:
     - Herramienta de rectángulo: M
     - Herramienta de selección directa: A

5. Uso del Panel de Pathfinder
   - Combinar y restar formas
   - Crear y modificar formas complejas
   - Comandos cortos:
     - Minus Front: Alt + Shift + M
     - Unite: Alt + Shift + U
     - Intersect: Alt + Shift + I

6. Ajuste de Opacidad y Modos de Fusión
   - Cambiar opacidad y modos de fusión
   - Uso de degradados y efectos de transparencia
   - Comandos cortos:
     - Cambiar opacidad: Ctrl + Shift + número (1-9)
     - Modo de fusión: Shift + Alt + letra (N para Normal, M para Multiplicar, O para Superposición, etc.)

7. Uso de la Herramienta de Eliminación de Puntos de Anclaje
   - Modificación y simplificación de formas
   - Comandos cortos:
     - Herramienta de eliminación de puntos de anclaje: -

8. Habilitar y Deshabilitar Snap to Grid
   - Alineación precisa de objetos
   - Comandos cortos:
     - Habilitar/deshabilitar Snap to Grid: Ctrl + Shift + " (comillas)

 Ejercicios Prácticos:
 Paso a Paso: Creación de Formas Complejas
1. Paso 1: Añadir Trazos y Rellenos
   - Selecciona "Body" y añade un trazo de 1pt.
   - Ajusta su color a R=0, G=119, B=88.
   - Añade un nuevo relleno desde el panel de Apariencia y aplica un degradado lineal.

2. Paso 2: Crear Formas Básicas
   - Habilita Snap to Grid (Vista > Snap to Grid).
   - Con la herramienta de rectángulo (M), crea una forma de 245x20px y colócala como se muestra en la imagen de referencia.
   - Con la herramienta de selección directa (A), ajusta los puntos de anclaje inferiores para crear un trapezoide.

3. Paso 3: Crear y Modificar Formas
   - Duplica y ajusta la forma de trapezoide para crear sombras y efectos de luz utilizando el panel de Pathfinder.
   - Ajusta la opacidad y el modo de fusión para los efectos deseados.

4. Paso 4: Aplicar Efectos y Degradados
   - Crea rectángulos adicionales y aplica efectos de esquinas redondeadas (Efecto > Estilizar > Esquinas Redondeadas).
   - Usa el script "Round Any Corner" para suavizar las esquinas de las formas.

5. Paso 5: Agrupar y Finalizar Diseño
   - Agrupa todas las formas creadas y ajusta sus posiciones finales.
   - Añade un trazo final a las formas y ajusta colores y opacidades.

 Conclusión:
Esta guía ofrece una ruta clara y concisa para dominar herramientas y comandos avanzados en Adobe Photoshop. Al seguir estos pasos y practicar con ejercicios específicos, los usuarios mejorarán significativamente sus habilidades de diseño y edición gráfica, logrando resultados profesionales en sus proyectos.

### Título de la Guía de Trabajo:
Guía de Trabajo en Adobe Photoshop: Creación de Elementos Gráficos Avanzados con Efectos y Herramientas Específicas

### Objetivo del Aprendizaje:
El objetivo de esta guía es aprender a utilizar herramientas avanzadas de Adobe Photoshop para crear elementos gráficos complejos, aplicando efectos como esquinas redondeadas, gradientes, y modos de fusión. Al finalizar, serás capaz de manejar comandos clave y funciones del programa para diseñar y manipular formas con precisión y eficacia.

---

### Paso a Paso: Utilización de Herramientas y Funciones en Adobe Photoshop

**Paso 1: Agrupar Formas y Aplicar Efectos de Contorno**
1. Selecciona todas las formas creadas en los últimos seis pasos y agrúpalas (Comando + G).
2. Selecciona el rectángulo redondeado creado en el paso 35, copia al frente (Comando + C > Comando + F), y envíalo hacia atrás (Mayús + Comando + [ ). Rellénalo con ningún color y añade un contorno de 1pt. Configura su color a R=0, G=130, B=90, y alínealo hacia afuera.

**Paso 2: Crear y Modificar Formas con Efectos**
1. Reactiva el Ajuste a la Cuadrícula (Ver > Ajuste a la Cuadrícula). Selecciona la Herramienta Rectángulo (M) y crea una forma de 40 por 30px. Rellénala con ningún color y añade un contorno de 5pt. Configura su color a R=0, G=150, B=110, y alínealo hacia afuera.
2. Ve a Efecto > Estilizar > Esquinas Redondeadas. Introduce un radio de 5px, haz clic en OK, y luego ve a Objeto > Trazado > Contorno del Trazo.
3. Desactiva el Ajuste a la Cuadrícula (Ver > Ajuste a la Cuadrícula), selecciona la forma resultante y ve a Objeto > Trazado > Desplazar Trazado. Introduce un Desplazamiento de -1px y haz clic en OK.
4. Haz una copia al frente de esta forma (Comando + C > Comando + F). Selecciona la copia y muévela 1px hacia abajo. Selecciona estas dos formas más pequeñas y haz clic en el botón Menos Frente del panel Pathfinder.

**Paso 3: Convertir en Trayectoria Compuesta y Aplicar Modos de Fusión**
1. Convierte el grupo resultante de formas en una trayectoria compuesta (Objeto > Trayectoria Compuesta > Crear), rellénala con blanco, baja la Opacidad a 30%, y cambia el modo de fusión a Traslucido.

**Paso 4: Aplicar Degradados y Ajustar Contornos**
1. Selecciona la primera forma creada en el paso anterior, añade un nuevo relleno y utiliza el degradado lineal mostrado.
2. Añade un contorno de 1pt, configura su color a R=0, G=130, B=90, y alínealo hacia adentro.
3. Selecciona esta forma junto con la trayectoria compuesta creada en el paso anterior y agrúpalas (Comando + G). Envía este grupo hacia atrás (Mayús + Comando + [ ).

**Paso 5: Crear Formas y Aplicar Efectos Especiales**
1. Reactiva el Ajuste a la Cuadrícula (Ver > Ajuste a la Cuadrícula). Selecciona la Herramienta Rectángulo (M) y crea una forma de 10 por 70px. Rellénala con R=20, G=20, B=20, colócala como se muestra y ve a Efecto > Estilizar > Esquinas Redondeadas. Introduce un radio de 2px, haz clic en OK, y luego ve a Efecto > Distorsión > Abultar. Introduce los datos mostrados y haz clic en OK.
2. Haz una copia al frente de esta forma (Comando + C > Comando + F). Rellena esta copia con R=65, G=65, B=65, ve al panel Apariencia y elimina el efecto de Distorsión.

**Paso 6: Expandir Apariencia y Aplicar Degradados**
1. Selecciona la segunda forma creada en el paso anterior y ve a Objeto > Expandir Apariencia. Rellena la forma resultante con el degradado lineal mostrado.

**Paso 7: Crear Efectos de Sombra y Opacidad**
1. Desactiva el Ajuste a la Cuadrícula (Ver > Ajuste a la Cuadrícula). Selecciona la forma editada en el paso anterior y haz dos copias al frente (Comando + C > Comando + F > Comando + F). Selecciona la copia superior y muévela 1px a la derecha. Reselecciona ambas copias y haz clic en el botón Menos Frente del panel Pathfinder.
2. Rellena la forma resultante con blanco y baja su Opacidad a 15%. Haz dos copias nuevas al frente de la forma editada en el paso anterior (Comando + C > Comando + F > Comando + F). Selecciona la copia superior y muévela 1px a la izquierda. Reselecciona ambas copias y haz clic en el botón Menos Frente del panel Pathfinder. Rellena la forma resultante con blanco y baja su Opacidad a 15%.

**Paso 8: Crear Formas y Aplicar Efectos de Distorsión**
1. Reactiva el Ajuste a la Cuadrícula (Ver > Ajuste a la Cuadrícula). Selecciona la Herramienta Rectángulo (M), crea una forma de 5 por 10px, y colócala como se muestra.
2. Selecciona esta nueva forma y ve a Efecto > Estilizar > Esquinas Redondeadas. Introduce un radio de 1px, haz clic en OK, y luego ve a Efecto > Distorsión > Arco Inferior. Introduce los datos mostrados, haz clic en OK, y luego ve a Objeto > Expandir Apariencia.

**Paso 9: Aplicar Degradados y Ajustar Contornos**
1. Reselecciona la forma creada en el paso anterior, rellénala con el degradado lineal mostrado, y añade un contorno de 1pt. Configura su color a R=88, G=88, B=88, y alínealo hacia afuera.

**Paso 10: Agrupar y Finalizar**
1. Selecciona todas las formas creadas en los últimos cinco pasos y agrúpalas (Comando + G).
2. Duplica este grupo (Comando + C > Comando + F).
3. Selecciona el grupo duplicado creado en el paso anterior y ve a Objeto > Transformar > Reflejar. Marca el botón Vertical y haz clic en OK. Arrastra este grupo volteado hacia la izquierda, como se muestra.
4. Finalmente, envía ambos grupos hacia atrás (Mayús + Comando + [ ).

---

### Conclusión
¡Tu trabajo está completo! Ahora debería lucir como se muestra en la imagen final.

Esta guía te ha proporcionado las habilidades para manejar herramientas avanzadas de Adobe Photoshop, aplicar efectos complejos, y manipular formas con precisión.



Comentarios

Entradas populares de este blog

Efecto Agua con Adobe Photoshop

Efecto código binario en Adobe Photoshop

Tutorial: Introducción a la Terminología y Sintaxis Básica de JavaScript en Adobe Acrobat