Taller Avanzado de Photoshop e Illustrator CC Guión Curso

Transcripción

1 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

2 - 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

3 - 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

4 - 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

5 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

6 - 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

7 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

8 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