Taller Avanzado de Photoshop e Illustrator CC | Guión Curso

Taller Avanzado de Photoshop e Illustrator CC | Guión Curso
Horas lectivas: 20h
Fechas: -Horario: Impartido en 4 clases de 5 horas.
Lugar: -Idioma: Español o inglés
Sistema Operativo: Windows y/o Mac
Conocimiento previo del Programa: Básico
Finalidad
El equipo de Mtres Studio presenta este Taller de Photoshop e Illustrator Avanzado perfectamente
adecuado no sólo para los profesionales del sector sino también para estudiantes de arquitectura. Con
estas herramientas se pretende mejorar las capacidades gráficas del alumno de cara a su presentación
gráfica, ya sea de cara al cliente o de cara a la universidad. Se entrará en profundidad a la hora de
presentar documentación gráfica en 2D o incluso en 3D sobre plantas, alzados, secciones o incluso
secciones fugadas. A lo largo del curso se irán combinando los dos programas, utilizando uno u otro
indistintamente.
De esta manera se pretende dotar al alumno de las habilidades necesarias para poder trabajar en
Photoshop e Illustrator de forma fluida y poder realizar todo tipo de proyectos. Se tocarán todas las
herramientas útiles del programa a través de ejercicios prácticos para que el alumno interactúe con el
curso y salga de éste con la experiencia necesaria para desenvolverse en un estudio moderno
internacional.
Programa
CLASE I
REPASO GENERAL DE LO QUE VAMOS A VER EN EL CURSO
-
Plantas artísticas
Plantas profesionales
Plantas de situación
Alzados artísticos/profesionales y secciones
Render día / noche
Iluminar con rayos solares
Acciones Photoshop
Nieve / Lluvia
Maquetar en Illustrator (concurso)
Imagen tipo collage en Photoshop
Reflejo en el agua
Simular profundidad en Photoshop
Combinación ambos programas ( Concurso Tarifa)
EJERCICIO I. COMBINACIÓN PSD/ILL. PLANTA TEMPORALIDAD EN LA PLAZA (PFC).
OBJETIVO - Saber cómo acometer un ejercicio para su rápida ejecución / ver compatibilidades
-
Administración de capas en PSD
Combinación de programas Autocad/Illustrator
Manejar herramienta selección en Illustrator
Tipo de línea en illustrator
Copiar / pegar elementos en psd (alt)
1
Av.Osa Mayor, 54. 2ºC. Madrid | Tlf. 91.307.11.03 | [email protected] www.mtresstudio.com
-
Manejo de pinceles en psd
Manejo tipos de colores análogos, páginas web y formas de conseguir tonos parecidos.
Modificación de sombras y copiar y pegar rápidamente
Comandos rápidos (duplicar capa/combinar capas/shortcuts)
Como hacer arboles artísticos en PSD
Asociar Ajustes a una capa o a un grupo
Copiar/pegar elementos de PSD a ILL y viceversa
Calcos interactivos de Illustrator
Como crear símbolos en Illustrator
KULER / I WANT HUE / MAPCHART.NET / FLAT ICON / BRUSH KING / ICON FINDER
EJERCICIO II. PLANTAS ÁMBITO PROFESIONAL PSD. (Av. De la Iglesia)
OBJETIVO – Saber hacer plantas de carácter profesional
-
Manejo y gestión para posteriores de texturas desde internet
Combinación de programas AutoCAD/PDF/PSD
Duplicar capas del PDF si necesario
Herramienta Subexponer y sobreexponer
Pinceles para el agua
Crear árboles realistas/artísticos
Realización de sombras a mano
Herramienta clonar para césped / pincel corrector
Ajustes de capa particulares (alt)
Herramienta parche en Photoshop
Como jugar con el fondo y realizar modos de capa duplicados
BRUSHEEZY
EJERCICIO III. PLANTAS B/N DWG/ILL/PSD (PROYECTOS I)
OBJETIVO – Plano de proyecto intencional / artístico / digital (no impreso). Plano de situación
-
Trazos de línea de en PSD
Como hacer para que el dibujo parezca hecho a línea
Esquemas en Illustrator
Motivos en PSD
Sombras rápidas
Desenfocar borde de la sombra
Trazos peatonales
Modos de capa
Gestión del tipo de letra
Herramientas rotar vista (sec. Mano psd)
INCOMPETECH / DAFONT
EJERCICIO IV. PLANO CARTOGRÁFICO. ILL/PSD (PROYECTOS V)
OBJETIVO - Panel situación cartográfico con información
-
Manejo y gestión de esquemas en illustrator para meter en PSD
Combinación de programas Autocad/PDF/PSD
Como meter texturas de internet directamente en el dibujo
Estilos de dibujo / Sombra paralela
Como oscurecer las líneas en PSD
Herramienta enfocar / desenfocar
Herramienta esponja
2
Av.Osa Mayor, 54. 2ºC. Madrid | Tlf. 91.307.11.03 | [email protected] www.mtresstudio.com
-
Realización de sombras a mano
Meter color uniforme sobre dibujo (ajuste) / cambio de color de cualquier capa
Retocar elementos de la máscara pintando de negro
Líneas de illustrator con desenfoque
CTRL+SHIFT+ALT+E Combinar visibles en una capa
-EJERCICIO 5: PLANO DE SITUACIÓN ILL/PSD (PROYECTOS VII)
OBJETIVO – Saber acometer también en ambos programas paneles que van a ser a línea
RECOPILACIÓN DE TODOS LOS EJERCICIOS ANTERIORES
-
Abrir archivo nuevo cuando viene de un PDF
Escoger los edificios con varita mágica y pintar
Colorear esquemas del panel
Agua y sobreexponer bordes
Herramienta Subexponer y sobreexponer
Pinceles para el agua
Hacer alguna línea en Photoshop
líneas resplandor también en illustrator
CLASE II
EJERCICIO I. ALZADO ARTÍSTICO
OBJETIVO – Aprender a realizar alzados artísticos de manera rápida
-
Meter imágenes de línea, textura normal y sombras
Colocar capas en multiplicar
Hacer el suelo con un Pincel
Sobreexponer capa texturas
Duplicar capa sombras y dibujar las sombras que falten
Duplicar la capa de linework las veces que haga falta
Meter personajes y explicar cómo recortarlos – selección gama de colores
Meter textura desde Internet – meter un modo de capa (probar)
Meter decoración con pinceles
Meter prueba de textura delante de objeto – pincel bonito en máscara para ver lo que está
debajo
EJERCICIO II. ALZADO PROFESIONAL / RENDER
OBJETIVO – Aprender a realizar alzados realistas
-
Render
Imágenes de colores (ayuda)
Cielo – curvas / intensidad / niveles
Bosque posterior seleccionar parte con dibujos ayuda / tono saturación / equilibrio de color
Montañas seleccionar con ayuda dibujo / saturación / curvas
Render - equilibrio color / curvas / exposición
Madera tablones del suelo perspectiva / tono saturación / equilibrio color / niveles
Césped seleccionar con dibujo ayuda / tono saturación / intensidad
Puerta saturación / curvas
Iluminación atrás sobrexponer color duplicar tono saturación
Interior / tono saturación con mascara para oscurecer área derecha
Iluminación general subexponer color / tono saturación y borrar
Sombras maderas
Arreglo césped con pincel predeterminado
3
Av.Osa Mayor, 54. 2ºC. Madrid | Tlf. 91.307.11.03 | [email protected] www.mtresstudio.com
-
-
Caballo y personas resplandor interior / sobreexponer color / color oscuro /
cambiar tamaño / crear capa a partir de eso / tono saturación / cambiar el orden de las capas/
césped / sombra propia
Arboles delante tono saturación /copiar sombras / iluminación arboles / retoque base del
tronco
Últimos retoques curvas / intensidad / equilibrio de color
Últimos retoques II
EJERCICIO III. SECCIÓN B/N DWG/ILL/PSD (Proyectos I)
OBJETIVO – Aprender a realizar secciones artísticas partiendo desde dwg
-
Meter el DWG en Illustrator y cambiar el tipo de línea e insertar en PSD
Meter las texturas de los tubos (gris/marrón)
Colorear la sección
Colorear la barandilla
Meter las sombras en la sección (sección izquierda / escaleras
Hacer copas de los arboles
Hacer los troncos de los arboles
Meter más personajes (pájaros)
Meter decoración con pinceles y hacer modo de fusión (sombra paralela)
Meter una textura encima y poner en superponer
EJERCICIO IV. RENDER DE DÍA (Esferas NY)
OBJETIVO – Saber acometer imágenes de día
-
Abrimos imagen de fondo
Retocamos el render para ajustarlo al entorno
Retocamos tono/ saturación – curvas – corrección selectiva
Hacer una máscara para dejar solo las sombras y pintar con pincel césped
Meter suciedad con pinceles y poner en modos de capa
Meter las personas y borrar con máscara (simular césped)
Aplicar una acción para enmascarar imagen
Aplicar ajustes finales para mejorar la imagen
EJERCICIO V. RENDER DE DÍA (RENDER NOCHE)
OBJETIVO – Saber acometer renders de noche
-
Abrimos imagen del render
Nos metemos con el cielo y aplicamos mascara de capa para borrar lo que no interesa
Aplicamos tono / saturación y hacemos una capa nueva y pintamos en negro
Nos vamos al render y aplicamos curvas ( en mascara de capa borramos lo que no queramos)
Entorno – ajuste tono / saturación / metemos negro difuminado en normal y en superponer
Luz interior pintamos de amarillo y en superponer
Metemos el destello y lo ponemos en trama
Metemos luz general y lo ponemos en luz suave
Decoración – metemos el polvo en el ambiente – polígonos de destello
Ajustamos capas finales en últimos retoques / curvas – corrección selectiva – equilibrio de
color
CLASE III
4
Av.Osa Mayor, 54. 2ºC. Madrid | Tlf. 91.307.11.03 | [email protected] www.mtresstudio.com
EJERCICIO I. EJ. DE ILUMINACION
OBJETIVO – Aprender a realizar rayos de luz para iluminar
-
Duplicamos la capa / mascara de capa / negro en partes a destacar / tono saturación
Relleno de degradado
Creamos un degradado
Cambiamos a ruido y a hsb y quitamos saturación
Cambiamos a reflejo y movemos
Capa en modo trama
Añadimos ajuste de niveles y adjuntamos a la de abajo / intensidad / tono saturación colorear
/ curvas rgb / duplicar degradado
Duplicar capa y multiplicar con mascara
Crear grupo
EJERCICIO II A. ACCIONES Y NIEVE
OBJETIVO – Aprender a realizar pinceles desde cero
-
Explicar primero las acciones y hacer algún ejemplo – bajarse alguna acción
Abrir archivo nuevo para hacer el pincel nuevo y mirar tamaño 500 px
Hacer los dos círculos negros
Edición – definir valor pincel y poner nombre – buscar en ventana pinceles
Con la ventana sacada seleccionar dinámica de la forma - variación tamaño 100% y probar en
dibujo – variación redondez – redondez mínima
Dispersión / seleccionar ambos ejes – variación de la cantidad
Transferencia – variación de la opacidad – variación de flujo
Hacer capas lejos medio cerca
Utilizar filtro desenfoque gaussiano para lejanos
Filtro desenfoque de movimiento cercanos
EJERCICIO II B. LLUVIA
OBJETIVO – Aprender a realizar un método para hacer la lluvia
-
Abrimos imagen y ajustamos tono saturación
hacemos nueva capa – pintar de negro
Filtro - añadir ruido – gaussiano – monocromático – 100%
Filtro desenfoque de movimiento 100 px - 70 grados
Poner capa en trama y ajustar niveles hasta que blanco y negro se encuentren
Ctrl + t y eliminar parte sobrante
Edición – perspectiva
Filtro desenfoque de gaussiano
Repetimos el proceso cambiando propiedades
Metemos ajuste curvas y retocamos red blue Green
REPASO GENERAL DE ILLUSTRATOR
-
-
Archivo nuevo
Interfaz
Paletas de trabajo
Capas mover de una a otra
Herramientas 1
Herramientas 2
Seleccionar flecha negra y blanca
Guardar selección
Herramientas dibujo
Pluma
5
Av.Osa Mayor, 54. 2ºC. Madrid | Tlf. 91.307.11.03 | [email protected] www.mtresstudio.com
-
Lápiz
Pincel de manchas
Tipo de línea
Transformaciones de objetos
Gestión de texto
Degradados
Mascaras de capa
Alinear objeto
Archivo
Edición
Ver
EJERCICIO III. EJ PSD/ ILL MOVEMENT ON MAIN. CONCURSO
OBJETIVO – Aprender a cambiar el estilo de línea / dibujar con illustrator
Parte de illustrator
-
Meter mapa en planta / trazos de línea en illustrator / flechas / pluma / stroke / pincel / lápiz /
borrar
Hacer señales de tráfico y para texto dafont
Bote de pintura interactiva
Guardar selección y meter una textura desde internet / crear mascara de recorte
Meter imágenes y copiar pegar y crear símbolos y situar en dibujo / hacer cubos redondeados
discontinuos / ver tipos de texto
Meter niño y buscar burbuja pensativa en internet
Hacer diagrama / líneas discontinuas (mover con copia en editar) y ver puntas de flecha /
hacer círculos rojos / meter barra rellena con transparencia / texto y contornear
Meter más elementos desde internet con la herramienta logotipo en blanco y negro
Parte de Photoshop
-
Metemos imagen calle
Metemos la imagen de la calle con los coches / mascara de capa y borramos lo que sobra /
ajuste brillo y contraste / tono saturación
Metemos el letrero
Fachada verde lazo poligonal
Pantalla de la fachada verde / tono saturación
Meter contenedores / brillo contraste / tono saturación
Stripes imagen paso de peatones
Bus multiplicar y duplicar en normal con transparencia
Meter coche bici / Meter cabina / Meter arboles
Duplicar arboles desde archivo (acortar) buscar en internet arboles
Meter ciclista
Meter stand bicis
Meter decoración / hojas / pinceles / suciedad
Meter corredor y brillo y contraste y sombra
EJERCICIO IV ESFERAS - OBJETIVO – Aplicar todos los conocimientos en el ejercicio
-
Meter elementos desde AutoCAD
Meter elementos desde illustrator
Hacer líneas con resplandor
Meter líneas decorativas humo y retro efectos estilizar / desenfoque gaussiano
CLASE IV
6
Av.Osa Mayor, 54. 2ºC. Madrid | Tlf. 91.307.11.03 | [email protected] www.mtresstudio.com
EJERCICIO I. REFLEJO EN AGUA IMAGEN RENDER NOCHE
OBJETIVO – Aprender a reflejar en cualquier imagen
-
Abrimos la imagen
Quitamos el borde para meter el agua
Metemos bordillo y ajustamos tono saturación bajando luminosidad y con filtro de fotografía
frio
Pintamos en el ajuste de capa en negro para clarear bordillo
Le damos la vuelta en simetría en edición – transformar- voltear verticalmente – arreglar con
clonar y ctrl + t
Aplicamos herramienta smudge (dedo) con 76% opacidad
Aplicamos curvas para eliminar zona de la izquierda
Aplicamos desenfoque gaussiano muy poco
Coloreamos de negro con opacidad las zonas no destacadas
Meter la textura del agua
Desaturar imagen
Colocar en superponer y jugar con opacidad
EJERCICIO II. SIMULACIÓN DE PROFUNDIDAD
OBJETIVO – Saber destacar elementos en distintos planos de profundidad
-
Abrimos la imagen y creamos capa a partir de la imagen
Utilizamos una acción para cambiar el tipo de imagen
Añadir una máscara de capa y degradar de negro a blanco
Colorear partes del dibujo en gris
Situarme sobre la imagen
Filtro – desenfoque de lente
Seleccionar mascara de recorte
Distancia focal de desenfoque – para seleccionar el degradado de la mascara
El radio cambia la cantidad de desenfoque estamos haciendo
Le damos a ok y deshabilitamos mascara de capa
EJERCICIO III. RASTERIZAR UNA IMAGEN EN ILLUSTRATOR (SEMITONO)
OBJETIVO – Aprender a realizar mascaras de capa en transparencia
-
Abrir archivo nuevo
Cambiar tamaño a 1800x1800px
Lo ponemos a 300px para mejor definición
Hacemos un circulo y hacemos el degradado
De negro a blanco y en radial
Efecto - pixelizar – semitono de color
Ponemos 40 pixeles y explicamos lo de los canales
Indicamos que es una herramienta no destructiva y cambiar en apariencia
Ponemos en 80 pixeles y los canales a 45
Objeto – expandir apariencia
Explicamos que es una imagen con características
Metemos imagen
Cortamos los círculos
Seleccionamos la imagen – transparencia – crear mascara
Seleccionamos en la máscara de capa y pegamos el objeto
Le damos a recortar e invertir mascara
Mover objeto y cambiar la escala
Pintar con pinceles para que ver lo que esta abajo
7
Av.Osa Mayor, 54. 2ºC. Madrid | Tlf. 91.307.11.03 | [email protected] www.mtresstudio.com
EJERCICIO IV. RENDER DE NOCHE COMPLETO
OBJETIVO – Aprender a introducir cualquier elemento desde internet para postproducción
-
Abrir imagen de noche y archivos de ayuda
Mascara de capa con el cielo
Empezamos con el cielo
Mascara de capa indicando zonas del cielo
Ajustamos tono saturación y brillo contraste
Render ajustamos curvas y corrección selectiva
Edificio – capa negra y sobreexponer color
Aplicamos curvas solo en las ventanas
Cambiamos color de contenedores tono saturación
Metemos los containers
Ajuste de tono saturación - brillo contraste – filtro de fotografía
Metemos el suelo ajuste saturación – brillo contraste – filtro de fotografía
Mentemos el suelo y transformamos para encajar perspectiva
Hacemos el invertido del render
Encajar en el dibujo
Herramienta dedo en el reflejo
Hacemos mascara de capa en modo oscurecer
Hacemos mascara de capa y pintamos con pincel
Metemos decoración – texto- escribir - encajar en perspectiva – rasterizar – modificar –
colorear con goma encima
Metemos suciedad con pinceles en capa color más oscuro o probar - quitar opacidad
Iluminamos con sobreexponer color y ajustamos tono saturación colorear subir luminosidad
Hacemos lazos poligonales y coloreamos de blanco
Metemos focos de luz desde imagen y ponemos en superponer
Vamos borrando lo que sobre y duplicando
Hacemos la luz cruzada de los focos
Punto blanco y desenfocamos movimiento y gaussiano
Metemos el interior
Seleccionamos con ayuda escalamos y encajamos
Ajuste de brillo y tono saturación y colorear
Hacer lluvia para terminar
EJERCICIO V. PANEL CONCURSO TARIFA
OBJETIVO – Aplicar todos los conocimientos en el ejercicio
-
Hacer render
Colocar madera trasera y elementos
Pegar elementos desde Illustrator
Decorar
8
Av.Osa Mayor, 54. 2ºC. Madrid | Tlf. 91.307.11.03 | [email protected] www.mtresstudio.com