Pgina 1 de 42
El Participante de este curso estar en la capacidad de poder realizar diversas combinaciones realizando un conjunto de aplicaciones a sus trabajos finales de modo que su creatividad se vea enriquecida con la aplicacin siguiente: III. Contenido del Curso SEMANA I Entorno de Trabajo Creacin de Nuevos Lienzos Descripcin de la Caja de Herramientas Modos y Herramientas de Seleccin. Introduccin a capas Combinar y Acoplar Capas. Paleta de colores frontal y de fondo Modificar el Tamao de la Imagen y el Lienzo. Herramientas de Pintura SEMANA II Tampn de Motivo. Niveles Automticos. Brillo / Contraste. Tono/ Saturacin. Invertir. Umbral. Variaciones. SEMANA III Pluma. Trabajar con Textos. Efectos de Capas
Pgina 2 de 42
Pgina 3 de 42
PRESENTACIN
sta pgina est hecha con la intencin de ayudar a toda aqulla persona interesada en el diseo grfico y a manejar Photoshop, (programa que a nuestro entender es el mas completo en cuanto a diseo grfico se refiere). Pese a que a simple vista para el usuario novel su interfaz pueda parecer complicada y liosa, si se siguen los pasos a continuacin detallados se facilitar mucho la compresin del mismo. Al iniciar Photoshop y cargue una imagen cualquiera y empiece por las Herramientas probando una por una hasta tener clara su utilidad. Usted lograr aprender los atajos de teclado, familiarizndose con las paletas flotantes, mens desplegables. Luego podr comenzar con los diferentes ejemplos, estos estn clasificados segn su diferente grado de dificultad.
Pgina 4 de 42
SEMANA I
Entorno de Trabajo Creacin de Nuevos Lienzos Descripcin de la Caja de Herramientas Modos y Herramientas de Seleccin. Introduccin a capas Combinar y Acoplar Capas. Paleta de colores frontal y de fondo Modificar el Tamao de la Imagen y el Lienzo. Herramientas de Pintura
Pgina 5 de 42
Entorno de Trabajo:
Pgina 6 de 42
Todas las herramientas tienen opciones configurables para poder ponerlas a nuestra medida. Acceder a ella haciendo doble clic sobre la herramienta.
Navegador
Esta paleta te permite visualizar la dimensin de la imagen tanto el ancho como lo largo.
Pgina 7 de 42
Marco Elptico
permite hacer selecciones circulares y elpticas.
Recorte
permite hacer una seleccin rectangular para poder editarla; girar, cambiar su tamao o su centro de giro.
Mover
Permite mover una imagen o una seleccin de un lado para otro , o de un documento para otro. Con solo pinchar y arrastrar recortar la imagen dejando en su lugar un espacio. Pulsando <Alt> duplicaremos el objeto a mover.
Lazo
Permite hacer selecciones a mano alzada.
Calado
suaviza los bordes de la seleccin en n de pixels suavizar: suaviza los bordes a la hora de cortar, copiar o mover.
Pgina 8 de 42
Lazo poligonal
permite hacer selecciones marcando los puntos por donde pasar la seleccin.
Lazo magntico
hace la seleccin a mano alzada en funcin de la configuracin que se haya ajustado. La lnea de seleccin ser la interseccin de dos colores dependiendo del contraste de sus bordes.
Varita Mgica
Permite seleccionar reas del documento que tengan cierta similitud en el color, como el cielo de un paisaje. Es rpida pero se debe utilizar con cuidado. Opciones: Tolerancia: se le indicar la similitud que debern tener los colores que se van a seleccionar con respecto al color que pinchemos con la varita mgica. Un valor muy bajo har selecciones precisas, en cambio, un valor alto har selecciones
Pgina 9 de 42
Capa de ajuste: es una capa que le permitir efectuar modificaciones en todas lasa capas que tenga por debajo, salvo que al crear la capa le indiquemos que se acople con la anterior, ya que as las modificaciones solo tendrn efecto sobre la capa que se encuentre activa. Fondo: crea una nueva capa de fondo, para ello es necesario convertir la capa de fondo que tuviera esa imagen a una capa normal, para ello haga doble clic sobre ella (paleta capas) y cambie su nombre en la ventana que le surgir y luego cree una nueva capa de fondo si lo desea. Esto es muy til ya que la capa de fondo tiene la peculiaridad de que no se puede modificar su orden con respecto de las dems capas, no se puede variar su grado de opacidad ni su modo de fusin. Capa va copiar: crea una nueva capa a partir de una seleccin. Capa va cortar: crea una nueva capa a partir de una seleccin cortando esta seleccin de la capa de origen. Duplicar capa: crea una capa idntica al que se encuentre activa
Pgina 10 de 42
Acoplar
En las imgenes acopladas, todas las capas visibles se combinan con el fondo, lo que reduce notablemente el tamao del archivo. Acoplar una imagen descarta todas las capas ocultas y rellena de blanco las reas transparentes. En la mayora de los casos, no es recomendable acoplar un archivo hasta que no se hayan editado las capas individuales.
Pgina 11 de 42
Pgina 12 de 42
Tamao de lienzo
sirve para incrementar o disminuir el rea de trabajo alrededor de la imagen.
Opciones de Imagen
Modo
los modos de color son modelos que tratan de representar los colores de la naturaleza para visualizarlos en pantalla o en impresin. Photoshop incluye los siguientes Modos de color: Mapa de bits este modo solo utiliza dos valores de color: el blanco y el negro. Escala de grises son imgenes en blanco y negro en las cuales los pixels se muestran con hasta 256 tonos de gris diferentes. Duotono este modo se utiliza para crear imgenes impresas en escala de grises con una mayor riqueza tonal. Color indexado este modo emplea una gama de solo 256 colores. Cuando se convierte una imagen a este modo, Photoshop crea una paleta de color basada en los colores de la imagen que incluye hasta 256 valores. De modo que si algn color no ha podido ser incluido en la paleta, la imagen adopta el color ms prximo presente en ella. Es muy til para aplicaciones multimedia o Internet, debido a que reduce de forma considerable el tamao de los archivos sin que la prdida de calidad sea muy elevada. Color RGB el modelo RGB (Red-Green-Blue), esta basado en los colores primarios rojo, verde y azul. Con una mezcla de estos tres colores, se consiguen representar un gran numero de colores. Este es el modelo utilizado por los monitores de ordenador. Color CMYK (Cian-Magenta-Yelow-Black) es el utilizado para impresin. Se basa en la absorcin de la luz por las distintas tintas impresas. Es mejor trabajar en RGB y al final convertirlo a CMYK.
Pgina 13 de 42
Bote de Pintura Se podr pintar con el color frontal los pixels donde hallamos pulsado y aquellos que tengan cierta similitud de color. Cuentagotas Se obtendr la muestra del color que se coja con el cuentagotas, y se almacenar como color frontal. Trabajando con herramientas de pintura, al pulsar <Alt> se mostrar esta herramienta.
Herramientas de Pintura
Aergrafo Esta herramienta simula los efectos de un aergrafo convencional. Si permanece en una zona sin moverse y tiene el botn del ratn pulsado el aergrafo seguir soltando pintura. Pincel Esta herramienta aade pintura como si fuese un pincel. Opciones:
Pgina 14 de 42
Modo de fusin.
Opacidad: se puede controlar el tanto por cien de opacidad con que pintaremos. Transicin: igual que en Aergrafo. Transicin a: igual que en Aergrafo. Hmedo: la pintura queda con cierta transparencia simulando pintura hmeda.
Pincel de Historia Permite restaurar una imagen a su estado primitivo despus de haber sufrido algn cambio. Para ello debemos tomar una instantnea previa de la imagen a la que nos interese retroceder: pinchamos con el botn derecho sobre la ltima accin de la ventana "historia" y "tomamos instantnea". Se puede observar que se aade una nueva instantnea en la parte superior, y si activamos la casilla de su izquierda ya se podr retroceder hasta ella. Tambin se puede activar la casilla de cualquier accin que se va almacenando en la historia para retroceder hasta ella. Parece complicado, pero solo es cuestin de probar. Tampn Se utiliza para clonar una imagen o parte de ella. Se puede copiar una parte de la imagen y estamparla tantas veces como queramos. Pulsando <Alt> y haciendo clic se establece una gua, si se vuelve a pinchar con el ratn comienza la clonacin. Rellenar Aplica Rellenos de fondos y tambin se puede aplicar Contornos a las imgenes.
Pgina 15 de 42
SEMANA II
Tampn de Motivo. Niveles Automticos. Brillo / Contraste. Tono/ Saturacin. Invertir. Umbral. Variaciones.
Pgina 16 de 42
Tampn de motivo
Se hace una seleccin rectangular y en el men "edicin", se "define motivo". Se podr pintar de forma ajedrezada con el motivo seleccionado. Se conseguirn buenos efectos al abrir dos documentos, definir motivo en uno y aplicar tampn de motivo en una seleccin previamente hecha del otro documento. Ajustar este comando contiene una serie de subcomandos los cuales tienen en comn que actan modificando los valores o gama de colores de los distintos pixels. Estos subcomandos son: Niveles sirve para controlar las luces o la luminosidad de una imagen. Consta de dos partes: una de entrada (aumenta el contraste) y otra de salida (reduce el contraste) .
Niveles automticos
Lo mismo que el anterior pero de forma automtica.
Curvas
Hace lo mismo que Niveles pero tambin afecta a los colores. Teniendo nivel negro 0 en el ngulo inferior derecho y nivel 255 blanco en el otro extremo de la diagonal. Haciendo un clic con el ratn en la grafica se van poniendo puntos de anclaje que actuaran como puntos de inflexin de la curva. Estos se eliminaran seleccionndolos y pulsando la tecla <Supr>. Tambin podr trazar la curva manualmente con "el lpiz".
Pgina 17 de 42
Equilibrio de color
Se utiliza para eliminar algn color dominante, saturar o desaturar un determinado color, o jugar con los tonos y gamas de color libremente para crear efectos psicodlicos.
Brillo /Contraste
Para modificar el brillo y el contraste de una imagen.
Tono /Saturacin
Sirve para modificar el tono, la saturacin y la luminosidad de una imagen.
Pgina 18 de 42
Invertir
invierte los colores. Por ejemplo un pxel con valor de255 pasar a un valor de 0.
Umbral
Sirve para convertir imgenes a blanco y negro, estableciendo un valor de umbral a partir del cual los pixels con un determinado valor de brillo pasaran a ser blancos o negros.
Variaciones
Se utiliza para ajustar visualmente el equilibrio de color, contraste y saturacin de una imagen o parte de ella. Borrador Hace que los pixels borrados adquieran el color de fondo del selector de color, o bien, si hay mas de una capa, los vuelve transparentes. Puede adoptar forma de pincel, aergrafo, lpiz o cuadrado. Lpiz Permite dibujar a mano alzada, pulsando <Mays.> hacemos lneas rectas. Lnea permite dibujar lneas de distintos grosores pudiendo incluir puntos de flecha en el inicio, fin o inicio y fin de la misma. Desenfocar Difumina la imagen y disminuye el contraste de la zona donde se aplique. Enfocar da mas nitidez a la imagen y aumenta el contraste del color.
Dedo diluye los colores simulando la accin de arrastrar un dedo sobre pintura fresca. Sobreexponer Aclara las reas de la imagen donde se aplique. Produce el mismo efecto que la tcnica de exposicin en fotografa.
Pgina 19 de 42
Pgina 20 de 42
SEMANA III
Pluma. Trabajar con Textos. Efectos de Capas Aplicar Rellenos y Textura Vista Reglas Guas. Cuadricula
Pgina 21 de 42
Pluma
Aunque se puede considerar como una herramienta de seleccin, lo que realmente se consigue con la pluma son trazados vectoriales, que se utilizan para dibujar, hacer selecciones precisas (convirtiendo trazado en seleccin), o exportar trazados a Ilustrador. Su funcionamiento es similar al lazo poligonal; se van marcando puntos de anclaje a medida que se hace clic con el ratn, para posteriormente poder modificarlos. El trazado se ir completando segn se aaden puntos de anclaje. Si al aadir uno no suelta el botn del ratn y arrastra en una direccin, podr cambiar la curvatura de la lnea creando una curva Bzier, que se podr modificar. Pluma magntica su funcionamiento es idntico al lazo magntico, aunque ahora crea trazados y no selecciones. Pluma de forma libre se utiliza para dibujar trazados a mano alzada. Utilizando la opcin "anclaje de curva" el trazado ser mas preciso. Aadir punto de anclaje aade en cualquier punto del trazado un punto de anclaje. Eliminar punto de anclaje elimina puntos de anclaje del trazado. Seleccin directa selecciona un trazado, mueve 1 varios puntos de anclaje, o si los selecciona con <Mayus> pulsado, mover los puntos de direccin. Convertir puntos de anclaje transforma puntos de anclaje de curvas en puntos de anclaje asimtricos o la inversa.
Pgina 22 de 42
Pgina 23 de 42
Efectos de Capas
Photoshop dispone de diversos efectos que se pueden aplicar, en cualquier combinacin, a una capa. El efecto Sombra paralela permite aadir una sombra colocada debajo del contenido de la capa. El efecto Sombra interior permite aadir una sombra justo dentro de los bordes del contenido de la capa, que le da un aspecto hueco. 1. Seleccione la capa a utilizar y escoja Capa > Efectos > Sombra paralela o Sombra interior. 2. Especifique las opciones de modo de fusin, opacidad, color, ngulo de iluminacin, desenfoque e intensidad, segn se describe en Determinar las opciones de los efectos de capa. 3. Especifique el desplazamiento de la sombra desde el contenido de la capa 4. En Distancia, introduzca un valor o arrastre el regulador. 5. Arrastre la sombra en la imagen para resituarla. Los valores de distancia y ngulo de iluminacin se actualizan al arrastrar. 6. Haga clic en OK. Los efectos Luz exterior y Luz interior permiten aadir luces que emanan desde dentro o desde fuera del contenido de la capa. 1. Seleccione la capa a utilizar y escoja Capa > Efectos > Luz exterior o Luz interior. 2. Especifique las opciones de modo de fusin, opacidad, color, ngulo de iluminacin, desenfoque e intensidad, segn se describe en Determinar las opciones de los efectos de capa. 3. Si aplica una luz interior, seleccione una opcin de fuente de luz: 4. Centro, para aplicar una luz que emane desde el centro del contenido de la capa. 5. Borde, para aplicar una luz que emane desde el interior de los bordes del contenido de la capa. 6. Haga clic en OK.
Pgina 24 de 42
Luz interior y luz exterior El efecto Inglete y relieve permite aadir varias combinaciones de luces y sombras a la capa. 1. Seleccione la capa a utilizar y escoja Capa > Efectos > Inglete y relieve. 2. Especifique las opciones de modo de fusin, opacidad y color, segn se describe en Determinar las opciones de los efectos de capa. 3. En Estilo, escoja una de las opciones siguientes: Inglete exterior, para crear un inglete a lo largo de los bordes exteriores del contenido de la capa. Inglete interior, para crear un inglete a lo largo de los bordes interiores del contenido de la capa. Relieve, para crear un efecto de relieve del contenido de la capa sobre las capas inferiores. Relieve acolchado, para crear el efecto de estampar los bordes del contenido de la capa en las capas inferiores. 4. Especifique las opciones de ngulo de iluminacin y desenfoque, segn se describe en Determinar las opciones de los efectos de capa. 5. En Profundidad, introduzca un valor o arrastre el regulador. Un valor ms alto produce un inglete ms acentuado. 6. Seleccione Arriba o Abajo para indicar la posicin de la luz en relacin con el contenido de la capa. 7. Haga clic en OK.
Pgina 25 de 42
Inglete exterior y relieve acolchado Trabajando con Mascara de Texto y utilizando el efecto de Capa Inglete y Relieve.
Pgina 26 de 42
Pgina 27 de 42
Vista
El men Vista consta de los siguientes comandos: Vista nueva: genera una nueva vista de la imagen.
Reglas
Mostrar reglas: muestra las reglas. Haciendo doble clic sobre cualquiera de las dos reglas surgir una ventana en la que se podr definir el tipo de unidades de la misma, que pueden ser: cm pixels pulgadas puntos picas por ciento Ocultar reglas: oculta las reglas.
GUIAS
Mostrar guas: muestra las guas. Ocultar guas: oculta las guas. Ajustar con las guas: con esta opcin activada toda seleccin o herramienta se ajusta a las lneas gua cuando el cursor pasa dentro de una distancia de 8 pixels, Borrar guas: borra todas las guas. Tambin se pueden borrar de una en una arrastrndolas fuera de la ventana.
CUADRICULA
Mostrar cuadricula: muestra la imagen cuadriculada. Para ajustar las distintas opciones (color, tamao, ...) puede acudir al comando Preferencias /Guas y cuadricula situado dentro del men Archivo. Ajustar con la cuadrcula: (igual que Ajustar con las guas).
Pgina 28 de 42
SEMANA III
Editar en Modo Estandar Realizacin de Efectos Realizacin Efecto - Fuego Realizacin Efecto Aceite Trabajando con Diversos Filtros. Aura en Imagen Textura de Agua. Textura de Madera. Creacin de Rayo. Creacin de Botones Creacin de un Planeta.
Pgina 29 de 42
Realizacin de Efectos:
Filtros Con los diferentes comandos de este men podr aplicar efectos especiales en sus imgenes de forma sencilla. PhotoShop incluye de serie los siguientes filtros: Artsticos: emulan efectos de pintura. Bosquejar: dan efectos de 3D a las imgenes, simulando distintos materiales. Los aplica en funcin del color frontal y de fondo. Desenfocar: su funcin principal es la de suavizar las imgenes. Distorsin: realizan distorsiones geomtricas. Enfocar: juntan pxeles y corrige imgenes. Estilizar: emulan efectos de pintura. Interpretar: filtros con diversos efectos. Pxelizar: agrupan pixels semejantes. Ruido: aaden o eliminan ruido a una imagen. Textura: imitan diferentes materiales o texturas.
Pgina 30 de 42
Creamos una nueva imagen en modo RVA, y con la herramienta de texto escribimos lo que queramos.
Rotamos la imagen (Imagen/Rotar Lienzo/90AD), y aplicamos el Filtro (Estilizar/Viento) con los parmetros de Viento y Desde la Derecha activados, este paso lo podemos efectuar dos veces para conseguir un efecto de llama mas activo. Ahora volvemos a rotar el lienzo con ((Imagen/Rotar Lienzo/90ACD).
Aplicamos (Filtro/Desenfoque/desenfoque Gaussiano) con un parmetro de 2 Pixel fue suficiente para esta imagen.
Aplicamos (Filtro/Distorsionar/Rizo) con un parmetro de 100 fue suficiente para esta imagen.
Pgina 31 de 42
Y ya tenemos Fuego, jugando con los parmetros antes aplicados de Viento, Desenfoque y Equilibrio de Color, podemos hacer que el efecto se ajuste segn nuestra necesidad.
Efecto de Aceite
Creamos una nueva imagen en modo RVA, con la Capa Fondo de Negro, ponemos un texto y acoplamos la imagen para que nos quede todo en una misma capa [Capa>Acoplar Imagen]
[Filtro>Desenfocar>Desenfoque Gaussiano] con un parmetro de 1,7 Pixel fue suficiente para esta imagen
Rotamos el lienzo 90AC [Imagen>Rotar lienzo>90AC] y [Filtro>Estilizar>Viento] Viento de la izquierda y volvemos a rotar el lienzo [Imagen>Rotar lienzo>90ACD]
Ahora [Filtro>Estilizar>Solarizar]
Pgina 32 de 42
[Imagen>Ajustar>Tono-Saturacin]
Tono = 60 Saturacin = 100 Luminosidad = 0 Opcin colorear
Aura en imagen
Lo primero que debemos hacer es seleccionar con la herramienta de Lazo, la parte de la foto de la cual partir el Aura. Como veis no es ni mucho menos necesario que sea perfecta.
Pgina 33 de 42
Ahora creamos una nueva Capa, estando en ella rellenamos la seleccion de color blanco con el Bote de Pintura.
Imagen final
Pgina 34 de 42
Textura de Agua
Creamos una nueva Capa que rellenamos de blanco y aplicamos [Filtro>Estilizar>Nubes de diferencia]
Modificamos el Equilibrio de color [Image>Ajustar>Equilibrio de Color] Sombra = -70,0,+35 Medios Tonos = -70,0,+30 Luces = 0,0,+40
Pgina 35 de 42
Textura de Madera
Creamos una nueva imagen que rellenaos de color Marrn, o similar. Aplicamos (Filtro/Ruido/aadir Ruido) Candidad=30 Gaussian=On Monocromatico=On Aplicamos (Filtro/Desenfocar/Desenfoque de Movimiento) Angulo= -10 distancia = 25
Creacin de Rayo
Pgina 36 de 42
Invertimos (Imagen/Ajustar/Invertir)
Modificamos los Niveles (Imagen/Ajustar/Niveles) Aqu deberemos ir modificando hasta que veamos que nos queda un rayo algo decente.
Ajustamos el equilibrio de color de manera que se nos ajuste a Azul o al amarillo. (Imagen/Ajustar/Equilibrio de Color)
Si lo quieres colocar con una imagen de fondo pon la imagen en una capa inferior y la del rayo en la superior en modo dividir.
Pgina 37 de 42
Creacin de Botones
Creamos una imagen en modo RGB. Colocamos dos lineas Guia. Elegimos la herramienta de seleccin y creamos un circulo de 80x80 pixels.
Ahora estando en la misma capa, creamos otra seleccin circular de 55x55 pixels, y aplicamos [Edicin>Transformar>Rotar 180]
Pgina 38 de 42
Creacin de un Planeta:
Pgina 39 de 42
Creamos una nueva imagen y hacemos un fondo de estrellas. Si no sabes como se hace esto, puedes verlo en el tutorial sobre el espacio haciendo click aqui.
Creamos un nuevo layer sobre el fondo de la imagen y teniendo los colores por defecto elegidos (para ello presionamos la tecla D) vamos a Filter>Render>Clouds. Luego, presionando CTRL+U y marcando la opcin que dice Colorize, le damos a la textura el color que queremos para nuestro planeta. En el ejemplo los valores son : HUE: 30, Saturation: 50, Lightness: 0.
Tomamos la herramienta de seleccin circular y manteniendo presionada la tecla SHIFT, hacemos una seleccin de un crculo perfecto que abarque una parte de la imagen. Invertimos la seleccin (SHIFT+CTRL+I) y presionamos DELETE. Luego Deseleccionamos (CTRL+D).
Pgina 40 de 42
Presionando la tecla CTRL, hacemos un click sobre el layer donde tenemos el Planeta, para seleccionarlo. A continuacin vamos a Filter>Distort>Spherize y aplicamos el efecto con 100% de valor. Ahora, disminuimos la seleccin (Select>Modify>Contract) 3 o 4 pixels , la suavizamos (Select>Feather) 2 o 3 pixels y la invertimos (SHIFT+CTRL+I). Y finalmente presionamos DELETE, para que nos queden los bordes del planeta un poco difusos.
El ltimo efecto le da un poco ms de realismo a la imagen. Vamos a Filter>Render>Lighting Effects y aplicamos el efecto con las opciones que puedes VER AQUI. Eso debera ser todo. Tambin se le pueden hacer ms cosas, como aplicarle un efecto de "atmosfera" poniendo un layer similar al del planeta, debajo del mismo, y aplicarle un Blur. Otra cosa que se le puede hacer es hacerle un par de anillos, como planetas como Saturno.
Pgina 41 de 42
Pgina 42 de 42