Curso Básico / Edición de fotografías 2
Sesión 6: Edición de fotografías 2
Objetivo de la sesión En el desarrollo de la sesión el alumno conocerá técnicas para restaurar el color de fotografías antiguas y cómo colorizar o cambiar el tono de color de elementos en una composición empleando las capas de ajuste y máscaras de capa. Nota: Al final de cada sesión se aclararán las dudas sobre el tema que se haya tratado.
Sesión 6: Edición de fotografías 2 Colorización Una de las tareas necesarias para la restauración de fotografías antiguas o la edición de cualquier imagen es colorear o cambiar el color a un determinado elemento. Para ambos casos podemos utilizar las capas de ajuste para conseguir este propósito. En esta sesión veremos el uso del Mapa de degradado / Gradient Map, mediante esta capa de ajuste podemos realizar un cambio de color más precioso en nuestras composiciones, ya que nos permite reemplezar un tono con un degradado de 2 a X cantidad de colores, hasta obtener el resultado que buscamos.
Mapa de degradado / Gradient Map
Color original
La imagen superior muestra un cambio de color realizado con mapa de degradado, empleo de modo de fusión de capa y una capa de ajuste para el brillo del nuevo tono (amarillo). CAD CENTER - Curso Básico de Photoshop CS 6
2
Sesión 6: Edición de fotografías 2
Gradient Map / Mapa de Degradado El ajuste Mapa de degradado asigna el rango de escala de grises equivalente de una imagen a los colores de un determinado relleno degradado. Si, por ejemplo, especifica un relleno degradado con dos colores, las sombras de la imagen se asignan a uno de los colores de punto final del relleno degradado, las iluminaciones se asignan al otro color de punto final y los medios tonos se asignan a las gradaciones intermedias. Construyendo un mapa de degradado Por defecto, las sombras, los medios tonos y las iluminaciones de la imagen se asignan respectivamente al color inicial (izquierda), al punto medio y al color final (derecha) del relleno degradado. Dither / Tramado: añade ruido* aleatorio para suavizar el aspecto del relleno degradado y reduce los efectos de bandas. Reverse / Invertir: cambia la dirección del relleno degradado, invirtiendo el mapa de degradado. A Cuadro de diálogo Editor de degradado A. Menú Panel. B. Nivel de opacidad. C. Niveles de color. D. Ajustar valores o eliminar el nivel de color o de opacidad seleccionado. E. Punto medio. B C
D
E
*Ruido: es la variación aleatoria del brillo o el color en las imágenes digitales. Para los filtros, rellenos o estilos de capa el ruido busca crear la sensación de granos o partículas, para difuminar un determinado efecto (sombra, brillo, degradado). CAD CENTER - Curso Básico de Photoshop CS 6
3
Sesión 6: Edición de fotografías 2
Colorización de fotografías La combinación de máscaras de capa (layer mask) y mapas de degradado (gradient maps) nos permite coloear fotografías antiguas, ya se que estén en escala de grises o con tonos que no podamos recuperar con las capas de ajuste. El proceso puede llevar mucho tiempo si utilizamos únicamente el pincel para marcar áreas visibles en nuestras máscaras, por lo que en esta guía veremos el uso de la pluma para trazar contornos y realizar selecciones más complejas en nuestras composiciones.
Herramientas de pluma / Pen Tools La herramienta Pluma estándar dibuja con la mayor precisión. Puede utilizar las herramientas de pluma junto con las herramientas de forma para crear formas complejas. En esta sesión aprenderemos a dibujar formas geométricas y curvas con la pluma. Dibujo de segmentos de línea recta El tipo de trazado más sencillo que se puede dibujar con la herramienta Pluma es una línea recta, que se crea haciendo clic con la pluma para crear dos puntos de ancla. Si se sigue haciendo clic, se crea un trazado compuesto de segmentos rectilíneos conectados por puntos de vértice. Dibujo de curvas Puede crear una curva añadiendo un punto de ancla donde la curva cambie de dirección y arrastrando las líneas de dirección que formen la curva. La longitud y la pendiente de las líneas de dirección determinan la forma de la curva. Las curvas son fáciles de modificar y se pueden visualizar e imprimir más rápido si se las dibuja utilizando los menos puntos de ancla posibles. Usar demasiados puntos puede también introducir protuberancias no deseadas en una curva. En su lugar, dibuje puntos de ancla bien espaciados y practique la formación de curvas ajustando la longitud y los ángulos de las líneas de dirección.
Dibujo del primer punto de una curva A. Colocación de la herramienta Pluma. B. Inicio del arrastre (con el botón del ratón presionado). C. Arrastre para extender las líneas de dirección.
Dibujo del segundo punto de una curva A. Comenzar a arrastrar el segundo punto de suavizado. B. Arrastre en dirección opuesta a la línea de dirección anterior para crear una curva. en forma de “C” C. Resultado.
CAD CENTER - Curso Básico de Photoshop CS 6
Dibujo de una curva en forma de S A. Comenzar a arrastrar un nuevo punto de suavizado B. Arrastre en la misma dirección que la línea de dirección anterior para crear una curva en forma de “S” C. Resultado.
4
Sesión 6: Edición de fotografías 2
Dibujo de un segmento recto seguido de un segmento curvo (1ª parte) A. Segmento recto completado. B. Colocación de la herramienta Pluma encima del punto final. C. Arrastre del punto de dirección.
Dibujo de un segmento recto seguido de un segmento curvo (2ª parte) A. Colocación de la herramienta Pluma. B. Línea de dirección arrastrada. C. Nuevo segmento curvo completado.
Dibujo de dos curvas A. Arrastre de un nuevo punto de suavizado. B. Presionar Alt/Opción para dividir líneas de dirección al arrastrar y desplazar la línea de dirección hacia arriba. C. Resultado después de volver a situarlo y arrastrarlo por tercera vez.
Panel de trazados (paths panel) El panel Trazados (Ventana > Trazados) muestra el nombre y una imagen en miniatura de cada trazado guardado, el trazado de trabajo actual y la máscara vectorial actual. Para ver un trazado, primero debe seleccionarlo en el panel Trazados. D A. Trazado guardado. B. Trazado de trabajo temporal. C. Trazado de máscara vectorial (sólo aparece cuando la capa de formas está seleccionada). D. Menú de opciones para trazados. E. Botón “Load path as selection”.
A B C
E Una vez hemos realizado un trazado cerrado (forma o shape) con la pluma podemos realizar una selección para aplicar una máscara. Para crear una selección a partir de un trazado tenemos 2 opciones: - Marcar el trazo que utilizaremos y hacer clic al menú de opciones (D) en el que encontraremos el botón “Make Selection” (Hacer selección). - Marcar el trazado que utilizaremos y hacer clic en el botón “Load path as selection” (cargar trazado como selección) que se encuentra en la parte inferior del panel de trazados. Los trazados de trabajo que no estén “guardados”, es decir, que no aparezcan con el nombre Path # (correlativo) se borrarán tan pronto empecemos a utilizar la pluma y se sustituirá por el nuevo trazado que realicemos. Para guardar una trazado hacemos doble clic sobre él en la lista de trazados del panel, aparecerá una ventana de diálogo donde nos sugiere un nombre (Path + #), si lo deseamos podemos cambiar este nombre y colocar una de nuestra elección. CAD CENTER - Curso Básico de Photoshop CS 6
5
Sesión 6: Edición de fotografías 2
Práctica # 6 Creando selecciones complejas Para la práctica deberá seguir los siguientes pasos: 1. Seleccionar una imagen en escala de grises para colorearla con mapas de degradado 2. Crear mapas de degradado sobre la imagen para escoger los colores que deseamos aplicar. 3. Crear trazados para luego cargalos como selección e ir enmascarando los mapas de degradado y conseguir un coloreado realista. 4. Repetir el proceso hasta terminar el coloreado de la imagen.
CAD CENTER - Curso Básico de Photoshop CS 6
6
Curso B谩sico / Preparaci贸n de artes
Sesión 7: Preparación de Artes
Objetivo de la sesión Que el estudiante conozca el método para prepara artes para impresión y/o uso en medios digitales (website o redes sociales). Conocer las diferencias entre modos de color para trabajar artes y uso de las 2 principales resoluciones para trabajar los documentos de Photoshop Nota: Al final de cada sesión se aclararán las dudas sobre el tema que se haya tratado.
Sesión 7: Preparación de artes Consideración del medio para un diseño En el campo del diseño se divide en dos grades rubros o medios: el impreso y el digital. Para cada uno de ellos debe ajustarse de manera diferente el trabajo con los documentos de Photoshop. Hay que considerar que para medios impresos se necesitan imágenes de alta resolución y archivos generalmente más pesados que los que hemos trabajo en sesiones anteriores. En la presente guía veremos las principales diferencias entre modos de color y resoluciones, pensando que trabajaremos un arte para medio impreso y digital. En comparación:
Medio digital
Medio impreso
Los artes son trabajados de tal forma que sean visualizados en pantalla (de computadoras, móviles y tablets).
Arte pensados para ser impresos en papel, tela, lona vinílica y otro material en el que serán posteriormente expuestos al público.
Modo de color RGB (Rojo, Verde y Azul - colores luz).
Modo de color CMYK (Cian, Magenta, Amarillo y Negro - colores pigmento).
El peso (en megabites) de los archivos exportados debe ser menor a los 5MB. Siendo que se distribuirán por Internet es vital que el tiempo de carga o los datos transferidos sea poco.
El peso del arte exportado puede superar los 5MB, llegando en algunos casos a 10MB o más dependiendo del medio para el que están pensado (MUPI, valla publicitaria, cartel, entre otros).
El pixel se utiliza como unidad de medida para trabajar los artes digitales.
Centímetros o pulgadas son utilizados dependiendo del tamaño al que será impreso el arte.
Tabla comparativa de algunas diferencia básicas entre artes trabajados para medios digitales y medios impresos CAD CENTER - Curso Básico de Photoshop CS 6
2
Sesión 7: Preparación de Artes
Resolución de imágenes / documentos de Photoshop Las dimensiones en píxeles miden el número total de píxeles de altura y anchura de una imagen. La resolución es la precisión del detalle en las imágenes de mapa de bits, que se mide en píxeles por pulgada (ppp / dpi). Cuantos más píxeles por pulgada, mayor resolución. En general, las imágenes con más resolución producen una calidad de impresión mejor.
Imagen idéntica con 72 ppp y 300 ppp (de izquierda a derecha); obsérvese con el zoom al 200% Arte digital
Documento medido en pixeles y con resolución de 72 dpi, modo de color RGB.
CAD CENTER - Curso Básico de Photoshop CS 6
Arte impreso
Documento medido en pulgadas y con resolución de 300 dpi, modo de color CMYK.
3
Sesión 7: Preparación de Artes
Relación entre el tamaño de la imagen y la resolución Esta relación puede verse en el cuadro de diálogo “Image Size / Tamaño de imagen” (elija Imagen > Tamaño de imagen). Anule la selección de Remuestrear la imagen porque no desea alterar la cantidad de datos de imagen de la fotografía. A continuación, cambie la anchura, altura o resolución. Al modificar uno de los valores, los otros dos varían en consecuencia.
Las dimensiones en píxeles equivalen a la resolución multiplicada por el tamaño (de salida) del documento. A. Dimensiones y resolución originales B. Disminuir la resolución sin modificar las dimensiones en píxeles (sin remuestreos) C. Disminuir la resolución con el mismo tamaño de documento disminuye las dimensiones de los píxeles (remuestreo).
CAD CENTER - Curso Básico de Photoshop CS 6
4
Sesión 7: Preparación de Artes
Modo de Color El modo de color influye en cómo se verá una composición o arte finalizado, los colores luz (RGB) son vibrantes y llamativos, y son utilizados para visualizaciones en pantallas, mientras que los colores pigmento (CMYK) como su nombre lo indica son extraídos de pigmentos minerales para luego ser convertidos en tintas con las que se imprimrán los artes en papel o cualquier otro medio (tela, plástico, cerámica, entre otros). A continuación veremos un diagrama para explicar cómo funciona cada modo de color y cómo obtendremos tonos que deseemos y para que no lo sigamos haciendo de manera aleatoria:
Colores Luz
Colores Pigmento
Colores aditivos (RGB) R. Rojo (Red), G. Verde (Green), B. Azul (Blue)
Colores sustractivos (CMYK) C. Cian M. Magenta Y. Amarillo K. Negro
Los colores primarios aditivos son los tres colores de la luz (rojo, verde y azul), que producen todos los colores del espectro visible al unirse en distintas combinaciones. Al sumar partes iguales de rojo, azul y verde, se obtiene el blanco. La total ausencia de rojo, azul y verde da como resultado el negro.
Los colores primarios sustractivos son pigmentos que crean un espectro de colores en diferentes combinaciones. Se usa el término “sustractivo” porque los colores primarios son puros hasta que se empiezan a mezclar entre ellos; el resultado son unos colores que son versiones menos puras de los primarios.
Los valores para calcular la pureza del color van desde el 0 hasta 255. Utilizando una notación o fórmula en la que cada color toma un valor entero en el rango de 0 a 255.
Los valores para calcular la pureza del color van desde el 0% hasta 100%. Las combinaciones se realizan mediante diferentes porcentajes de pureza de los colores.
Mientras más cerca del 0 se encuentre un color su tono será más oscuro, el 0 representa el negro.
Mientras más cerca del 0 se encuentre un color su tono será más claro, el 0 representa el blanco.
CAD CENTER - Curso Básico de Photoshop CS 6
5
Sesión 7: Preparación de Artes
Color Picker / Selector de color En el Selector de color de Adobe, los colores se eligen según cuatro modelos de color: HSB, RGB, Lab y CMYK. Utilice el Selector de color para definir el color frontal, el color de fondo y el color del texto. Si lo desea, también puede definir colores de destino para herramientas, comandos y opciones diferentes. A
B
C
D E A. Color seleccionado. B. Color original. C. Color ajustado. D. Icono de alerta de fuera de gama. E. Icono de alerta de un color no compatible con Web. F. Sólo muestra colores compatibles con Web. G. Campo de color. H. Regulador de color. I. Valores de color.
F
G
Al seleccionar un color éste muestra los valores numéricos para HSB, RGB, Lab, CMYK y números hexadecimales simultáneamente.
I
H
El hecho de usar un determinado modo de color en un documento, no influye para seleccionar colores en el Color Picker / selector de color. La ventana de diálogo seguirá siendo la misma, pero deberemos pensar en el tono de color que deseamos obtener y usar la fórmula más adecuada. Con fórmulas RGB y CMYK puede obtener colore similares, veamos un ejemplo / ejercicio: Color Rojo
Fórmula RGB R
G
Fórmula CMYK B
C
M
Y
K
255
0
0
0
100
100
0
Verde
0
255
0
100
0
100
0
Azul
0
0
255
100
100
0
0
Cian
0
255
255
100
0
0
0
Magenta
255
0
255
0
100
0
0
Amarillo
255
255
0
0
0
100
0
Blanco
255
255
255
0
0
0
0
0
0
0
0
0
0
100
Negro
CAD CENTER - Curso Básico de Photoshop CS 6
6
Sesión 7: Preparación de Artes
Reglas y líneas guía Las reglas y guías ayudan a colocar imágenes o elementos de forma precisa. Cuando están visibles, las reglas aparecen a lo largo de la parte superior y a la izquierda de la ventana activa. Las marcas de la regla muestran la posición del puntero cuando lo mueve. Para mostrar u ocultar reglas seleccione View > Rulers (Vista > Reglas). Las guías aparecen como líneas en la imagen, pero no se imprimen ni aparecen al momento de exportar un documento de photoshop. Puede mover y quitar guías. También puede bloquearlas para que no se muevan por descuido. Para mostrar seleccione View > Show > Guides (Vista > Mostrar > Guías). Colocación de una guía 1. Seleccione Vista > Reglas, si las reglas no están visibles. 2. Realice una de las siguientes acciones para crear una guía: • Seleccione Vista > Guía nueva. En el cuadro de diálogo, seleccione la orientación Horizontal o Vertical, introduzca una posición y haga clic en OK. • Arrastre desde la regla horizontal para crear una guía horizontal.
Cambiando las unidades de medición para reglas Dado que se utilizan diferentes unidades de medición para artes digitales y artes para impresos, es necesario cambiar estas unidades en la configuración de Photoshop cada vez que debemos trabajar con cada tipo de arte. Para cambiar la unidad de medición siga estos pasos: 1. Menú Edit > Preferences > Unit & Rulers (Editar > Preferencias > Unidades y Reglas) 2. En el cuadro de diálogo que aparecerá seleccione la unidad de medición que necesite, a continuación encontrará una tabla con las unidades de medición que puede ajustar a las reglas y texto. Unidades para Reglas (Rulers) Unidades Inglés
Unidades Español
Unidades para Tipografía (Type) Unidades Inglés
Unidades Español
Pixels
Pixeles
Pixels
Pixeles
Inches
Pulgadas
Points
Puntos
Centimeters
Centímetros
Milimeters
Milímetros
Milimeters
Milímetros
Points
Puntos
Picas
Picas
Percent
Porcentaje
CAD CENTER - Curso Básico de Photoshop CS 6
7
Sesión 7: Preparación de Artes
Práctica # 7 Iniciando documentos digitales y para impresión Para la práctica deberá seguir los siguientes pasos: Preparando arte digital 1. Cree un documento para arte digital con las siguientes características: 72 dpi de resolución, con una medida de 1000 pixeles de ancho por 375 pixeles de alto (proporción para portada de Facebook), utilice modo de color RGB. 2. Agregue 4 líneas guías (2 verticales y 2 horizontales) alrededor de su documento a una distancia de 20 pixeles del borde del documento. 3. Seleccione un imagen de su elección y adáptela en el documento para que cubra toda el área. Nota: Seleccione 1 imagen de alta resolución que deberá superar las 1100 pixeles de ancho. 4. Agregue una frase o texto de su elección, procure no sobrepasar el margen interno que ha creado con las líneas guía. 5. Guarde su documento para próximas sesiones.
Preparando arte para impresión 1. Cree un documento con las siguientes características: 300 dpi de resolución, con una medida de 12 pulgadas de ancho por 18 pulgadas de alto (medida de afiche standard), utilice modo de color CMYK. 2. Agregue 4 líneas guías (2 verticales y 2 horizontales) alrededor de su documento a una distancia de 0.5 pulgadas del borde del documento y 2 guías adicionales (a manera de cruz) para marcar el centro del documento. 3. Seleccione un imagen de su elección y adáptela en el documento para que cubra el total del ancho del documento, piense que deberá dejar espacio libre para colocar texto. Nota: Seleccione 1 imagen de alta resolución que deberá superar las 1100 pixeles de ancho, deberá estirarla, si no cubre el total de alto puede crear una máscara para difuminarla y crear una composición seleccionando más imágenes hasta cubrir todo el documento. 4. Agregue una frase o texto de su elección, procure no sobrepasar el margen interno que ha creado con las líneas guía. 5. Guarde su documento para próximas sesiones.
CAD CENTER - Curso Básico de Photoshop CS 6
8
Curso Bรกsico / Formas y texto
Sesión 8: Formas y texto
Objetivo de la sesión Que el estudiante conozca los el uso apropiado de las herramientas de texto para crear textos individuales y párrafos, así como el uso de formas vectoriales dentro de Photoshop y el uso de objetos inteligentes para preservar la calidad de las imágenes. Nota: Al final de cada sesión se aclararán las dudas sobre el tema que se haya tratado.
Sesión 8: Formas y texto Bases para el diseño editorial y publicitario El objetivo principal del diseño editorial y publicitario es comunicar una idea, ya se para informar o vender un determinado producto o servicio, por lo que un diseño (en otras sesiones conocido también como arte) está compuesto de varios elementos: fondo, fotografías o fotomontajes, contenido. Durante las sesiones anteriores ha adquirido las habilidades para componer un diseño con las caracterísiticas antes mencionadas, por lo que ahora pondremos en práctica todos los conocimientos adquiridos.
Las herramientas de texto nos ofrecen muchas opciones para crear párrafos (cajas de texto) y objetos de texto (textos individuales), junto con el uso de las herramientas de forma nos permiten crear composiciones para anuncios publicitarios o piezas editoriales (tarjetas de presentación, hojas de revista, afiches, etc)
CAD CENTER - Curso Básico de Photoshop CS 6
2
Sesión 8: Formas y texto
Explicación de las formas y trazados El dibujo en Photoshop implica la creación de trazados y formas vectoriales. Puede dibujar con cualquiera de las herramientas de forma, la herramienta de pluma o la herramienta de pluma de forma libre. Las opciones de cada herramienta se encuentran disponibles en la barra de opciones. Antes de empezar a dibujar en Photoshop, debe elegir un modo de dibujo en la barra de opciones. El modo elegido determina si crea una forma vectorial en su propia capa o bien un trazado de trabajo o una forma rasterizada (de pixeles) en una capa existente.
Barra de opciones al activar las herramientas forma
Shape / formas vectoriales Son líneas y curvas que se dibujan con las herramientas de forma o de pluma. Las formas vectoriales son independientes de la resolución. Mantienen los bordes nítidos cuando se redimensionan, se imprimen, se guardan en un archivo PDF o se importan a una aplicación de gráficos vectoriales. Nota: Al tratarse como capas puede aplicarles estilos de capa como si se tratase de texto o una capa de pixeles.
A B C D E
A. Rectángulo. B. Rectángulo con bordes redondeados. C. Elipse / Círculo. D. Polígono. E. Línea recta. F. Forma personalizada.
F
A B C D E
CAD CENTER - Curso Básico de Photoshop CS 6
A. Al dibujar un trazado vectorial se creará una nueva capa automáticamente B. Añadir a área de forma: Añade un área nueva a las formas o trazados existentes. C. Restar de área de forma Elimina el área superpuesta de las formas o trazados actuales. D. Formar intersección con áreas de formas Restringe el área a la intersección de la nueva área con las formas y trazados existentes. E. Excluir áreas de forma superpuestas Excluye el área superpuesta de las áreas consolidadas nuevas y existentes.
3
Sesión 8: Formas y texto
Alinear y distribuir capas Puede alinear y distribuir trazados, capas de texto y capas rasterizadas, por ejemplo, puede alinear los bordes izquierdos de varias formas o distribuir varios componentes de un trazado de trabajo a lo largo de sus centros horizontales. Nota: para alinear formas que están en capas diferentes, utilice la herramienta Mover (Move), las opciones de alineación aparecerán en la barra de opciones. Para alinear seleccione los componentes o capas (en el panel de capas) que desea alinear y, a continuación, seleccione una de las opciones de alineación en la barra de opciones.
A
B
C
Opciones de alineación A. Superior B. Centros verticales C. Inferior
D
E
F
D. Izquierdo E. Centros horizontales F. Derecho
Para distribuir, seleccione al menos tres componentes o capas que desee distribuir y, a continuación, seleccione una de las opciones de distribución en la barra de opciones.
A
B
C
Opciones de distribución A. Superior B. Centros verticales C. Inferior
D
E
F
D. Izquierdo E. Centros horizontales F. Derecho
Creación de texto El texto se compone de contornos de texto basados en vectores: formas definidas matemáticamente que describen las letras, los números y los símbolos de un tipo de letra. Muchos tipos de letra están disponibles en varios formatos. Photoshop conserva los contornos del texto basado en vectores y lo utiliza al cambiar la escala o el tamaño del texto, como consecuencia, es posible generar texto con bordes nítidos, independientemente de la resolución. Al crear texto, una nueva capa de texto se añade al panel Capas. Una vez creada una capa de texto, puede modificar el texto y aplicarle comandos de capa (estilos y algunos tipos de transformaciones). Puede realizar los siguientes cambios en una capa de texto y además editar el texto: • Cambiar la orientación del texto. • Convertir un objeto de texto en texto de párrafo y viceversa. • Crear un trazado de trabajo a partir de texto. • Aplique comandos de transformación desde el menú Edición, exceptuando Perspectiva y Distorsionar. Nota: para transformar parte de la capa de texto, primero debe rasterizarla. • Use estilos de capa. • Deforme el texto para que se adapte a una variedad de formas.
CAD CENTER - Curso Básico de Photoshop CS 6
4
Sesión 8: Formas y texto
Existen tres maneras de crear texto: en un punto, en un párrafo y en un trazado. • Objeto de texto es una línea de texto horizontal o vertical que empieza en el punto de la imagen en el que haga clic. La introducción de texto en un punto resulta útil para añadir unas palabras a la imagen. • Texto de párrafo utiliza límites para controlar el flujo de caracteres, ya sea horizontal o verticalmente. Este método de inserción de texto es útil si desea crear uno o varios párrafos, como para un folleto. • Texto en un trazado fluye a lo largo del borde del trazado, ya sea éste abierto o cerrado.
Character Panel / Panel de Caracter Proporciona opciones para aplicar formato a caracteres. Algunas opciones de formato también están disponibles en la barra de opciones. Puede mostrar el panel Carácter realizando una de las acciones siguientes: • Seleccione Ventana > Carácter o haga clic en la ficha del panel caracter si el panel está visible pero no está activo. • Con una herramienta de texto seleccionada, haga clic en el botón Panel de la barra de opciones.
A
G
B
H
C
I
D
J
E
K
F
L
Panel de caracter A. Familia de fuentes. B. Tamaño de fuente. C. Kerning. D. Escala vertical. E. Desplazamiento de línea de base. F. Idioma. G. Estilo de fuente. H. Interlineado. I. Tracking. J. Escala horizontal. K. Color de texto. L. Método de suavizado.
Deformar y deshacer la deformación del texto Puede deformar el texto para crear un efecto de texto especial. Por ejemplo, puede deformar el texto con la forma de un arco o de una onda. El estilo de deformación que selecciona es un atributo de la capa de texto. Puede cambiar en cualquier momento el estilo de deformación de una capa y así cambiar la forma general de la deformación. Las opciones de deformación le proporcionan un control preciso sobre la orientación y la perspectiva del efecto de deformación. CAD CENTER - Curso Básico de Photoshop CS 6
5
Sesión 8: Formas y texto
Deformación de texto 1. Seleccione una capa de texto. 2. Realice una de las siguientes acciones: • Seleccione una herramienta de texto y haga clic en el botón Deformar de la barra de opciones. • Elija Capa > Texto > Deformar texto. 3. Seleccione un estilo de deformación en el menú emergente Estilo. 4. Seleccione la orientación del efecto de deformación, Horizontal o Vertical. 5. Si lo desea, especifique valores para opciones de deformación adicionales: • Curvar, para especificar la cantidad de deformación que se aplica a la capa. • Distorsión horizontal o Distorsión vertical, para aplicar perspectiva a la deformación.
Clipping Mask / Máscara de recorte Las máscaras de recorte permiten usar el contenido de una capa para enmascarar las capas que hay por encima. Lacreación de la máscara está condicionada por el contenido de la capa inferior o capa base. El contenido no transparente de la capa base recorta (muestra) el contenido de las capas superiores en la máscara de recorte. El resto del contenido de las capas recortadas se enmascara. Puede utilizar varias capas en una máscara de recorte, pero éstas deben ser consecutivas. El nombre de la capa base de la máscara aparece subrayado y las miniaturas de las capas superiores aparecen sangradas. Las capas superpuestas muestran un icono de máscara de recorte .
Creación de una máscara de recorte 1. Organice las capas en el panel Capas de manera que la capa base que contiene la máscara se encuentre debajo de las capas que desee enmascarar. 2. Mantenga pulsada la tecla Alt, coloque el puntero sobre la línea del panel Capas que divide la capa base y la primera capa superior que desee incluir en la máscara de recorte (el puntero se convierte en dos círculos superpuestos ) y haga clic. O Seleccione la primera capa por encima de la capa base en el panel Capas y elija Layer > Create Clipping Mask (Capa > Crear máscara de recorte). 3. Si desea añadir otras capas a la máscara de recorte, emplee cualquiera de los métodos explicados en el paso 2 en cada nivel (en sentido ascendente) del panel Capas. CAD CENTER - Curso Básico de Photoshop CS 6
6
Sesión 8: Formas y texto
Práctica # 8 Creando una hoja de revista Para la práctica deberá seguir los siguientes pasos: Prepara el modelo de una hoja de revista 1. Cree un documento con las siguientes características: 300 dpi de resolución, con una medida de 12 pulgadas de ancho por 18 pulgadas de alto (medida de afiche standard), utilice modo de color CMYK o RGB. 2. Cree un rectángulo delimitador de 0.5 pulgadas a partir del borde del documento hacia el centro del mismo. 3. Cree una composición sencilla para el fondo y seleccione una imagen a la que desee aplicar una máscara de recorte (clipping mask) 4. Haga una máscara de recorte con un texto deformado a su gusto y otra con una forma (shape). 5. Agregue 2 o tres columnas de texto (texto de muestra o un texto que usted seleccione) para simular el contenido de la hoja. 6. Acomode los elementos de tal forma que el contenido sea fácilmente legible. Está en la libertad para usar estilos de capa y crear cajas con las herramientas de formas. Evite usar filtros para el texto que aparecerá en columnas. 7. Guarde su documento para próximas sesiones.
CAD CENTER - Curso Básico de Photoshop CS 6
7
Curso B谩sico / Objetos inteligentes e Ilustraci贸n
Sesión 9: Objetos inteligentes e ilustración
Objetivo de la sesión Que el estudiante ponga en práctica los conocimientos adquiridos sobre el uso de las herramientas de dibujo para crear ilustraciones vectoriales, y descubra las posibilidades de aplicación en proyectos de diseño como: empaques, postales, afiches y otros. Nota: Al final de cada sesión se aclararán las dudas sobre el tema que se haya tratado.
Sesión 9: Objetos inteligentes e Ilustración Ilustración vectorial El campo de aplicación del diseño y el uso de las herramientas de dibujo es extenso, en esta sesión veremos cómo utilizarlas para conseguir ilustraciones de personajes, animales y elementos inanimados. Estas ilustraciones tienen muchas aplicaciones para el diseño, principalmente se utilizan para el desarrollo de personajes que formarán parte de una marca, anunciarán un mensaje o que ayudarán a promover un producto. Existen muchos estilos de ilustración, todo dependerá del resultado que se busca, estilo de ilustración y el tiempo invertido para completarla. El proceso de ilustración requiere práctica del uso de la pluma.
A
B
C
D
Proceso de ilustración A. Selección de imagen original o base para la ilustración. B. Formas (shapes) dibujadas sobrepuestas unas a otras para duplicar la ilustración original. C. Coloreado sólido de las figuras para distiguir las distintas partes que la componen (podría ser este paso la ilustración si se busca un resultado estilo caricatura). D. Aplicación de máscaras de recorte (clipping mask) y estilos de capa, para dar textura y un resultado que simula profundidad.
CAD CENTER - Curso Básico de Photoshop CS 6
2
Sesión 9: Objetos inteligentes e ilustración
Finalizando la ilustración Esta debe ser aplicada al diseño, por lo que al haber aplicado estilos de capa y redimensionar la ilustración, esta se “deformará”, ya que los estilos no se escalarán al nuevo tamaño, además habrán muchas capas en el diseño, lo cual entorpecerá la finalización del arte. En este punto podemos optar por: • Utilizar una carpeta para solucionar el problema de las capas. • Rasterizar (aplanar o fusionar) las capas que forman la ilustración y crear una sola capa. En ambos casos continuaría la dificultad para escalar la ilustración (incluyendo la pérdida de calidad en algunos casos al fusionar las capas), entonces es cuando se recomiendo el uso de los objetos inteligentes (smart objects).
Objetos inteligentes (Smart Objects) Constituyen capas que contienen datos de imagen procedentes de imágenes rasterizadas o vectoriales como, por ejemplo, archivos de Photoshop o Illustrator. Los objetos inteligentes conservan el contenido original de la imagen con todas sus características originales, de tal modo que posibilitan la edición no destructiva de la capa en cuestión. Los objetos inteligentes se pueden crear con varios métodos: con el comando Abrir como objeto inteligente, mediante la colocación de un archivo, al pegar datos de Illustrator o tras la conversión de al menos una capa de Photoshop en objetos inteligentes. Los objetos inteligentes facilitan todo lo que sigue: • Realizar transformaciones no destructivas. Así, puede cambiar la escala de una capa, rotarla, sesgarla, distorsionarla, cambiar la perspectiva o deformarla sin perder la calidad ni los datos de imagen originales. • Trabajar con datos vectoriales que, de otro modo, se tendrían que rasterizar en Photoshop. • Aplicar filtros no destructivos. Los filtros aplicados a los objetos inteligentes se pueden editar siempre que se quiera.
En el panel de capas, se muestra como una capa.
CAD CENTER - Curso Básico de Photoshop CS 6
• Editar un objeto inteligente y actualizar de forma automática todas las apariciones enlazadas. 3
Sesión 9: Objetos inteligentes e ilustración
Acerca de los filtros inteligentes Todo filtro aplicado a un objeto inteligente es un filtro inteligente. Los filtros inteligentes aparecen en el panel Capas debajo de la capa de objetos inteligentes en la que estén aplicados. Como se pueden ajustar, eliminar y ocultar, se entiende que no son destructivos. Se pueden aplicar como filtros inteligentes todos los filtros de Photoshop en los que se active esta posibilidad excepto: • Extraer (Extract) • Licuar (Liquify) • Punto de fuga (Vanishing Point) Para trabajar con filtros inteligentes, seleccione una capa de objetos inteligentes, seleccione el filtro apropiado y, a continuación, defina las opciones del filtro. Después de aplicar un filtro inteligente, todavía puede ajustarlo, reorganizarlo o si lo desea, eliminarlo.
Nota: Los filtros aplicados a las capas rasterizadas no pueden reajustarse, debido a que con cada filtro los pixeles que conforman la capa son alterados. Deberá regresar un paso en el panel de historia si desea deshacer el filtro y volver a aplicarlo con los nuevos valores que desea utilizar. Para expandir o contraer la vista de filtros inteligentes, haga clic en el triángulo que aparece junto al icono Filtro inteligente, el cual se muestra a la derecha de la capa de objetos inteligentes en el panel Capas. (Esta acción también muestra u oculta estilos de capa). Otra alternativa consiste en elegir Opciones del panel Capas en el menú del panel Capas y seleccionar, entonces, Expandir nuevos efectos en el cuadro de diálogo.
Ajustes de recorte y lienzo Recorte de imágenes Recortar es el proceso de eliminar partes de una imagen o diseño para crear un enfoque o reforzar la composición. Puede recortar una imagen mediante la herramienta Recortar (Crop). Para recortar imágenes siga estos pasos: • Seleccione la herramienta Recortar (Crop). • Para recortar la imagen sin remuestrearla (resample), asegúrese de que el cuadro de texto resolución de la barra de opciones está vacío. Puede hacer clic en el botón borrar para borrar con rapidez el contenido de todos los cuadros de texto. • Para remuestrear la imagen al recortarla, introduzca valores para la altura, la anchura y la resolución en la barra de opciones. Para cambiar las dimensiones de altura y anchura, haga clic en el icono Intercambia altura y anchura.
CAD CENTER - Curso Básico de Photoshop CS 6
4
Sesión 9: Objetos inteligentes e ilustración
Tamaño del lienzo El tamaño del lienzo es el área editable completa de la imagen. El comando Tamaño de lienzo permite aumentar o reducir el tamaño del lienzo de la imagen. El aumento del tamaño del lienzo añade espacio alrededor de una imagen existente. Si se reduce el tamaño del lienzo de la imagen, se recortará en la imagen. Si aumenta el tamaño del lienzo de una imagen con un fondo transparente, el lienzo añadido será transparente. Si la imagen no tiene un fondo transparente, existen varias opciones para determinar el color del lienzo añadido. 1. Seleccione Imagen > Tamaño de lienzo (Image > Canvas Size). 2. Realice una de las siguientes acciones: • Introduzca las dimensiones del lienzo en los cuadros Anchura y Altura. Seleccione las unidades de medida que desee en los menús emergentes situados junto a los cuadros Anchura y Altura. • Seleccione Relativo e introduzca la cantidad que desea sumar o restar al tamaño del lienzo de la imagen actual. Introduzca un número positivo que añadir al lienzo y un número negativo que restar del lienzo. 3. En Ancla, haga clic en un cuadro para indicar en qué parte del nuevo lienzo desea colocar la imagen existente. 4. Seleccione una opción del menú Color de extensión de lienzo: • Frontal para rellenar el nuevo lienzo con el color frontal actual • Fondo para rellenar el nuevo lienzo con el color de fondo actual • Blanco, Negro o Gris para rellenar el nuevo lienzo con uno de estos colores • Otro para seleccionar un nuevo color de lienzo con el Selector de color Nota: también puede hacer clic en el cuadrado de color blanco a la derecha del menú Color de extensión de lienzo para abrir el Selector de color. El menú Color de extensión de lienzo no está disponible si la imagen no contiene una capa de fondo. 5. Haga clic en OK. A. Tamaño actual (Current Size) del lienzo A
B
C
CAD CENTER - Curso Básico de Photoshop CS 6
B. Nuevo tamaño (New Size) al que redimensionará el lienzo, con las medidas en porcentaje, centímetros, pulgadas, pixeles, centímetros, milímetros, puntos y picas. C. Ancla (Anchor) para fijar a partir de dónde se conservará el corte y será el área visible. Puede utilizar los 9 botones para fijar el ancla, por defecto está ubicada al centro y aparecerá un punto sobre el botón que ha seleccionado, indicándole dónde está ubicada.
5
Sesión 9: Objetos inteligentes e ilustración
Práctica # 9 Ilustración vectorial y ajustes de lienzo Para la práctica deberá seguir los siguientes pasos: 1. Cree un documento con las siguientes características: 72 dpi de resolución, con una medida de 1000 pixeles de ancho por 1000 pixeles de alto, utilice modo de color RGB. 2. Realice una ilustración vectorial de un personaje. Use estilos de capa y máscaras de recorte (clipping mask) para complementar los rellenos de su ilustración. 3. Convierta su ilustración en un objeto inteligente (smart object). 4. Ajuste la medida del lienzo del documento a 800 pixeles de ancho por 800 pixeles de alto 5. Utilice el comando transformar para ajustar la ilustración y hacer que encaje en la nueva medida del documento. 6. Agregue un fondo sólido, degradado o una imagen que funcione como fondo de la composición. 7. Agregue una frase o texto a su composición, puede utilizar las herramientas de forma para crear cajas y facilitar la lectura de su texto.
CAD CENTER - Curso Básico de Photoshop CS 6
6
Curso B谩sico / Aplicaci贸n de filtros
Sesión 10: Aplicación de filtros
Objetivo de la sesión Que el estudiante conozca los principios para utilizar el menú y galerías de filtros de Photoshop para crear nuevos ajuste en sus composiciones, y que obtenga nuevos resultados para perfeccionar imágenes, fotografías en objetos inteligentos u otros elementos rasterizados . Nota: Al final de cada sesión se aclararán las dudas sobre el tema que se haya tratado.
Sesión 10: Aplicación de filtros Uso de filtros Se emplean para limpiar o retocar las fotografías, aplicar efectos especiales que doten a la imagen de la apariencia de un bosquejo o un cuadro impresionista o bien crear transformaciones exclusivas mediante distorsiones y efectos de iluminación. Los filtros inteligentes, aplicados a objetos inteligentes, permiten usar filtros no destructivos. Los filtros inteligentes se almacenan como efectos de capa en el panel Capas y se pueden volver a ajustar en cualquier momento a partir de los datos de la imagen original que contenga el objeto inteligente. Para utilizar un filtro, seleccione el comando de submenú adecuado del menú Filtro. Las siguientes directrices le ayudarán a seleccionar los filtros: • Los filtros se aplican a la capa activa visible o a una selección. • En el caso de las imágenes de 8 bits por canal, la mayoría de los filtros se pueden aplicar de manera acumulativa mediante la Galería de filtros. Todos los filtros pueden aplicarse individualmente. • No se pueden aplicar filtros a imágenes en modo de mapa de bits o de color indexado. • Algunos filtros sólo funcionan en imágenes RGB. • Todos los filtros pueden aplicarse a imágenes de 8 bits. CAD CENTER - Curso Básico de Photoshop CS 6
A
B
A. Imagen original B. Filtros Cutout y Poster Edges para simular el estilo de ilustración de comic en una fotografía.
2
Sesión 10: Aplicación de filtros
Filter Gallery / Galería de filtros Ofrece una previsualización de muchos de los filtros de efectos especiales. Puede aplicar varios filtros, activar o desactivar el efecto de un filtro, restaurar las opciones de un filtro o cambiar el orden de aplicación de los filtros. Cuando haya obtenido la previsualización deseada, aplíquela a la imagen. No todos los filtros del menú Filtro están disponibles en la Galería de filtros. A
B
C
D
E
F
G H I
J
A. Previsualizar B. Categoría de filtro C. Miniatura del filtro seleccionado D. Mostrar/Ocultar miniaturas de filtros E. Menú emergente Filtros F. Opciones para el filtro seleccionado G. Lista de efectos de filtro para aplicar u organizar H. Efectos de filtro aplicados de manera acumulativa I. Efecto de filtro oculto J. Botones para Crear/Borrar nuevo filtro. Los efectos de filtro se aplican en el orden en el que se seleccionan. Puede reorganizar los filtros una vez aplicados arrastrando un nombre de filtro a otra posición de la lista de filtros aplicados. La reorganización de los efectos de filtro puede cambiar drásticamente el aspecto de una imagen. Haga clic en el icono de ojo situado junto a un filtro para ocultar el efecto en la imagen de previsualización. También puede eliminar filtros aplicados seleccionando el filtro y haciendo clic en el icono Eliminar capa
CAD CENTER - Curso Básico de Photoshop CS 6
3
Sesión 10: Aplicación de filtros
Tipos de Filtros Filtros Artísticos Los filtros del submenú Artístico le permiten obtener efectos pictóricos. Todos los filtros artísticos se aplican mediante la Galería de filtros. Colored Pencil
Lápiz de color
Cutout Dry Brush Film Grain Fresco Neon Glow Paint Daubs Palette Knife Plastic Wrap Poster Edges Rough Pastels Smudge Stick Sponge Underpainting Watercolor
Cuarteado Pincel seco Película granulada Fresco Resplandor de neón Pinceladas Espátula Plastificado Bordes añadidos Trazos pastel Manchas Esponja Pintar debajo Color diluido
Filtros para desenfocar Los filtros de desenfoque suavizan una selección o una imagen entera y son útiles para retocar. Suavizan las transiciones mediante el cálculo de la media de píxeles situados junto a los bordes duros de las líneas definidas y las áreas sombreadas de una imagen. Average
Promediar
Blur More Box Blur Gaussian Blur Lens Blur Motion Blur Radial Blur Shape Blur Smart Blur Surface Blur
Desenfocar más Desenfoque de rectángulo Desenfoque gaussiano Desenfoque de lente Desenfoque de movimiento Desenfoque radial Desenfoque de forma Desenfoque suavizado Desenfoque de superficie
CAD CENTER - Curso Básico de Photoshop CS 6
Filtros de trazos de pincel Al igual que los filtros artísticos, los filtros de trazos de pincel proporcionan un efecto pictórico o de bellas artes utilizando diferentes efectos de pincel y tinta. Algunos de los filtros añaden granulado, pintura, ruido, detalle de borde o textura. Todos los filtros de trazos de pincel pueden aplicarse utilizando la Galería de filtros. Accented Edges
Bordes acentuados
Angled Strokes Crosshatch Dark Strokes Ink Outlines Spatter Sprayed Strokes Sumi-e
Trazos angulares Sombreado Trazos oscuros Contornos con tinta Salpicaduras Trazos con spray Sumi-e
Filtros para distorsionar Distorsionan geométricamente una imagen creando efectos tridimensionales u otros efectos de cambio de forma. Los filtros Resplandor difuso, Cristal y Ondas marinas pueden aplicarse utilizando la Galería de filtros. Diffuse Glow
Resplandor difuso
Displace Glass Ocean Ripple Pinch Polar Coordinates Ripple Shear Spherize Twirl Wave ZigZag
Desplazar Cristal Ondas marinas Encoger Coordenadas polares Rizo Distorsionar Esferizar Molinete Onda Zigzag
4
Sesión 10: Aplicación de filtros
Filtros de ruido Añaden o eliminan ruido o píxeles con niveles de color distribuidos aleatoriamente. Esto ayuda a fusionar una selección con los píxeles circundantes. Los filtros de ruido pueden crear texturas inusuales o quitar áreas problemáticas en una imagen. Add Noise
Añadir ruido
Despeckle Dust & Scratches Median Reduce Noise
Destramar Polvo y rascaduras Mediana Reducir ruido
Filtros para pixelizar Los filtros del submenú Pixelizar definen claramente una selección agrupando en celdas los píxeles con valores de color similares. Color Halftone
Semitono de color
Crystallize Facet Fragment Mezzotint Mosaic Pointillize
Cristalizar Pinceladas Fragmento Grabado Mosaico Puntillista
Filtros para interpretar Crean formas tridimensionales, motivos de nubes, motivos de refracción y simulaciones de reflexiones de la luz en una imagen. Clouds
Nubes
Difference Clouds Fibers Lens Flare Lighting Effects
Nubes de diferencia Fibras Destello Efectos de iluminación
CAD CENTER - Curso Básico de Photoshop CS 6
Filtros para enfocar Los filtros de enfoque enfocan imágenes borrosas aumentado el contraste de los píxeles adyacentes. Sharpen
Enfocar
Sharpen More Sharpen Edges Unsharp Mask Smart Sharpen
Enfocar más Enfocar bordes Máscara de enfoque Enfoque suavizado
Filtros para bosquejar Los filtros del submenú Bosquejar añaden textura a las imágenes, con frecuencia para crear un efecto tridimensional. También son útiles para crear un aspecto de bellas artes o de dibujos hechos a mano. Muchos de los filtros para bosquejar utilizan el color frontal y el de fondo mientras vuelven a dibujar la imagen. Todos los filtros para bosquejar pueden aplicarse utilizando la Galería de filtros. Bas Relief
Bajorrelieve
Chalk & Charcoal Charcoal Chrome Conté Crayon Graphic Pen Halftone Pattern Note Paper Photocopy Plaster Reticulation Stamp Torn Edges Water Paper
Tiza y carboncillo Carboncillo Cromo Conté Crayon Estilográfica Modelo de semitono Papel con relieve Fotocopia Escayola Reticulación Tampón Bordes rasgados Papel húmedo
5
Sesión 10: Aplicación de filtros
Filtros para estilizar Los filtros para estilizar producen un efecto de pintura o impresionista en una selección al desplazar los píxeles y luego buscar y realzar el contraste de la imagen. Después de utilizar filtros como Hallar bordes y Trazar contorno, que realzan los bordes, puede aplicar el comando Invertir para contornear los bordes de una imagen de color con líneas coloreadas o los bordes de una imagen en escala de grises con líneas blancas. Diffuse
Difusión
Emboss Extrude Find Edges Glowing Edges Solarize Tiles Trace Contour Wind
Relieve Extrusión Hallar bordes Bordes resplandecientes Solarizar Azulejos Trazar contorno Viento
Filtros de textura Utilice los filtros de textura para simular una apariencia de profundidad, de sustancia o para añadir un aspecto más natural. Craquelure
Grietas
Grain Mosaic Tiles Patchwork Stained Glass Texturizer
Granulado Azulejo de mosaico Retazos Vidriera Texturizar
Práctica # 10 Aplicando filtros Para la práctica deberá seguir los siguientes pasos: 1. Seleccione 3 imágenes a las que aplicará distintos filtros (un paisaje, un retrato, y una fotografía con un grupo de personas). 2. Prepare las 3 imágeens ajustando su lienzo a 1000 pixeles por 1000 pixeles, color RGB con 8 bits. 3. Convierta la capa de fondo de cada documento en objetos inteligentes. 4. En el paisaje aplique filtros artísticos para simular una pintura. En la imagen del retrato aplique filtros de textura o bosquejar para simular que es una fotografía antigua. A la tercera imagen aplique filtros artísticos y trazos de pincel para simular el estilo de comic. 5. Guarde los 3 documentos.
CAD CENTER - Curso Básico de Photoshop CS 6
6
Curso Bรกsico / Exportando artes
Sesión 11: Exportando artes
Objetivo de la sesión Que el estudiante conozca los principales formatos de archivo en los cuales podrá exportar sus artes de Photoshop para que los utilice en medios digitales (sitios web o redes sociales) o los prepare para que sean impresos en diferentes materiales. Nota: Al final de cada sesión se aclararán las dudas sobre el tema que se haya tratado.
Sesión 11: Exportando artes Guardando archivos en imágenes Una vez haya finalizado el diseño de un arte, el retoque de una fotografía, etc para usarlos en los diferentes medios digitales o impresos es necesario que lo convierta / exporte en un formato de archivo soportado por estos medios. Siempre debe guardar la copia editable (PSD, PSB), donde se conservan todas las características de Photoshop (capas, efectos, máscaras, entre otros). Comandos para guardar las imágenes: • Guardar como Guarda una imagen en otra ubicación o con un nombre de archivo o formato diferente. • Guardar para Web y dispositivos Guarda una imagen optimizada para Internet o dispositivos móviles.
Arte final: Es el nombre que coloquialmente recibe un archivo listo para imprenta o publicación, ya sea en medios impresos o digitales. En esta guía veamos los formatos más comunes para que nuestros diseños “vean” la luz y sean utilizados.
CAD CENTER - Curso Básico de Photoshop CS 6
2
Sesión 11: Exportando artes
Guardar como exporta una imagen en una ubicación específica y permite seleccionar distintos tipos de formato. Esta pantalla es utilizada generalmente para exportar los documentos de Photoshop a archivos preparados para medios impresos. Formatos comunes para artes impresos • EPS • PDF • TIFF • JPEG / JPG Formatos comunes para artes digitales • JPG • PNG • GIF
A C B
D
E
F
G
Guardar para Web y dispositivos A. Opciones de visualización B. Cuadro de herramientas C. Menú emergente Optimizar
H
I
D. Menú emergente Tabla de color E. Controles de animación F. Cuadro de texto Zoom
CAD CENTER - Curso Básico de Photoshop CS 6
G. Previsualizar en navegador H. Imagen original I. Imagen optimizada 3
Sesión 11: Exportando artes
Acerca de la optimización Al preparar imágenes para Internet y otros soportes en línea, es habitual hacer concesiones entre la calidad de la imagen y el tamaño de archivo. Guardado para Web y dispositivos Las funciones de optimización del cuadro de diálogo Guardar para Web y dispositivos permiten visualizar imágenes optimizadas en diferentes formatos de archivo y con distintos atributos de archivo. Puede ver varias versiones de una imagen a la vez y modificar los ajustes de optimización conforme previsualiza la imagen para poder seleccionar la combinación de ajustes que mejor se ajuste a sus necesidades. También puede especificar la transparencia o halos, seleccionar opciones para controlar el tramado y redimensionar la imagen hasta unas dimensiones en píxeles determinadas o hasta un porcentaje determinado del tamaño original. Cuando guarda un archivo optimizado mediante el comando Guardar para Web y dispositivos, puede seleccionar que se genere un archivo HTML para la imagen. Este archivo contiene toda la información necesaria para visualizar la imagen en un navegador Web.
Photoshop PDF (Portable Document Format) Puede utilizar el comando Guardar como para guardar en formato Photoshop PDF imágenes RGB, de color indexado, CMYK, en escala de grises, así como imágenes en modo Mapa de bits, de color Lab y de duotonos. Como el documento Photoshop PDF puede conservar los datos de Photoshop como capas, canales alfa, notas y tintas planas, puede abrir el documento y editar las imágenes en Photoshop CS2 o posterior.
Photoshop EPS (Encapsulated PostScript) Prácticamente todas las aplicaciones de gráficos, procesamiento de textos o de composición de páginas aceptan archivos EPS (Encapsulated PostScript) importados o colocados. Para imprimir archivos EPS, debe usar una impresora PostScript. Las impresoras no PostScript sólo imprimirán la previsualización con resolución de pantalla.
TIFF (Tagged Image File Format) Es un formato flexible de imágenes rasterizadas (mapa de bits) que prácticamente admiten todas las aplicaciones de pintura, edición de imágenes y composición de páginas.
JPEG (Joint Photographic Experts Group) Puede utilizar el comando Guardar como para guardar imágenes CMYK, RGB y en escala de grises en formato JPEG (*.jpg). JPEG comprime el tamaño de archivo descartando datos de forma selectiva. También puede guardar imágenes como uno o varios archivos JPEG con el comando Guardar para Web y dispositivos. El formato JPEG admite sólo las imágenes de 8 bits. Si guarda una imagen de 16 bits con este formato, Photoshop automáticamente reduce la profundidad de bits.
CAD CENTER - Curso Básico de Photoshop CS 6
4
Sesión 11: Exportando artes
PNG (Portable Network Graphics) Puede utilizar el comando Guardar como para guardar en formato PNG imágenes RGB, de color indexado, en escala de grises, así como imágenes en modo Mapa de bits. Nota: también puede guardar imágenes como un archivo o varios archivos PNG con el comando Guardar para Web y dispositivos.
GIF (Graphics Interchange Format) Puede utilizar el comando Guardar como para guardar imágenes RGB, de color indexado, en escala de grises o en modo Mapa de bits directamente en formato CompuServe GIF (conocido como GIF). La imagen se convierte automáticamente al modo Color indexado. Nota: GIF está disponible sólo cuando la imagen tiene 8 bits/canal (sólo es compatible con 8 bits/canal).
Práctica # 11 Exportando archivos Para la práctica deberá seguir los siguientes pasos: 1. Seleccione 4 artes que haya preparado en sesiones anteriores, 2 para impresión y 2 para medios digitales (que tengan una tamaño menos a 1200 pixeles de ancho, puede hacer una copia, redimensionarlos y cambiarles la resolución). 2. Exporte los 2 artes para medios impresos en los siguientes formatos: JPEG, TIFF, EPS en los modos de color RGB y CMYK. 3. Exporte los 2 artes para medios digitales en los siguientes formatos: JPEG, GIF, PNG (en el caso de los archivos PNG haga 2 versiones, una sin el fondo para comprobar la transparencia que admite este formato y otra con el fondo del diseño que ha elaborado).
Consideraciones - Proyecto final Una vez haya exportado los artes a los distintos formatos, puede hacer las consultas que considere necesarias para la finalización del proyecto que se entregará en la próxima sesión. Hay un espacio para consultas y recomendaciones.
CAD CENTER - Curso Básico de Photoshop CS 6
5
Curso Bรกsico / Proyecto final
Sesión 12: Proyecto final
Objetivo de la sesión Que el estudiante exponga los distintos procesos empleados para la elaboración de los artes para su proyecto final, y evalúe el nivel de aprendizaje que ha adquirido durante todo el curso.
Sesión 12: Proyecto final Evaluando artes En el ambiente del diseño encontraremos muchos aspectos que debemos evaluar en un arte para saber si es efectivo o no. El primer aspecto es la transmisión del mensaje ¿con qué tanta facilidad puede comprender el público un mensaje? ¿este anuncio genera empatía y atrae al consumidor? entre otras interrogantes. Al hacer la presentación de un proyecto deberá hacerlo con seguridad, exponiendo (y argumentando) cuáles fueron los pasos e ideas que siguió para obtener un determinado resultado.
Criterios de evaluación La evaluación será realizada por los compañeros de curso, asignando una cifra entre 1 a 10 para calificar cada uno de los criterios de evaluación. Criterio a evaluar
Sí / No
Nota
1 ¿Comunica el mensaje con claridad? 2 ¿El arte del afiche está trabajado en la resolución y medidas correctas? 3 ¿Ha respetado el uso de líneas guías para no comprometer el contenido en el proceso de corte? 4 ¿El texto del contenido es fácilmente legible? 5 Uso adecuado de objetos de texto y texto tipo párrafo 6 ¿Ha empleado imágenes de alta resolución para elaborar el diseño? 7 Uso de capas de relleno (sólido o degradado) para el fondo 8 Uso de estilos de capa (layer styles) 9 Uso de filtros (filters / smart filters) 10 Uso de objetos inteligentes (smart objects) Nota final
CAD CENTER - Curso Básico de Photoshop CS 6
2
Curso básico de Photoshop Objetivo del módulo básico: al finalizar el curso el alumno será capaz de realizar fotomontajes para realizar piezas de diseño, que podrá aplicar tanto para diseño digital como impreso. Sesiones
Contenido
1 Conociendo el software Presentación de interfaz, cajas de herramientas, área de trabajo y paneles. Trabajando con imágenes, ventana “History / historia”. 2 Edición básica 1
Trabajo con capas, agregar texto a imágenes, comprensión de capas, aplicar y editar estilos de capas, trabajo con modos de fusión.
3 Edición básica 2
Edición básica de imágenes, herramientas de retoque. Creación de máscaras de capa.
4 Selección de capas y color
Aplicar rellenos de color: sólidos y degradados, herramientas de selección. Cambiar colores con capas de ajuste y filtros de fotografía.
5 Edición de fotografías 1 Ajustes de capa: Brillo /contraste, Sombra / iluminaciones, Niveles, Curvas. Creación de la primera composición usando máscaras y capas. 6 Edición de fotografías 2 Colorizar fotografías con el mapa de degradado. Uso de pluma y vectores. 7 Preparación de artes
Tamaño y resolución de documento PSD. Resolución para diseños digitales. Modo de color (RGB / CMYK). Reglas y líneas guía.
8 Formas y texto
Herramientas de forma (vectores), alineación de capas y objetos. Enmascarar capas usando formas (shapes). Creación de texto (objeto de texto y párrafos). Máscaras de recorte (Clipping Mask).
9 Objetos inteligentes e ilustración
Ilustrando con las herramientas de forma y máscaras de recorte. Creación y uso de objetos inteligentes (smart objects). Ajuste y recorte del lienzo (documento de trabajo).
10 Aplicación de filtros
Uso de filtros y explicación de la galería de filtros.
11 Exportando artes
Guardando archivos en imágenes. Pantallas para “guardar como” y “guardar para web”
12 Entrega de proyecto final
Evaluación de proyecto final. Consideraciones y recomendaciones finales.
CAD CENTER - Curso Básico de Photoshop CS 6
Proyecto final El objetivo principal del curso de Photoshop CS6 es que el alumno adquiera las conocimientos básicos sobre las principales herramientas y opciones que el programa ofrece, y que demuestre el nivel de aprendizaje mediante un ejemplo práctico evaluado, donde se busca reforzar áreas, resolver dudas, para que pueda avanzar en el diseño gráfico. El proyecto será entregado en la última sesión, consistiendo en: Elaboración de afiche y ticket (boleto) Para un concierto ficticio de su artista o banda favoritos. Los artes y especificaciones que deberá preparar son: Afiche Medida: Resolución: Modo de color: Formato: Ticket / boleto Medida: Resolución:
11.75 pulgadas de ancho por 17.75 pulgadas de alto 300 dpi (si su computadora no puede procesar una imagen tan grande puede cambiar la resolución a 250 dpi) Elabore los artes en RGB y exportélos a JPG / CMYK (aplica para ticket y afiche) JPG - para visualizar los artes y propiedades del archivo final. PSD - para exponer el proceso de diseño y las técnicas empleadas. 6 pulgadas de ancho por 2.5 pulgadas de alto 300 dpi
El alumno deberá exponer el proceso que ha llevado para la elaboración de los artes, dejando constancia de su trabajo, es decir, deberá llevar una carpeta con las imágenes originales que ha utilizado para los diseños, demostrando con esto las técnicas empleadas (mejora, arreglo de luces y sombras, cambio de color, entre otras). Nota importante: en caso que utilice una tipografía especial deberá llevar el archivo TTF u OTF para ser instalado en la computadora en la que se hará la presentación de su arte. Si tiene dudas con cómo hacer este proceso consulte con el instructor. Criterios a evaluar 1
Claridad del mensaje
2
Uso correcto de resolución de medidas
3
Uso correcto de líneas guías para crear márgenes interno en el documento y
4
Uso de imágenes de alta resolución para elaborar el arte
5
Facilidad en la lectura del texto en el afiche (uso de tipografía correcta y tamaño)
6
Uso adecuado de objetos de texto y texto tipo párrafo
7
Uso de capas de relleno (sólido o degradado) para el fondo
8
Uso de estilos de capa (layer styles)
9
Uso de filtros (filters / smart filters)
10
Uso de objetos inteligentes (smart objects)
CAD CENTER - Curso Básico de Photoshop CS 6