Descarga la aplicación para disfrutar aún más
Vista previa del material en texto
1 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Guía Didáctica 5: Montaje 2 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Se espera que con los temas abordados en la guía didáctica del módulo 5: Montaje, el estudiante logre la siguiente competencia específica: ➢ Modificar fotografías a voluntad y lograr cambios en el aspecto físico de una persona. Los contenidos temáticos a desarrollar en la guía didáctica del módulo 5: Montaje, son: Ilustración 1: contenidos temáticos. Fuente: autor. 3 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Elaboración de Collage 1. Una vez se abre el archivo se activa la visibilidad de todas las capas. 2. Se bloquea la capa «CROQUIS COLOMBIA». Ilustración 2: ordenar capas. Fuente: autor. Ilustración 3: seleccionar. Fuente: autor. Tema 1: Collage 4 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 1. Seleccionando las capas de los objetos, se mueven hasta lograr cubrir todo el mapa de Colombia, no debe verse ningún espacio en blanco dentro del mapa. 2. Arrastrando las capas hacia arriba o hacia abajo, se puede asignar el orden en que se desea ver los objetos. Ilustración 4: collage. Fuente: autor. 1. Se arrastra la capa «CROQUIS COLOMBIA» hacia arriba, para que visualmente quede al frente. 1. Con SHIFT sostenido se seleccionan todas las capas. Ilustración 5: seleccionar capas. Fuente: autor. 5 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 6: combinar capas. Fuente: autor. 1. Se da clic derecho al lado de los nombres y se elige la opción «combinar capas». Una vez se tenga una sola capa llamada «CROQUIS COLOMBIA», se va a incrustar la bandera de fondo. Recuerda que para incrustar la imagen se debe dar en la barra de menú «archivo», «colocar elementos incrustados» y desde el ordenador elegir la imagen de la bandera de Colombia. 6 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 7: incrustar imagen. Fuente: autor. 1. Se ve como se ha creado la capa de la bandera. A continuación, se arrastra con CLIC Y ALT SOSTENIDOS en una de las esquinas. Clic para arrastrar y agrandar, y ALT para agradar proporcionalmente todas las esquinas desde el centro de la imagen. Resultado esperado. Una vez se tenga la bandera ocupando toda la mesa de trabajo, sin espacios en blanco, se da ENTER para confirmar la transformación. Ilustración 8: modificar tamaño. Fuente: autor. 7 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 9: fondo. Fuente: autor. 1. Se baja la capa «Imagen Colombia» para que quede como fondo. Ilustración 10: fondo. Fuente: autor. 1. Se ubica en la capa «CROQUIS COLOMBIA». 2. Se selecciona la «herramienta varita mágica». 3. Se da clic en color blanco y se suprime. 8 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Una vez eliminado lo blanco, usamos CTRL + D, para des- seleccionar y tener este resultado. Ilustración 11: eliminar fondo blanco. Fuente: autor. 1. Se selecciona la capa «CROQUIS COLOMBIA», se usa el comando CTRL + J para duplicar la capa y la se mueve debajo de la original. Ilustración 12: duplicar capa. Fuente: autor. Ilustración 13: tamaño. Fuente: autor. 9 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 1. Se selecciona la capa «CROQUIS COLOMBIA COPIA» y la se agranda un poco más a la original. 2. Con CLIC Y ALT SOSTENIDOS en una de las esquinas. Clic para arrastrar y agrandar, y ALT para agradar proporcionalmente todas las esquinas desde el centro de la imagen. Una vez ajustada la bandera se da ENTER para confirmar la transformación. Ilustración 14: sombra. Fuente: autor. 1. Se ubica en la capa «CROQUIS COLOMBIA COPIA», se usa el comando CTRL + U, el cual abre la ventana de Tono/saturación. 2. Se baja toda la luminosidad. 3. Se ve como el croquis del fondo se torna totalmente negro. Se da OK. 10 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 15: efecto gaussiano. Fuente: autor. 1. Se ubica en la capa «CROQUIS COLOMBIA COPIA». 2. Se sigue la ruta: «filtro», «desenfocar» y se selecciona «desenfoque gaussiano». 1. Se debe asegurar de tener la casilla de previsualizar activa. Luego de esto se mueve el controlador, hasta obtener el desenfoque deseado para el fondo negro (10,0 en este caso). Ilustración 16: efecto. Fuente: autor. 11 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 17: texto. Fuente: autor 1. Herramienta «texto». 2. Se da un solo clic para crear el cuadro de texto y escribir «COLOMBIA». 3. Se crea una capa de texto. Ilustración 18: modificar texto. Fuente: autor. Se debe ubicar en la capa deseada. 1. Se agranda desde las esquinas y se mueve el texto hacia el centro de la franja amarilla del fondo. ENTER para confirmar transformación. . Ilustración 19: modificar texto II. Fuente: autor. 12 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 1. Se mueve la capa de texto sobre la capa «BANDERA COLOMBIA», con el fin de que se ubique debajo del mapa, pero sobre la bandera. Luego de esto se usa el comando CTRL + J para duplicar la capa de texto. Ilustración 20: sombra en texto. Fuente: autor. 1. Se selecciona la capa de texto inferior. 2. Se sigue la ruta: «filtro», «desenfocar» y se selecciona «desenfoque gaussiano». 3. En la ventana emergente seleccionamos «convertir en objeto inteligente». NOTA: al convertir el texto en objeto inteligente ya no se podrá editarlo gramaticalmente. Se debe asegurar que todo esté bien escrito. 13 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 1. Se debe asegurarnos de tener la casilla de previsualizar activa. Luego de esto se va moviendo el controlador, hasta obtener el desenfoque deseado para la palabra «COLOMBIA» (11,0 en este caso). Ilustración 21: efecto. Fuente: autor. Ilustración 22: exportar. Fuente: autor. 1. Para guardar se sigue la ruta: «archivo», «exportar» y «exportar como…». 14 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 23: guardar. Fuente: autor. 1. Se debe asegurar de tener el archivo en el formato deseado (en este caso es JPG). 2. Se da clic en exportar todo, se elige la ubicación en el ordenador y se guarda. Ilustración 24: resultado collage. Fuente: autor. 15 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 25: máscara rápida. Fuente: autor. 1. Tocando el candado se desbloquea la capa. 2. Herramienta «editar en modo máscara rápida» Ilustración 26: definir pincel. Fuente: autor. 1. Se elige la herramienta «pincel» y se despliega el menú de opciones para ir al grupo de «pinceles generales» y se elige «circular definido». Tema 2: Recorte de Imágenes 16 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Recuerda que, para ver el tamaño del pincel, se debe tener desactivada la tecla Bloq Mayús. Ilustración 27: aplicar pincel. Fuente: autor Elegir la capa en la que se va a trabajar. 1. Con el pincel y clic sostenido «colorear» toda la mujer, no tiene que ser una selección exacta. Se debe tener en cuenta seleccionar también los cabellos sueltos que pueda tener la modelo. Ilustración 28: aplicar pincel II. Fuente: autor. 17 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 1. La mujer debe quedar «coloreada» por completo. 2. Se vuelve a dar en el icono de «editar en modo máscara rápida» Ilustración 29: selección. Fuente: autor. 1. Se selecciona todo lo que no se coloreo de rojo. Se usa entonces el comando CTRL + SHIFT + I, para invertir la selección y tenerla mujer seleccionada. 18 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 30: selección invertida. Fuente: autor. 1. Se tiene seleccionada a la mujer. 2. Se va a la «herramienta lazo poligonal» y se elige la casilla «seleccionar y aplicar máscara». Ilustración 31: seleccionar y aplicar máscara. Fuente: autor. 1. Se despliegan las opciones de modo de vista y se elige la opción «en negro». 19 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 32: opciones de recorte. Fuente: autor. 1. Una vez seleccionado, se asegura de tener en la derecha de la pantalla la opacidad en 100%. 2. Se organiza el tamaño y la dureza del pincel y se comienza a llenar lo gris, hasta quedar con el fondo totalmente negro. Se puede tocar el cabello suelto con el fin de separarlo del fondo. Ilustración 33: corregir selección. Fuente: autor. 20 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 34: resultado de corrección selección. Fuente: autor. Una vez se tenga todo el fondo negro, OK. Ilustración 35: selección correcta. Fuente: autor. 1. Una vez se tiene la selección, se usa el comando CTRL + J, para copiarla y dejar la imagen original intacta. 21 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 36: duplicar capa. Fuente: autor. 1. Se crea una nueva capa. 2. Se le asigna el nombre «fondo». Ilustración 37: herramienta degradado. Fuente: autor. 1. En la capa de fondo, 2. Se elige el ícono de la «herramienta degradado». 3. Con clic sostenido se hace la línea de la imagen. 22 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 4. Asignar un color principal y un color secundario, ya que el color del degradado se realiza con estos dos colores. Ilustración 38: cambio de fondo. Fuente: autor. 1. Una vez se aplica el fondo se ve cómo se separa a la mujer del fondo. Sin embargo, quedan algunas zonas transparentes. Ilustración 39: canales. Fuente: autor. 1. Se desactiva la visibilidad de las capas del fondo y del recorte y se selecciona la capa original. 2. Pestaña de canales. También se encuentra en la barra de menú, en «ventana» y «canales». 23 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 40: canales. Fuente: autor. 1. Se desactiva la visibilidad de todos los colores, para activar uno por uno y evaluar cuál de todos ellos tienden a generan más contraste en la imagen. En este caso es el color azul. Arrastramos el canal azul hacia el ícono «crear canal nuevo» con el fin de crear una copia y no editar el canal original. Ilustración 41: canal azul. Fuente: autor. 24 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 42: niveles. Fuente: autor. 1. Con la copia de la canal azul seleccionada, se usa el comando CTRL + L, para controlar los niveles. Se asignan los valores mostrados con el fin de producir en la imagen un contraste más notorio, OK. 1. Al terminar la asignación de niveles, se da doble clic en la imagen del mismo canal. Ilustración 43: opciones de canal. Fuente: autor. 2. Se asigna una opacidad de 0%. 3. Clic en ok. 25 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 44: activar selección. Fuente: autor. 1. Se ubica de nuevo en el mismo canal y se usa el comando CTRL + CLIC. 2. Automáticamente, va a seleccionar todas las iluminaciones de la imagen, sin embargo, nosotros necesitamos seleccionar todas las sombras. Se usa el comando CTRL + SHIFT + I para invertir la selección. Ilustración 45: invertir selección. Fuente: autor. 1. Sin salirse de la selección, se va a activar la visibilidad de todos los canales y se dirige a la pestaña de capas nuevamente. 26 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Con la selección aun visible se ubica en la capa de la imagen original y con el comando CTRL + J, se duplica la selección. Ilustración 46: duplicar selección. Fuente: autor. Ilustración 47: duplicar selección. Fuente: autor. 1. Se ubica la copia nueva entre las capas del fondo y del recorte de la modelo. 2. En la casilla de modos de fusión se asigna «luz fuerte». Ilustración 48: resultado recorte. Fuente: autor. 27 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL La modelo ya no tiene partes transparentes en su cuerpo, y quedó separada de su fondo original y con un fondo nuevo. 28 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 49: abrir archivo. Fuente: autor. 1. Luego de abrir el archivo, se desactiva la visibilidad de la capa «fondo» y se activa la de la capa «sujetos». Ilustración 50: lazo poligonal. Fuente: autor. Tema 3: Elaboración de Posters 29 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Estar ubicados en la capa que se desea trabajar. 1. «Herramienta lazo poligona»” 2. Se selecciona el rostro y le pecho de Superman, no importa si se seleccionan algunos cabellos de la mujer maravilla. Ilustración 51: lazo poligonal. Fuente: autor. 1. Luego de tener la selección, se usa el comando CTRL + J, para duplicarla, nombrarla y separarla de la capa original. Ilustración 52: lazo poligonal. Fuente: autor. Estar ubicados en la capa que deseamos trabajar. 1. «Herramienta lazo poligonal» 30 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 2. Se selecciona el rostro y le pecho de Batman, no importa si se seleccionan algunos cabellos de la mujer maravilla. Ilustración 52: lazo poligonal II. Fuente: autor 1. Luego de tener la selección, se usa el comando CTRL + J, para duplicarla, nombrarla y separarla de la capa original. Ilustración 53: nuevas capas de personajes. Fuente: autor 1. Se desactiva la visibilidad de todas las capas excepto las nuevas de Superman y Batman. 31 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 54: nuevas capas de personaje. Fuente: autor. 1. Se selecciona cada capa individualmente y con el comando CTRL + T se transformar los sujetos. Ilustración 55: transformar. Fuente: autor. 1. Estar ubicados en la capa del sujeto que se desea transformar. 2. Arrastrando los vértices se logra agrandar la imagen sin perder su proporción original. Terminada la ubicación, se da ENTER. Se realiza el mismo procedimiento con la capa de Batman. 32 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 56: mejorar recorte. Fuente: autor. 1. El cabello de la mujer maravilla obstruye para la intersección de las imágenes. Ilustración 57: borrador. Fuente: autor. Se selecciona la capa del sujeto que se desea trabajar. 1. Se elige la «herramienta borrador» o con la letra E. 2. Se despliegan las opciones del borrador. 3. Se baja la dureza al 0% con el fin de que al borrar se vea difuminado y no lineal. 33 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 58: borrador II. Fuente: autor. 1. Se borran los cabellos de la mujer maravilla sin borrar gran parte del cuerpo de Batman. Ilustración 59: borrador III. Fuente: autor. 1. Se selecciona la capa de Superman, la «herramienta borrador». 2. Se borran los cabellos de la mujer maravilla. 34 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 60: tono/saturación. Fuente: autor. Se selecciona la capa de Batman, y se usa el comando CTRL + U, para abrir la ventana de Tono/saturación. 1. Se baja toda la saturación de colores para que la imagen se torne en grises. 2. Clic OK. Ilustración 61: tono/saturación. Fuente: autor. Se selecciona la capa de Superman, y se usa el comando CTRL + U,para abrir la ventana de tono/saturación. 1. Se baja toda la saturación de colores para que la imagen se torne en grises. 2. Clic OK. 35 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 62: fondo. Fuente: autor. 1. Se activa la visibilidad de la capa «fondo». 2. Con SHIFT SOSTENIDO y CLIC se seleccionan las capas de Superman y Batman. 3. Se asigna el modo de fusión «trama» y se aplica una opacidad del 25%. Ilustración 63: orden de capas. Fuente: autor. 1. Se activa la visibilidad de la capa «sujetos» y la se ubica sobre las capas Batman y Superman. 36 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 64: ordenar elementos. Fuente: autor. 1. Con la capa seleccionada se mueve el rostro de Superman y de Batman, hasta ubicarlos en los extremos. Esto con el fin de que sus rostros se vean más y no sean ocultos por la capa sujetos. Ilustración 65: logo. Fuente: autor. 1. Se activa la visibilidad de la capa «LOGO». Con el comando CTRL + J se duplica, se ubica debajo de la capa original y se nombra «ATRÁS LOGO». 37 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 66: logo II. Fuente: autor. 1. Se ubica en la capa «ATRÁS LOGO» y usamos el comando CTRL + T. 2. Se arrastran los vértices con la tecla ALT SOSTENIDA se logra agrandar la imagen sin perder su proporción original desde el centro. Con la capa «ATRÁS LOGO» seleccionada, se usa el comando CTRL + U, para abrir la ventana tono/saturación. Tener la opción de previsualizar activa. Ilustración 67: tono/saturación. Fuente: autor. 1. Se baja la luminosidad hasta que el objeto se torne totalmente negro. Clic OK. 38 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 68: logo efecto. Fuente: autor. 1. Capa «ATRÁS LOGO». 2. Se sigue la ruta: «filtro», «desenfocar» y se selecciona «desenfoque gaussiano». Ilustración 69: efecto. Fuente: autor. 1. Opción «previsualizar» activa. 2. Se asigna el desenfoque deseado, en este caso 14. Clic OK. 39 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 70: efecto II. Fuente: autor 1. Si se necesita volver a configurar el desenfoque o la saturación, solo se debe dar doble clic en su nombre correspondiente. Con el comando CTRL + 0 (cero) ajustamos el tamaño de la mesa de trabajo. Ilustración 71: resultado poster. Fuente: autor. 40 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL El siguiente ejercicio es únicamente con el fin de aludir a un tema que se tiene como referencia cuando se habla del software Photoshop: la vanidad en la sociedad con las modificaciones corporales, con este se explica de manera fácil y notable la herramienta que va a permitir dichas modificaciones en las fotografías. Ilustración 72: capas. Fuente: autor. 1. Se abre el archivo y lo primero que se hace es copiar la capa original para trabajar en ella y dejar la original intacta. El comando es CTRL + J. Ilustración 72: filtro licuar. Fuente: autor Tema 4: La Casa de la Vanidad 41 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 1. Se selecciona la capa duplicada. 2. Se sigue la ruta: «filtro» y «licuar». Ilustración 73: interfaz licuar. Fuente: autor. 1. Activar la opción «previsualizar». 2. Algunas herramientas de «licuar» se usan con pinceles, esta es la zona donde se podrá controlar los atributos del pincel. 3. Se tiene una herramienta llamada «cara» que se verá más adelante. Este panel permitirá controlar los valores faciales de la modelo. 4. Se tiene la barra de herramientas del filtro licuar. Se trabaja algunas de ellas para esta modelo. Ilustración 74: inflar. Fuente: autor. 42 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 1. Se usa la herramienta inflar para aumentar el volumen de los pechos, se debe dar clics sostenidos en la zona para aumentar. Se recomienda dar clics cortos para que la edición no llame la atención, sino que sea sutil. 2. Se puede controlar los atributos de los pinceles. Densidad, frecuencia y presión, son factores que permitirán que el pincel haga cambios drásticos fácilmente o no lo haga, según el caso. Ilustración 75: inflar II. Fuente: autor. El resultado puede variar según las zonas afectadas, la cantidad de clics aplicados y si duración. 43 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 1. Con la herramienta «congelar máscara» se pintan los brazos de la mujer, a la altura de la cadera. Esta herramienta sirve para bloquear la zona pintada, de manera que, al deformar zonas cercanas, la zona bloqueada siga igual, sin deformaciones. Ilustración 76: congelar máscara. Fuente: autor. Ilustración 77: congelar máscara II. Fuente: autor. Para borrar parte de lo seleccionado (pintado) se puede usar la herramienta «descongelar máscara». 1. Luego de congelar los brazos, se va a la herramienta «deformar hacia adelante» y con clics sostenidos se arrastra levemente la cadera hacia el adentro, con el fin de reducirla. 44 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Luego de deformar la cadera, se va de nuevo a la herramienta «descongelar máscara» y eliminar los rojos realizados. Ilustración 78: descongelar máscara. Fuente: autor. 1. Con la herramienta «cara» podremos modificar levemente algunas características faciales de la modelo. Ilustración 79: cara. Fuente: autor. 45 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 1. Dependiendo del lugar donde pase el cursor, Photoshop permite ver las opciones que se pueden cambiar de cada parte de la cara. Ilustración 80: cara II. Fuente: autor. Por ejemplo, da opciones para modificar, el grosor de los labios, la forma de la sonrisa, el tamaño de los ojos y proporción de estos, tamaño de la nariz, el tamaño de la frente e incluso la forma de la cara. Cada una de estas partes las podemos modificar arrastrando con clic sostenido los puntos que van surgiendo mientras pasamos con el cursor. Una vez terminado, se selecciona OK. Por medio de la visibilidad de las capas, se puede ver los cambios realizados en la capa duplicada a comparación de la original. 46 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ilustración 81: resultado licuar. Fuente: autor. 47 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Ahora que has revisado algunos conceptos de Montaje, te invito a realizar un póster de la película que prefieras, teniendo en cuenta las indicaciones que se dieron en el tema y sobre todo procurando incluir elementos que se vean armoniosos. ¡Inténtalo! 48 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Adobe. (2017). Gestión de capas y grupos. Adobe. https://helpx.adobe.com/es/photoshop/using/layers.html Adobe. (2018). Recorte fotográfico. Adobe. https://helpx.adobe.com/es/photoshopelements/using/cropping.html Adobe. (2018). Filtro Licuar. Adobe. https://helpx.adobe.com/es/photoshop/using/liquify-filter.html 49 DIPLOMADO VIRTUAL EN DISEÑO DIGITAL Esta guía fue elaborada para ser utilizada con fines didácticos como material de consulta de los participantes en el Diplomado Virtual en DISEÑO DIGITAL del Politécnico de Colombia, y solo podrá ser reproducida con esos fines. Por lo tanto, se agradece a los usuarios referirla en los escritos donde se utilice la información que aquí se presenta. GUÍA DIDÁCTICA 5 M2-DV60-GU05 MÓDULO 5: MONTAJE © DERECHOS RESERVADOS - POLITÉCNICO DE COLOMBIA, 2021 Medellín, Colombia Proceso: Gestión Académica Virtual Realización del texto: John Cuervo, docente Revisión del texto: Comité de Revisión Diseño: Luisa Fernanda Serna, Comunicaciones Editado por el Politécnico de Colombia
Compartir