5 Photoshop CS3

Embed Size (px)

Citation preview

  • 8/12/2019 5 Photoshop CS3

    1/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    1

    TRATAMIENTO DE IMGENES CON PHOTOSHOP CS3

    1. Qu es Photoshop?Photoshop, creado por Adobe Systems, es un programa de tratamiento de

    imgenes.

    Debemos tener bien claro desde el principio que Photoshop no est pensadopara dibujar, para eso es recomendable que utilices otro tipo de programas dediseo vectorial como Illustrator de Adobe o Inkscape , Corel Draw , etc..

    Photoshop est principalmente orientado a tratar y manipular imgenes, o bien creadas por otrosprogramas, o digitalizadas por un escner o mquina fotogrfica. Entonces, una vez introducida laimagen en el programa podras retocarla , transformarla y editarla con un sinfn de posibilidades.

    2. Abrir un Nuevo Documento de TrabajoArchivo, Abrir una imagen guardada con anterioridad.

    Arrastrar la imagen desde una carpeta hasta nuestra area de trabajo en Photoshop.

    Archivo, Nuevo : se trata de crear un documento en blanco desde el que crearemos unaimagen a partir de cero, bien sea aadiendo recortes o imgenes completas desde otrosarchivos o introduciendo objetos propios como texto o formas.

    Aparece el cuadro de dilogo de Nuevo Documento de Photoshop .

    Desde esta ventana vamos a configurar el documento que vamos a crear, definiendo suscaractersticas bsicas, como son el tamao , la resolucin y el color de fondo .

    Tamao: Enprincipio, siconocemos eltamao final quequeremos quetenga la imagen,

    podemos definir sutamaointroduciendo laaltura y anchuradeseadasdirectamente.Observa quepuedes cambiarlas unidades conlas que se mide el lienzo (el rea de la imagen) y medirlas en centmetros , til paraimgenes fotogrficas, o en pxeles , ms recomendado para imgenes destinadas a lapublicacin en Internet.

    (Un pxel es la unidad ms pequea en la que se puede descomponer una imagen digital, acada pxel le corresponde un color, y as, pxel a pxel se va formando la imagen total.)

    Tambin es posible que quieras que tu imagen tenga un tamao estndar ya definido,como podra ser el tamao de hoja A4 o carta. Si este es tu caso, puedes hacer clic en lalista desplegable de Predefinir y hacer clic sobre el elemento que se ajuste a tus medidas.Photoshop, automticamente asignar el tamao al lienzo de la imagen con las medidasque tiene guardadas para cada tipo de documento.

    Resolucin: La resolucin de una imagen dice mucho sobre su calidad. Se define como elnmero de pxeles por pulgada (ppp o ppi; 1 pulgada equivale a 2.54 centmetros), y portanto, si las dimensiones son pequeas y la resolucin alta, tendremos una imagen debuena calidad. Las imgenes de mayor resolucin pueden reproducir ms detalle ytransiciones de color ms suaves debido a la densidad de pxeles.

  • 8/12/2019 5 Photoshop CS3

    2/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    2

    Obviamente si la resolucin de una imagen es mayor, su peso (el tamao de su archivo)ser mayor, pues es necesario almacenar ms informacin al haber un mayor nmero depxeles.

    Por defecto, Photoshop asigna al nuevo documento una resolucin de 72ppp, el estndarpara imgenes en Internet, pero si lo que pretendes es imprimir la imagen con posterioridad,es aconsejable que utilices una resolucin entre 240 y 300ppp.

    Modo de color : si trabajamos con una imagen destinada a ser visualizada utilizaremos el

    modo RGB (rojo, verde y azul, el sistema que utilizan los monitores), sin embargo si lo quequeremos hacer con nuestra imagen es imprimirla deberemos seleccionar el modo CMYK (cian, magenta, amarillo y negro, el sistema en el que las impresoras "dibujan" lasimgenes).

    Color de fondo: Si seleccionamos algn modo que no sea transparente, la capa de fondoser inamovible y no se podrn realizar algunas de las caractersticas avanzadas dePhotoshop. Es recomendable seleccionar un fondo transparente , as surgirn muchasmenos complicaciones al trabajar con las capas (como veremos msadelante).

    El fondo transparente, en Photoshop, se muestra con un entramado derecuadros blancos y grises.

    Puedes guardar el perfil del documento que estas creando haciendo clic en Guardarvalor , as podrs definir el mismo tipo de documento seleccionndolo directamente desde lalista desplegable Predefinir .

    Una vez configurado el documento pulsa OK , y una ventana en blanco se abrir en elespacio de trabajo.

    3. Guardar una ImagenEs importante diferenciar, primero, los dos estados de trabajo en los que se puede encontrar una

    imagen:

    Una imagen puede estar en proceso, y no estar todava acabada. O bien porquequeremos grabar en determinado momento para no perder los cambios realizados, oporque deseamos terminar la sesin de trabajo y continuar ms adelante.

    O una imagen puede encontrarse terminada y lista para publicar, imprimir o almacenar.

    Por tanto, si la imagen puede encontrarse en dos estados de trabajos, guardaremos nuestrosarchivos de formas diferentes.

    Iremos a Archivo, Guardar Como. Debemoselegir una de las dos opciones:

    Guardar Imgenes inacabadas o en proceso:el tipo de archivo ser de tipo Photoshop (.PSDo .PDD) .

    Este tipo de archivo ocupa mucho espacio, peroes debido a que guarda gran cantidad de

    informacin sobre el estado en el que seencuentra nuestra composicin (mantiene lascapas, transparencias y objetos tal y como estnpara poder seguir trabajando sobre ellosdespus).

    .PSD y .PDD no son archivos de imagen, sonarchivos de trabajo propios de Photoshop y portanto slo podr utilizarse con este programa.

    Guardar imgenes terminadas para suposterior almacenamiento, publicacin o impresin: guardaremos la imagen como unarchivo de imagen para quepueda ser utilizada ms tarde

    como mejor nos interese. Paraello haremos clic en la listadesplegable de Tipo y

  • 8/12/2019 5 Photoshop CS3

    3/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    3

    seleccionaremos el formato de imagen digital que queremos darle a nuestra imagen. Losformatos ms comunes son:

    JPG: mayor calidad, pero ms pesado (ocupa ms espacio),

    GIF: menor calidad, slo permite 256 colores como mximo, pero muchsimo ms ligero,adems permite transparencias y animaciones.

    TIFF: mantiene la mxima calidad y puede abrirse con otros programas. Mantiene lascapas.

    Opciones de guardar:Formato PSD.

    Formato JPG

    Opciones de imagen . Puedes elegir entre calidad baja , media , alta y mxima . Segnesto tendrs archivos de menor o mayortamao.

    Opcin de formato, para comprimir elarchivo . P odrs escoger entre tres tiposdiferentes. Observa que al pie de la ventanahay unas cifras en Kilobytes (unidad demedida del espacio que ocupa en memoria unarchivo), si cambias entre los tipos de formato(o la calidad de salida) vers como el tamaofinal del archivo vara.

    Previsualizar . Permite ver cmo afecta la compresin a la imagen, cualquier cambio detono o color se reflejar en la ventana de imagen (espacio de trabajo), y podrs ver antesde guardar el aspecto final de tu composicin.

    Opcin de Mate . P odrs seleccionar el color en el que quieres que se muestren lastransparencias, si la imagen las tuviese, ya que el formato JPG no es capaz de mostrarespacios trasparentes.

    Formato GIF El formato GIF slo es capaz de almacenar256 colores como mximo, por lo que en estaventana tendremos que decidir que coloresdeber almacenar y que otros despreciar (en elcaso de que nuestra imagen tuviese ms de256 colores).

    Paleta , seleccionaremos el conjunto decolores de salida que queremos quecontenga la imagen. La opcin Local(Selectiva) , es la predeterminada, eintenta ajustar la paleta de colores final alos colores contenidos en la imagen,despreciando algunos medios tonos paraconseguir un nmero de colores final quese cia a las propiedades del formato.

    Esta es la opcin ms recomendable casi siempre, a no ser que consideresdespreciables otros colores que Photoshop en principio descart.

    Si la casilla de Transparencia se activa, las trasparencias que contenga la imagenpermanecern trasparente.

    Previsualizar . Permite ver como afectan las diferentes opciones a la imagen, cualquiercambio de tono o color se reflejar en la ventana de imagen, y podrs ver antes deguardar el aspecto final de tu composicin.

    Despues de pulsar OK , se abrir el siguiente cuadro:

  • 8/12/2019 5 Photoshop CS3

    4/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    4

    Opciones de GIF: Como GIF es un formatodiseado para el intercambio de imgenes por lared, el efecto entrelazado facilita este procesoreservando el espacio de la imagen en la pginapara luego descargar la imagen lnea a lnea,puedes observar este efecto en muchas webs,pues es un recurso muy utilizado para imgenesque ocupan bastante espacio y tardas un poco en cargar.

    Para imgenes pequeas es recomendable no utilizar el entrelazado y as ahorrarnos unpoco en el tamao final del archivo.

    Guardar imgenes para web: ajusta las opciones deformato para conseguir un archivo ligero y con calidaddirigido a la posterior publicacin web.

    Se muestra la imagen con los ajustesoptimizados para un tamao de archivo pequeocon una calidad aceptable.

    Haz clic en la pestaa 2 copias . Semostrar a la izquierda la imagen originaly a la derecha la previsualizacin de laimagen comprimida. Al pie de la imagen podrs ver sus caractersticas de compresin:

    Para lograr una mayor compresin, o para alcanzar mayor calidad, puedes usarlos ajustes predefinidos de Photoshop .

    Haz clic en la pestaa 4 copias paratrabajar con diferentes modelos deajuste a un mismo tiempo. Podrscrear 3 tipos diferentes de formatospara comparar entre ellos.

  • 8/12/2019 5 Photoshop CS3

    5/26

  • 8/12/2019 5 Photoshop CS3

    6/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    6

    el color de Fondo , podemos establecer este color como el color del fondo del documento, de estaforma podemos utilizar herramientas que pinten con el color de fondo y as imitar de alguna forma elborrado de pxeles.

    El recuadro que se encuentra al frente muestra el color que estamos utilizando, en cualquiermomento podemos hacer clic sobre el icono de doble flecha e intercambiaremos los colores delos recuadros entre s, haciendo que el color que se encontraba en el recuadro del fondo pase alfrente y, por lo tanto, nuestras herramientas usarn ese color como predeterminado.

    Observa que en cualquier momento puedes hacer clic sobre el icono para restablecer loscolores activos a negro y blanco (los iniciales de Photoshop).

    Para seleccionar un color hazclic sobre uno de los recuadros yse abrir el cuadro dedilogo Selector de color . Unavez aqu podrs elegir un colorde entre toda la paleta quePhotoshop te ofrece.

    Una vez seleccionado el color puede que te aparezcan unos iconos como estos:

    El icono advierte al usuario que el color seleccionado se halla fuera de lapaleta de impresin , y es posible que cuando quieras imprimir la imagen, estecolor no se corresponda exactamente con el que escogiste y se muestre con untono diferente.

    Lo mismo ocurre con el icono de incompatibilidad web , si creas unaimagen que contenga un color no compatible con los estndares web es muyprobable que se muestre de diferentes formas segn el navegador y el sistema operativo utilizado.

    El icono al pie del panel nospermite alternar entre distintas vistasde l rea de trabajo , unas msdespejadas que otras.

    La Barra de Opciones:Se encuentra en la parte superior de la ventana y bajo la barra de men. Muestra opciones para

    la herramienta que tengamos seleccionada .

    Desde aqu podemos cambiar aspectos de la herramienta como su tamao, su opacidad, etc.Cada vez que hagas un cambio en la herramienta, ste se mantendr para que cuando vuelvas aseleccionarla su estado sea el mismo que era cuando la utilizaste por ltima vez. Si en algnmomento quieres restaurar la herramienta a su estado original, debers hacer clic con el botnderecho del ratn sobre la imagen de la herramienta en la barra de opciones de herramienta yseleccionar Restaurar Herramienta .

    La opcin Restaurar Todas volvera todas lasherramientas a su estado original.

  • 8/12/2019 5 Photoshop CS3

    7/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    7

    El espacio de trabajo muestra el archivo en el que estamos trabajando.

    La Barra de Estado Se encuentra al pie del espacio de trabajo.

    Como podrs observar, a la izquierda del todo encontraremos un porcentaje, este nmero esel zoom aplicado a la imagen abierta.

    Por defecto Photoshop intenta ajustar laimagen al tamao del rea de trabajo, si sta es muy pequea o la imagen es demasiado grande,

    Photoshop reducir el zoom para poder mostrar la imagen completa en pantalla. Ya que el porcentaje que se muestra en la barra de estado indica el nivel de zoom que estamos

    aplicando, podemos hacer clic sobre este porcentaje y modificarlo, introduciendo un nmerodiferente y pulsando la tecla Enter .

    Haciendo clic en la flecha negra podemos seleccionar qu informacin mostrar:

    Panel de paletas: te ayudan a supervisar y modificar el trabajo. Los paneles se pueden agrupar,apilar o acoplar.

    La Ventana Navegador : muestra una miniatura de la imagenactiva.

    Permite modificar la vista de la imagen acercndola y alejndolamediante este control:

    En la miniatura aparece un recuadro con el borde rojo que teayuda a navegar por la imagen cuando el zoom sea demasiadogrande y veas slo una parte de la imagen. Haciendo clic sobre laminiatura puedes desplazar el recuadro y mostrar en la ventanael rea contenida por ste.

    Otra forma de desplazar la vista de la imagen sera usandola herramienta Mano , en el Panel de Herramientas :

    La Ventana Informacin: contiene informacin del colorsobre el que est situado el puntero en RGB y CMYK,adems de las coordenadas de su posicin.

    La ayuda ms til que nos proporcionar ser aquellarelativa a la herramienta seleccionada y las funcionalidades

    adicionales que puedes conseguir mediante la combinacindel teclado y el ratn.

    Por ejemplo, si seleccionamos la herramienta Pincel podremos leer esto en la ventana de Informacin :

    Si mantenemos pulsada la tecla Shift vers comoel mensaje de la barra de estado cambia para mostrar losiguiente:

    En combinacin con la herramienta Pincel , la

    tecla Shift acta de forma que podemos pintar lneas con unsimple clic.

  • 8/12/2019 5 Photoshop CS3

    8/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    8

    Iremos viendo las diferentes opciones a medida que vayamos aprendiendo ms sobre lasherramientas.

    La Ventana Color. Desde aqu puedes seleccionar colores de unaforma ms rpida que desde el cuadro de dilogo de seleccin decolor. Desplazando los controles a izquierda y derecha debersencontrar la proporcin exacta de rojo, azul y verde para formar elcolor que estas buscando.

    Si escogieses colores no compatibles, se mostraran los mismosiconos que vimos en el selector de color.

    - La pestaa Muestras ofrece diferentes colores guardados en elsistema, y desde los botones y puedes agregar y eliminarmuestras para crear una paleta personalizada y cambiar de coloresms rpidamente.

    - La pestaa Estilos contiene diferentes estilos de relleno o texturasque podrs utilizar en tus composiciones, ms adelante veremos cmoutilizarlos y cmo crear nuestros propios estilos.

    La Ventana Historia. consta de dos pestaas. Laprimera, Historia , muestra por orden cronolgico las accionesrealizadas sobre una imagen, donde las posiciones al pie de lalista son ms reciente que las situadas al principio.

    El control de desplazamiento indica la ltima accin visiblerealizada. Puedes deshacer un nmero indefinido de accionesdesplazando el control o haciendo clic sobre la ltima accinque quieras que permanezca activa.

    OJO!: En Photoshop elcomando Edicin Deshacer (Ctrl+Z) actade forma diferente que en otros programas.Mediante este comando nicamente puedesdeshacer la ltima accin realizada. Si lo quequieres es deshacer varios cambios debersutilizar la orden Edicin PasoAtrs (Ctrl+Alt+Z ) y ejecutar el comandohasta haber deshecho las acciones deseadas.

    El comando Edicin Paso Adelante acta de forma contraria a Paso Atrs , rehaciendouna a una las acciones guardadas en el historial.

    En la ventana Historia podemos encontrar tres botones:

    El botn eliminar borrar del historial todas las acciones comprendidas entre la accinseleccionada y la ltima realizada, dejando la imagen y el historial en la forma en la quese encontraban justo antes de la accin seleccionada.

    El botn Crear instantnea nueva es muy til, pues guarda una instantnea delestado de la imagen en un punto determinado, permitiendo volver a ella en cualquiermomento, incluso habiendo realizado diferentes acciones despus.

    Tambin encontramos el botn Crear un documento nuevo desde el estado actual que genera un nuevo archivo con el estado en el que se encuentre la imagen, as podrsseguir manipulndola manteniendo una copia de la imagen intacta en segundo plano.

  • 8/12/2019 5 Photoshop CS3

    9/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    9

    5. Panel de herramientas:

    A

    E

    F

    B

    CD

  • 8/12/2019 5 Photoshop CS3

    10/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    10

    Galera de herramientas de seleccin

    Las herramientas demarco realizanseleccionesrectangulares,elpticas, de fila nicay de columna nica.

    La herramientaMover mueveselecciones, capas yguas.

    Pulsando duplicaremos elobjeto a mover.

    Las herramientas de lazorealizan selecciones a manoalzada, poligonales (rectilneas)y magnticas (ajustables ytrazando en la interseccin dedos colores).

    Opciones:

    calado: suaviza los bordes dela seleccin en n de pixels

    suavizar: suaviza los bordesa la hora de cortar, copiar omover. Anchura de lazo:anchura con la quePhotoshop buscar bordes.

    Lineatura: distancia a la quePhotoshop ir echandopuntos de anclaje.

    Contraste borde: se leindicar el porcentaje decambio del contraste paraque se establezca la lnea deseleccin.

    La herramientaSeleccin rpida lepermite pintarrpidamente unaseleccin medianteuna punta de pincelredonda ajustable

    La herramienta Varitamgica selecciona reas decolores similares. Opciones:

    Tolerancia: se le indicarla similitud que deberntener los colores que se

    van a seleccionar conrespecto al color quepinchemos con la varitamgica. Un valor muybajo har seleccionesprecisas, en cambio, unvalor alto harselecciones menosprecisas.

    Suavizar: suaviza losbordes de la seleccin.

    Todas las capas: tomarel valor de la similitud entodas las capas.

    Pulsando despus de una seleccin se pueden sumar selecciones.

    Pulsando despus de una seleccin se pueden restar selecciones.

    Galera de herramientas para cortar y crear sectores

    La herramienta Recortar separaimgenes.

    La herramienta Sector crea sectores.

    La herramienta Seleccionar sector selecciona sectores.

  • 8/12/2019 5 Photoshop CS3

    11/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    11

    Galera de herramientas de retoque

    La herramientaPincel correctorpuntual elimina tarasy objetos

    La herramientaPincel corrector pintacon una muestra omotivo para repararlas imperfecciones deuna imagen.

    La herramientaParche repara lasimperfecciones delrea seleccionada enuna imagen utilizandouna muestra o motivo.

    La herramientaPincel de ojos rojos elimina el reflejo rojodel flash.

    La herramienta Tampn declonar pinta con unamuestra de la imagen.

    Pulsando y haciendoclic se establece una gua, sise vuelve a pinchar con elratn comienza la clonacin.

    La herramientaTampn de motivo pinta tomando unaparte de la imagencomo motivo.

    La herramientaBorrador borrapxeles y restaurapartes de la imagen aun estado guardadopreviamente.

    La herramientaBorrador de fondos borra reas y las dejatransparentes con tanslo arrastrar.

    La herramientaBorrador mgicoborra reas concolores uniformes ylas deja transparentescon tan slo hacerclic.

    La herramienta Desenfocar suaviza los bordes duros dela imagen.

    La herramientaEnfocar enfoca losbordes suaves de unaimagen.

    La herramienta Dedo difumina partes de unaimagen.

    La herramientaSobreexponer aclarareas de una imagen.

    La herramientaSubexponer o scurece reas deuna imagen.

    La herramienta Esponja cambia la saturacin decolor de un rea.

    Galera de herramientas de pintura

    La herramienta Pincel pinta trazos de pincel. La herramienta Lpiz pinta

    lneas con bordes duros.La herramientaSustitucin de color sustituye un color

    seleccionado por uno nuevo.

    La herramienta Pincel dehistoria pinta una copia delestado o la instantneaseleccionados en la ventana de

    la imagen actual.

  • 8/12/2019 5 Photoshop CS3

    12/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    12

    La herramienta Pincelhistrico pinta con trazosestilizados que simulan elaspecto de diferentesestilos de pintura utilizandoel estado o la instantneaseleccionados.

    Las herramientas dedegradado crean fusionesrectilneas, radiales, angulares,reflejadas y de diamante entrecolores.

    La herramienta Bote depintura rellena reas decolores similares con elcolor frontal.

    Galera de herramientas de dibujo y texto

    Las herramientas de seleccin detrazado realizan selecciones deformas o segmentos y muestran lospuntos de ancla, las lneas dedireccin y los puntos de direccin.

    Las herramientas de texto insertantexto en una imagen.

    Las herramientas de mscara detexto crean una seleccin en formade texto.

    Las herramientas de pluma dibujantrazados de borde suaves

    Las herramientas de forma y laherramienta Lnea dibujan formas ylneas en una capa normal o en unacapa de formas.

    La herramienta Formapersonalizada realiza formaspersonalizadas seleccionadas de unalista de formas personalizadas.

    Galera de herramientas de anotacin, medidas y navegacin

    Las herramientasde anotacin insertan notas ymensajes sonorosque se pueden incluiren una imagen.

    La herramientaCuentagotas tomamuestras de coloresen una imagen.

    La herramientaRegla midedistancias,ubicaciones yngulos.

    La herramientaMano mueve laimagen en laventana.

    La herramienta Zoomaumenta y reduce lavista de una imagen.

  • 8/12/2019 5 Photoshop CS3

    13/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    13

    Ejercicios:

    Manda cada ejercicio a la profesora (la imagen original y la imagen final)

    1. Elige una imagen de un coche y:Selecciona la rueda delantera con la herramienta de marco elptico. Paravariar la seleccin, pulsa el botn derecho y selecciona la opcin detransformar seleccin. Cmbiale los colores con la herramienta Bote depintura.Selecciona la ventanilla del asiento trasero haciendo uso de laherramienta lazo o lazo poligonal. Cmbiale los colores con laherramienta Bote de pintura.Selecciona la luz trasera, el retrovisor o el tirador con la varita mgica (opciones: contiguo, suavizado y tolerancia 70). Cmbiale los colores con la herramientaBote de pintura.

    2. Elige una imagen sencilla, seleccinala con alguna de las herramientas deseleccin (lazo, seleccin rpida, varita mgica) y gurdala con fondo

    transparente y en archivo .gif . Insrtala en un documento Word, con fondo decolor e inserta un nombre con WordArt

    3. La herramienta Borrador mgico hace transparente la zona de la imagen quequeramos, con slo pulsar el ratn.

    - Busca una imagen de crculos y borra parte o alguno de ellos. - Elige una imagen de un paisaje y borra el cielo. - Guarda ambas imgenes manteniendo la transparencia.

    4. Busca un paisaje donde aparezca un gra y elimina dicha gra mediante la herramientaTampn de clonar.

    - Selecciona un tamao de pincel no muy grande. - Pincha tampn de clonar y pulsando la tecla Alt. Selecciona una zona con el color que

    queramos cubrir la grua. - Lleva el ratn a la zona que quieres clonar y arrstralo pintando la gra.

    5. Elige unas gafas de sol y sustituye el color de cada cristal con laherramienta Sustitucin de color.

    Selecciona antes los cristales con la herramienta Varitamgica.

  • 8/12/2019 5 Photoshop CS3

    14/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    14

    6. Capas:

    Una capa es como una lmina de papel transparente y photoshop permite trabajar concuantas capas necesites.

    Las capas sirven para realizar diversas tareas, entre otras, componer varias imgenes, aadirtexto a una imagen o aadir formas de grficos vectoriales. Las capas se pueden agrupar en grupos.

    Las operaciones con las capas se llevan a cabo con la ventana Capas del panel de paletas.

    La Ventana Capas: se utiliza para mostrar y ocultarcapas, crear capas nuevas y trabajar con grupos decapas.

    Nueva capa , el programaaade una capa transparente sobre todas las queya estaban creadas.

    Eliminar capa: elimina la

    capa que se encuentre activa.

    Estilo de capa , aade diferentesestilos a las capas

    Enlazar capas: permite unir capas.Hay que seleccionar las capas aenlazar con la tecla Ctrl.

    Visibilidad: indica si las capasestn visibles. Permite ocultarcapas

    Bloqueo de capas: las capas pueden bloquearse dediferentes modos, para evitar cambios no deseados. (Bloqueo de las zonas transparentes, zonas con imagen,bloqueo de la posicin, bloqueo total)

    Mscara de capa: creamos una mscara de capa para poder pintar en escala degrises, puesto que la mscara de capa realmente slo permite pintar sobre ella enblanco, negro o en una tonalidad de gris. La mscara de capa es una una herramienta que permite ocultar partes de una capa,pero sin borrar esas partes, con lo que luego las podramos recuperar simplementedesechando la mscara de capa.

    Al crear una mscara de capa, dentro de una capa, aparecen todos los pxeles pintadosen blanco, con lo que la capa se ver entera, tal cual estaba anteriormente.

    Ahora podemos pintar de negro sobre la capa (en realidad estaremos pintando sobre lamscara de capa) y veremos que esas partes que pintamos encima se borran de lacapa. Si pintamos en gris, se ocultara parcialmente la capa, consiguiendo que esas

    partes en gris fueran semitransparentes.Dentro de la mscara de capa podemospintar con cualquiera de lasherramientas de Photoshop, por dar unejemplo, incluso podramos hacer undegradado de grises y ocultar parte dela capa con un gradiente detransparencia.

    Las capas pueden desplazarse y moverse paraajustar su posicin en el lienzo. Para ello, seleccionala herramienta Mover del panel de herramientas.

  • 8/12/2019 5 Photoshop CS3

    15/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    15

    Ejercicios con capas:

    Ejercicio 6: CollageBusca en Internet 3 imgenes: cielo, rbol y manzana. Gurdalas en tu carpeta de imgenes.

    - Abre las 3 imgenes anteriores con Photoshop (o arrstralas desde tu carpeta).

    - Pincha en la imagen rbol y arrastra la capa hacia la imagen cielo.

    - Redimensiona la imagen rbol para que el tamao sea proporcionado. ( Edicin, Transformar,Escala)

    Coloca la capa rbol en la posicin que quieras.

    - Haz transparente la zona de la imagen que acompaa al rbol.

    - Pincha la imagen manzana y repite los pasos anteriores, colocando la manzana sobre elrbol.

    - Duplicamos la capa manzana, todas las veces que necesitemos.

    Pulsa Capa, Duplicar capa.

    Mueve las manzanas a diferentes posiciones.

    - Extra : Incluye un pjaro en la imagen.

  • 8/12/2019 5 Photoshop CS3

    16/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    16

    Ejercicio 7: Mscara de capasBusca en Internet 2 imgenes: mujer y alas. Gurdalas en tu carpeta de imgenes.

    - Abre las 2 imgenes anteriores con Photoshop (o arrstralas desde tu carpeta).

    - Pincha en la imagen ala y arrastra la capa hacia la imagen mujer.

    - Redimensiona la imagen ala para que el tamao sea proporcionado. ( Edicin, Transformar,Escala)

    - Haz transparente la zona de la imagen que acompaa al ala.

    - Coloca la capa ala en la posicin que quieras. ( Edicin, Transformar, Rotar)

    - Crea una mscara de capa, en la capa ala

    - Activa la herramienta pincel y pinta de negro la zona que quieras hacer desaparecer.

    Si te pasas, cambia el color del pincel de negro a blanco, y repinta encima.

    Cambia el grosor del pincel (ms fino) para las zonas pegadas al cuerpo.

    - Duplica la capa de ala y voltala verticalmente para obtener el ala izquierda.

    Activa la herramienta pincel y pinta de negro la zona que quieras hacer desaparecer.

    - Debemos aplicar la mscara: nos vamos a la mscara en el panel de paletas y con el botnderecho del ratn, pulsamos aplicar mscara.

    - Vamos a desenfocar un poco los bordes para que las imgenes no parezcan superpuestas.Usamos la herramienta desenfocar.

    - EXTRA: dar sombra a las alas (Capa, Estilo de capa)

  • 8/12/2019 5 Photoshop CS3

    17/26

  • 8/12/2019 5 Photoshop CS3

    18/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    18

    7.- Modos de fusin de capas:

    Es la manera en que se mezclarn unos colores con otros, o una imgenes con otras.. Hay diferentesposibilidades, que se encuentranen la paleta de capas:

    Normal: es el usado conms frecuencia. El color dela herramienta tapacompletamente el grfico.Disolver : igual que elnormal pero los pixels semezclan de forma aleatoriadejando huecos.Detrs: idntico al modonormal, pero solo pintardonde haya zonastransparentes.Multiplicar: el valor numrico del color con que pintemos, el frontal, se

    multiplicar por el valor numrico del color de la imagen de fondo. Sesuelen conseguir colores oscuros.Trama: funciona igual que el anterior pero se multiplica por valoresnegativos. Resultando as colores claros.Superponer: los colores se mezclan mientras las luces y sombras serespetan.Luz suave: dependiendo del tono del color elegido se generanresultados oscuros o claros.Luz intensa: dependiendo de la luminosidad (la cantidad de gris) delcolor el dibujo se aclara u oscurece el resultado.Sobreexponer color: los colores se aclaran y el grfico se hace msluminoso. Si se usa en zonas claras se generan zonas casi blancas, si seaplica en zonas oscuras casi no se nota el efecto.

    Subexponer color: los colores de fondo se hacen ms oscuros. No se nota en el negro yblanco.Oscurecer: si el color con que se pinta es ms oscuro que el de fondo, los pixels se pintarnde este color, si el fondo es ms claro no se modificar el fondo.Aclarar: al contrario que el modo anterior.Diferencia: busca el valor de luminosidad del pxel de fondo, y el resultado ser la diferenciacon el frontal o a la inversa dependiendo de cul tiene mayor valor.Exclusin: igual que el modo anterior pero con resultados ms suaves. Si se pinta conblanco se obtiene el negativo de la imagen, pero si se pinta con negro no ocurre nada.Tono : el resultado depende de la luminosidad y saturacin del color de fondo, y del tono ycolor con que se pinta.Saturacin: no se notarn los efectos en zonas sin color. Se conservar la luminosidad ytono del documento y se sumar la saturacin del color con que se pinte.

    Color: tomar la luminosidad del documento de fondo y la saturacin y tono lostoma del color frontal.Luminosidad: toma el tono y saturacin del documento y la luminosidad del colorde fusin. Es el efecto contrario al que produce el modo anterior.

    Ejercicio 10: Efecto fusin de capasBusca en Internet la imagen de un coche. Gurdala en tu carpeta deimgenes.

    - Abre la imagen con Photoshop (o arrstrala desde tucarpeta).

    - Crear una nueva capa de relleno - color uniforme . (opcincapa)

    - Se escoge color

  • 8/12/2019 5 Photoshop CS3

    19/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    19

    - Se cambia el modo de fusin de la capa en: tono osobreexponer (opciones de capa en la paleta de capas)

    - Aplicar Herramienta degradado - Aplicar Herramienta borrado para eliminar los colores de la

    nueva capa- Incluir una nueva imagen en una capa nueva, con un nombre

    o logotipo. O crea un texto y defrmalo mediante la opcincapa, texto, deformar texto

    8. Filtro licuar:Es una poderosa arma en cuanto al retoque fotogrfico. Se utiliza para deformar imgenes.

    Deformar hacia adelante: permite deformar parte de la imagen, segn el pincel

    Reconstruir: reconstruye zonas afectadas. Se utiliza tambin con las herramientas de la izda

    Molinete: crea remolinos

    Desinflar: achica partes de la imagen segn el pincel

    Inflar: agranda partes de la imagen segn el pincel

    Empujar izda:

    Reflejar: Refleja pxeles de la imagen

    Turbulencia: crea ondas

    Congelar: permite aislar parte de la imagen, para que el resto de las distorsiones no la afecten.

    Descongelar: permite descongelar la zona que ha sido congelada con anterioridad

    Mano

    Zoom

    Ejercicio 11: Efecto mangaVer video tutorial http://www.youtube.com/watch?v=ttPCF4nQNUk

    - Abre una imagen tuya con Photoshop (o arrstrala desde tu carpeta).- Duplica la capa para poder ver los cambios.- Utiliza la opcin filtro, licuar .- Ajusta la herramienta pincel en cada caso y deforma de la siguiente manera: agranda los

    ojos y dales forma redonda; haz pequea la nariz; boca pequea; mitad inferior de la caradelgada

    - Retoca las marcas e impurezas con el tampn de clonar.- Abre una nueva capa (pelo) y pinta el pelo con modos de fusin de tono y utilizando la

    herramienta pincel - Abre una nueva capa (ojos) y pinta los ojos. Para ello: selecciona el color; rellena con dicho

    color la parte de ojo que queremos pintar; seleccionamos el modo de fusin tono. - Aplica texto a la imagen ( herramienta texto)

    http://www.youtube.com/watch?v=ttPCF4nQNUkhttp://www.youtube.com/watch?v=ttPCF4nQNUkhttp://www.youtube.com/watch?v=ttPCF4nQNUk
  • 8/12/2019 5 Photoshop CS3

    20/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    20

    Ejercicios extras:

    Ejercicio 12: Creacin de un poster

    - Crear un nuevo documento tamao DIN A3 (297x420 mm) en RGB y 72dpi. - Crea una nueva capa de relleno, y elige un tipo de fondo. - Insertamos nuestra imagen en una nueva capa (man) - Edicin, transformar. Perspectiva - Damos sombra a la imagen

    - Escribimos con la herramienta texto, nuestro nombre, en una nueva capa (texto) - Distorsionamos el texto y le aplicamos sombra.

    - Damos efecto espejo al texto. - Ocultamos el texto de detrs de la imagen. - Aade al poster tus propias creaciones e ideas.

    - - O

    tr o

  • 8/12/2019 5 Photoshop CS3

    21/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    21

    6. Efecto zoombie

    http://www.solophotoshop.com/tutorial/efecto-zombie-con-photoshop/697/

    7. Collage 2Los pasos a seguir son:- Descargar o escoger varias imgenes (3 o ms)- Poner cada imagen en una capa diferente

    - Redimensionar y colocar imgenes en la imagen principal (Edicin transformacin libre)- Aplicar distintos efectos a cada capa:

    Tipo de capa (multiplicar, tono, etc)Mscara de capa (aplicar herramienta degradado, pincel, etc)

    Ver video: collage.flv. Ejemplo de collage:

    Tampn de clonarLos pasos a seguir son:

    1. Descargar o escoger una o dos imgenes

    2. Aplicar la herramienta Tampn de clonar sobre la imagen que queremos clonar (pulsar y hacer clic con el botn izdo.)

    3. Comenzar a pintar el clon en la parte de la imagen que queremos clonar o en otra imagendonde queramos aadirlo.

    Ver video: Usar_tampon _de_clonar.flv.

    Ejemplos de Tampn de clonar:

    http://www.solophotoshop.com/tutorial/efecto-zombie-con-photoshop/697/http://www.solophotoshop.com/tutorial/efecto-zombie-con-photoshop/697/http://tecnologiasalvadordali.blogspot.com/2009/04/photoshop-efecto-tampon-de-clonar.htmlhttp://tecnologiasalvadordali.blogspot.com/2009/04/photoshop-efecto-tampon-de-clonar.htmlhttp://www.solophotoshop.com/tutorial/efecto-zombie-con-photoshop/697/
  • 8/12/2019 5 Photoshop CS3

    22/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    22

    Combinado de imgenesLos pasos a seguir son:

    1. Descargar o escoger dos imgenes

    2. Seleccionar con la Barita mgica la parte de la imagen principal que queremos cambiar por

    la otra imagen.

    3. Seleccionar la otra imagen completa o parte de ella y pulsar en Edicin - copiar.

    4. Volver a la imagen principal (con la seleccin del paso 2 hecha) y pulsar Edicin - pegar dentro

    5. Cambiar tamao de la imagen que hemos pegado dentro pulsando en Edicin Transformacin libre

    Ver video: Combinar_imgenes.flv.

    Ejemplo de combinar imgenes

    http://tecnologiasalvadordali.blogspot.com/2009/04/photoshop-efecto-combinado-de-imagnes.htmlhttp://tecnologiasalvadordali.blogspot.com/2009/04/photoshop-efecto-combinado-de-imagnes.html
  • 8/12/2019 5 Photoshop CS3

    23/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    23

  • 8/12/2019 5 Photoshop CS3

    24/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    24

    Mezclar capasLos pasos a seguir son:

    1. Descargar o escoger una imagen.

    2. Duplicar capa (Capas Duplicar capa)

    3. Pasar la capa duplicada a blanco y negro ( Imagen-Modo escala de grises o Imagen-Ajustes-Blanco y negro )

    4. Aadir una Mscara de capa

    5. Aplicar la herramienta Pincel mgico o Borrador para destacar el color de la capa de fondo

    Ver video: Mezclar capas BN y color.flv.

    Ejemplo de combinar imgenes

    Otras actividades:

  • 8/12/2019 5 Photoshop CS3

    25/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    25

    Colorear foto en blanco y negro

    Convertir a blanco negro con control canales, luminosidad . Capa multiplicar y ajuste de curvas

    Crear reflejo de agua.flv

    Destacar parte de una imagen

    Extraer fotografa y pegar en fondo

    Mejorar colores

    Seleccin y cambiar color objetos

    objeto imposible

    Texto:

    Interpretar capa: convierte una capa de texto a una capa de imagen , con esto seconsigue que se puedan aplicar filtros a los textos.

    Horizontal: coloca el texto en dicha posicin.

    Vertical: coloca el texto en dicha posicin.

    Aadir mascara de capa: las mascaras de capa tienen como funcin ocultar o mostrardeterminadas reas de una capa. .

    Descubrir todas: aade una mascara de capa blanca a toda la capa.

    Ocultar todas: aade una mascara de capa negra a toda la capa.

    Descubrir seleccin: aade una mascara de capa blanca a la seleccin.

    Ocultar seleccin: aade una mascara de capa negra a la seleccin.

  • 8/12/2019 5 Photoshop CS3

    26/26

    Departamento de Tecnologa. IES Nuestra Seora de la Almudena M Jess Saiz

    Eliminar mascara de capa: elimina la mascara de capa dado la opcin de aplicarla antesde eliminarla.

    Habilitar / Deshabilitar mascara de capa: para hacer desaparecer o aparecer los efectosde la mascara de forma temporal.

    Agrupar con anterior: Photoshop por defecto enlaza la mascara de capa a la capa.

    Desagrupar: desenlaza la mascara de la capa.

    Organizar: sirve para alternar el orden de las distintas capas

    Traer al frente: reubica la capa activa en primer lugar.

    Hacia delante: avanza un puesto.

    Hacia atrs: retrocede un puesto.

    Enviar detrs: reubica la capa activa al ltimo lugar.

    Alinear enlazadas: alinea las capas que se encuentren enlazadas .

    Distribuir Enlazadas: distribuye las capas que se encuentren enlazadas.

    Combinar hacia abajo: hace que la capa activa se funda con la inmediatamente superior.

    Combinar visibles: funde todas las capas visibles.

    Acoplar imgenes: agrupa todas las capas creando una nica capa de fondo (esto esimprescindible si se quiere guardar la imagen en otro formato distinto al propio delprograma *.PSD).

    Muy til para reducir el tamao delos archivos.

    Halos: cuando desplace o pegue una seleccin, alguno de los pixels atenuados querodean al borde de seleccin pueden quedar en la imagen, formando una especie de halo(aureola), esto resulta bastante feo en un trabajo. Photoshop para solucionar esteproblema tiene los siguientes comandos:

    Eliminar halos: sustituye el color de cualquier pxel de halo por los colores de lospixels cercanos que contengan colores puros (los pixels de colores puros nocontienen color de fondo). Por ejemplo, si selecciona un objeto amarillo sobre unfondo azul y desplaza la seleccin, algo del azul del fondo se desplaza con elobjeto. Eliminar halos reemplaza los pixels azules por los amarillos.

    Eliminar halo negro: acta solo cuando el halo es negro.

    Eliminar halo blanco: acta solo cuando el halo es negro.