1. ¿Qué es Photoshop? Photoshop, creado por Adobe Systems, es una de las herramientas software para el tratamiento de imagen más potente y popular de hoy.

Presentación del tema: "1. ¿Qué es Photoshop? Photoshop, creado por Adobe Systems, es una de las herramientas software para el tratamiento de imagen más potente y popular de hoy."— Transcripción de la presentación:

1 1. ¿Qué es Photoshop? Photoshop, creado por Adobe Systems, es una de las herramientas software para el tratamiento de imagen más potente y popular de hoy en día. Debemos tener bien claro desde el principio que Photoshop no está pensado para dibujar, está principalmente orientado a tratar y manipular imágenes, o bien creadas por otros programas, o digitalizadas por un escáner o máquina fotográfica. Entonces, una vez introducida la imagen en el programa podrías retocarla, transformarla y editarla con un sinfín de posibilidades. De hecho, esta es una de las características más interesantes de Photoshop, pues Adobe ha sabido crear un programa intuitivo y muy completo que hace que se desmarque de la competencia y sea el software más utilizado por diseñadores e ilustradores. Photoshop es un software comercial, y se ha de comprar una licencia para poder usarlo indefinidamente. No obstante, Adobe permite descargar y probar el programa totalmente gratis, pero por un periodo de 30 días. Las presentaciones son imprescindibles hoy en día ya que permiten comunicar información e ideas de forma visual y atractiva. Se pueden utilizar presentaciones en la enseñanza como apoyo al profesor para desarrollar un determinado tema, para exponer resultados de una investigación, en la empresa para preparar reuniones, para presentar los resultados de un trabajo o los resultados de la empresa, para presentar un nuevo producto, etc. En definitiva siempre que se quiera exponer información de forma visual y agradable para captar la atención del interlocutor.

2 2. Área de trabajo (I)

3 2. Área de trabajo (II) El área de trabajo presenta estos componentes:
Barra de menús : Contiene menús organizados por tareas. Por ejemplo, el menú Capas contiene comandos para trabajar con capas. En Photoshop, puede personalizar la barra de menús mostrando y ocultando el color de los elementos de menú o añadiéndoselo a éstos. Cuadro de herramientas: Contiene herramientas para crear y editar imágenes. Barra de opciones: Proporciona opciones para utilizar una herramienta. Área de la imagen activa: Muestra el archivo abierto activo. La ventana que contiene un archivo abierto también se llama ventana de documento. Área de paletas: Facilita la organización de las paletas en el área de trabajo. Paletas: Le ayudan a supervisar y modificar imágenes. Puede personalizar las ubicaciones de las paletas en el espacio de trabajo. En Photoshop, puede mostrar y ocultar el color de los elementos de los menús de las paletas, y también añadírselo a éstos. Barra de Estado: La barra de estado, situada en la parte inferior de la ventana de documento, muestra información útil, como el aumento actual y el tamaño de archivo de la imagen activa, e instrucciones breves acerca del uso de la herramienta activa

4 3. Barra de herramientas (I)
El cuadro de herramientas aparece a la izquierda de la pantalla la primera vez que inicia la aplicación. Puede mover el cuadro de herramientas arrastrando la barra de título. También puede mostrar u ocultar el cuadro de herramientas seleccionando Ventana > Herramientas. Algunas herramientas del cuadro de herramientas cuentan con opciones que aparecen en la barra de opciones de herramientas sensibles al contexto. Éstas incluyen las herramientas que le permiten insertar texto, seleccionar, pintar, dibujar, muestrear, editar, mover, anotar y ver imágenes. Otras herramientas del cuadro de herramientas le permiten cambiar los colores frontales y de fondo, ir a Adobe Online, trabajar en modos diferentes y cambiar entre Photoshop e ImageReady. Puede expandir algunas herramientas con el fin de ver las que contiene ocultas. Un triángulo pequeño en el lateral inferior derecho del icono de herramienta indica la presencia de herramientas ocultas. Para ver información sobre una herramienta basta con colocar el puntero sobre ella. En la información de herramientas que se muestra debajo del puntero aparece el nombre de la herramienta. En algunos casos, la información de herramientas contiene enlaces a información adicional sobre la herramienta.

5 3. Barra de herramientas (II)

6 4. Herramientas de Selección
Nos sirven para seleccionar partes de una imagen. Tenemos varias posibilidades: marco rectangular, lazo y varita mágica. Marco rectangular: Marco rectangular: Crea una selección rectangular. Marco rectangular redondeado: Selecciona un rectángulo redondeado, como un botón de página Web. Marco elíptico: Crea una selección elíptica. Marco fila única o columna única: Define el borde como una fila o columna de 1 píxel de ancho. Lazo Varita

7 5. Herramientas de recorte y sector
Un sector es un área rectangular de una imagen que puede utilizarse para crear enlaces, rollovers y animaciones en la página Web asociada. Al dividir una imagen en sectores se optimiza el control de la función y del tamaño de archivo de la imagen. Los sectores se utilizan para dividir una imagen de origen en áreas funcionales. Al guardar la imagen y un archivo HTML, cada sector se guarda como un archivo independiente con sus propios ajustes y paleta de color, y se mantienen los enlaces, los efectos de rollover y de animación adecuados. Los sectores también resultan útiles cuando se trabaja con imágenes que contienen diferentes tipos de datos. Por ejemplo, si desea animar el área de una imagen (que requiere formato GIF) pero desea optimizar el resto de la imagen en formato JPEG, puede aislar la animación mediante un sector. Tipos de sectores Los sectores se distinguen por el tipo de contenido (automático, imagen, sin imagen, tabla) y por la forma en que se han creado (usuario, basado en capas). Los sectores creados con la herramienta Sector se llaman sectores de usuario; los sectores que se basan en el contenido de una capa se llaman sectores basados en capas. Cuando crea un nuevo sector de usuario o un sector basado en capas, se generan sectores automáticos adicionales para las áreas restantes de la imagen. Es decir, los sectores automáticos rellenan el espacio de la imagen no definido por sectores de usuario ni por sectores basados en capas. Los sectores automáticos se regeneran siempre que se añaden o editan sectores de usuario o sectores basados en capas. Puede convertir sectores automáticos en sectores de usuario. Los sectores de tabla contienen tablas anidadas. Estos tres tipos de sectores tienen un aspecto diferente; los sectores de usuario y los basados en capas están definidos mediante una línea continua, mientras que los automáticos están definidos mediante una línea discontinua. Además, cada tipo de sector muestra un icono diferente. Puede elegir entre mostrar u ocultar sectores automáticos, lo que facilita la visualización del trabajo con sectores de usuario y sectores basados en capas.

8 6. Máscara

9 7. Herramientas de Retoque (I)
Las herramientas de retoque nos permiten manipular nuestra imagen. Tenemos las siguientes:

10 7. Herramientas de Retoque (II)
Pincel Corrector La herramienta Pincel corrector permite corregir imperfecciones para que desaparezcan de la imagen. Al igual que las herramientas de clonar, el Pincel corrector se utiliza para pintar con píxeles muestreados de una imagen o un motivo. Sin embargo, el Pincel corrector también hace coincidir la textura, iluminación, transparencia y sombra de los píxeles muestreados con los píxeles que se están corrigiendo. Como resultado, los píxeles reparados se fusionan perfectamente con el resto de la imagen. Pincel Corrector Puntual La herramienta Pincel corrector puntual elimina taras y otras imperfecciones de las fotografías rápidamente. La herramienta Pincel corrector puntual funciona de manera similar al Pincel corrector: pinta con píxeles muestreados de una imagen o motivo y hace coincidir la textura, iluminación, transparencia y sombra de los píxeles muestreados con los píxeles que se están corrigiendo. A diferencia del Pincel corrector, para el Pincel corrector puntual no necesita especificar un punto de la muestra. El Pincel corrector puntual muestrea automáticamente el área que rodea el punto retocado.

11 Iniciando Photoshop Para arrancar Photoshop, una vez instalado haz doble clic sobre su icono en el escritorio . En el caso de que no tuvieses un acceso directo, puedes acceder al programa a través del menú Inicio→Todos los programas→Adobe Photoshop CS. Abrir una Imagen Los pasos a seguir para abrir un archivo desde Photoshop son los siguientes: Una vez abierto el programa, haz clic en Archivo en la barra de menú. Para abrir una imagen deberás hacer clic en Abrir. y se abrirá un cuadro de diálogo que nos permitirá navegar por las carpetas hasta encontrar el archivo deseado. Cuando lo tengas seleccionado, haz clic en Abrir y la imagen se abrirá en una ventana dentro del programa. Puedes abrir simultáneamente tantas imágenes como tu ordenador soporte, pero ten en cuenta que cuantos más recursos consumas, más lento irá el programa. Una de las características que aportan las nuevas versiones de Photoshop es el Explorador de Archivos. Puedes verlo haciendo clic en Archivo→Explorar o desde este icono bajo la barra de menú . El Explorador de Archivos te permite navegar por tus carpetas y organizar tus imágenes de forma más eficiente, pudiendo añadir información sobre la imagen (llamada metadatos) como su autor, una breve descripción o incluso darle un título, además de otro tipo de datos técnicos y sobre derechos de autor. La mayoría de los metadatos no pueden ser modificados pero podremos cambiar información sobre la imagen en los campos que aparezcan señalados con el icono Modificar . Bastará con hacer clic sobre el icono y el campo se convertirá en una caja de texto donde podrás escribir lo que quieras:

12 Iniciando Photoshop II
Guardar una Imagen  Es 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 todavía acabada. O bien porque queremos grabar en determinado momento para no perder los cambios realizados, o porque deseamos terminar la sesión de trabajo y continuar más 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 nuestros archivos de formas diferentes. En ambos casos el procedimiento inicial es el mismo, haremos clic en Archivo y luego en Guardar Como. Seguidamente navegaremos por las carpetas hasta encontrar el lugar donde queremos guardar el archivo. Y antes de hacer clic en guardar es cuando debemos elegir una de las dos opciones: Guardar Imágenes inacabadas o en proceso 1. Entonces deberemos decirle al programa que el tipo de archivo que queremos crear al guardar la imagen sea de tipo Photoshop (.PSD o .PDD). Este tipo de archivo ocupa mucho espacio, pero es debido a que guarda gran cantidad de información sobre el estado en el que se encuentra nuestra composición. Así que haremos clic sobre la lista desplegable de Tipo y seleccionaremos Photoshop.(.PSD y .PDD no son archivos de imagen, son archivos de trabajo propios de Photoshop y por tanto sólo podrá utilizarse con este programa). Guardar imágenes terminadas para su posterior almacenamiento, publicación o impresión. En este caso, nuestra imagen ya ha alcanzado su estado final, hemos trabajado con la imagen y queremos finalizar su proceso. Pues bien, ahora lo que haremos será guardar la imagen como un archivo de imagen para que pueda ser utilizada más tarde como mejor nos interese. Para ello haremos clic en la lista desplegable de Tipo y seleccionaremos el formato de imagen digital que queremos darle a nuestra imagen. JPG y GIF son los formatos más comunes2. Una vez escogido el tipo de archivo que queremos crear (de trabajo o de archivo), haremos clic en Guardar. 1-Si todavía no hemos alcanzado el estado final de la imagen y queremos guardar el trabajo que hemos hecho, nos gustaría que la imagen permaneciese exactamente en el estado en el que se encuentra, manteniendo las capas, transparencias y objetos tal y como están para poder seguir trabajando sobre ellos después. 2-siendo JPG de mayor calidad, pero más pesado (esto es, ocupa más espacio), mientras que el formato GIF es de menor calidad, sólo permite 256 colores como máximo, pero muchísimo más ligero, además de permitir transparencias y animaciones. Ten en cuenta que en el momento en el que guardes la composición en cualquiera de estos formatos de imagen, todos los objetos, capas y transparencias se acoplarán creando una imagen plana, y, por tanto, no podrás volver a manipular la imagen desde el estado de trabajo en el que se encontraba antes de grabar. Ejercicio en la sg pág visualizando el vídeo de cómo se hace para aprender.

13 Iniciando Photoshop III
Abrir un Nuevo Documento de Trabajo Ahora aprenderemos algo más esencial, esto es, crear un documento en blanco desde el que crearemos una imagen a partir de cero, bien sea añadiendo recortes o imágenes completas desde otros archivos o introduciendo objetos propios como texto o formas. Para ello, y una vez inicializado el programa, haremos clic en Archivo→Nuevo para que aparezca el cuadro de diálogo de Nuevo Documento de Photoshop Desde esta ventana vamos a configurar el documento que vamos a crear, definiendo sus características básicas, como son el tamaño, la resolución y el color de fondo. 1-Observa que puedes cambiar las unidades con las que se mide el lienzo (el área de la imagen) y medirlas en centímetros, útil para imágenes fotográficas, o en píxeles, más recomendado para imágenes destinadas a la publicación en Internet.(Imagina una imagen formada por millones de cuadraditos diminutos. A simple vista la imagen con un zoom real (al 100%) parece normal, pero si aumentamos el zoom podemos ver la imagen cada vez más "cuadriculada". Esto es debido a que al acercarnos cada vez más vamos viendo los píxeles de más cerca. Si aumentamos el zoom al máximo veremos que la imagen está formada por cuadrados de colores, que en conjunto forman la imagen. Estos cuadrados son los píxeles) 72ppp, el estándar para imágenes en Internet, para imprimir entre 240 y 300ppp. En principio, si conocemos el tamaño final que queremos que tenga la imagen, podemos definir su tamaño introduciendo la altura y anchura deseadas directamente1. Un píxel es la unidad más pequeña en la que se puede descomponer una imagen digital, a cada píxel le corresponde un color, y así, píxel a píxel se va formando la imagen total. La resolución de una imagen dice mucho sobre su calidad, nos permite conocer la cantidad de píxeles que podemos encontrar en ella. Obviamente si la resolución de una imagen es mayor, su peso (el tamaño de su archivo) será mayor, pues es necesario almacenar más información al haber un mayor número de píxeles. Modo de color: modo RGB (rojo, verde y azul, el sistema que utilizan los monitores), sin embargo si queremos imprimir deberemos seleccionar el modo CMYK (cian, magenta, amarillo y negro, el sistema en el que las impresoras "dibujan" las imágenes). Color del fondo de la imagen. Es recomendable seleccionar un fondo transparente, así surgirán muchas menos complicaciones al trabajar con las capas (como veremos más adelante). El fondo transparente, en Photoshop, se muestra con un entramado de recuadros blancos y grises. Puedes guardar el perfil del documento que estas creando haciendo clic en Guardar valor, así podrás definir el mismo tipo de documento seleccionándolo directamente desde la lista desplegable Predefinir. Una vez configurado el documento pulsa OK, y una ventana en blanco se abrirá en el espacio de trabajo.

14 Cuestionario 1 1a/2b/3b/4c/5b/6a/7b/8a/9b/10b
1. Indica cuál de estas afirmaciones es la correcta. a) Photoshop, creado por Macromedia, es una herramienta de software diseñada para el tratamiento de imágenes. b) Photoshop, creado por Adobe, es una herramienta de software diseñada para el tratamiento de imágenes. c) Photoshop, creado por Adobe, es una herramienta de software diseñada para crear ilustraciones. d) Photoshop, creado por Macromedia, es una herramienta de software diseñada para crear ilustraciones. 2. Si guardamos una imagen en formato JPG más tarde podremos volver a utilizar las capas. a) Verdadero. b) Falso. 3. Si tenemos una imagen a medio acabar y queremos guardarla para abrirla más tarde y seguir trabajando con ella, ¿qué formato deberemos utilizar?. a) JPG. b) PSD. c) GIF. 4. Indica cuál de estas afirmaciones es correcta. a) Para guardar imágenes acabadas hay que utilizar el formato GIF o PSD. b) Para guardar imágenes acabadas hay que utilizar el formato JPG o PSD. c) Para guardar imágenes acabadas hay que utilizar el formato JPG o GIF. d) Ninguna de las anteriores. 5. El formato de imagen JPG sólo permite 256 colores. a) Verdadero. b) Falso. 6. Puedes crear transparencias usando el formato de imagen GIF. a) Verdadero. b) Falso. 7. ¿Qué archivo de imagen es más pesado? a) GIF. b) JPG. 8. De la resolución depende la calidad de la imagen, pero puedes decir cuál de estas afirmaciones es correcta: a) Una resolución alta implica un mayor número de píxeles. b) Una resolución baja implica un menos número de píxeles. 9. ¿Qué resolución es más aconsejable para la impresión de imágenes? a) 72ppp. b) 280ppp. c) 800ppp. 10. El fondo transparente en Photoshop se muestra como: a) Un entramado de cuadros negros y blancos. b) Un entramado de cuadros grises y blancos. c) Un fondo blanco. d) No se muestra. 1a/2b/3b/4c/5b/6a/7b/8a/9b/10b

15 El entorno de photoshop I
El Área de Trabajo Una vez abierta la imagen, todas las barras y paneles se encuentran activos y el área de trabajo toma esta forma:

16 El entorno de photoshop II
El Panel de Herramientas El panel alargado es el Panel de Herramientas, ahí puedes ver en forma de iconos todas las herramientas disponibles en Photoshop. Observa con atención que algunas de ellas tienen un pequeño triángulo en su esquina inferior derecha . Este es el indicador de grupo de herramientas. Si posicionas el cursor sobre alguno de estos iconos y pulsas el botón derecho del ratón se desplegará la lista de herramientas pertenecientes al grupo. En el panel de herramientas podemos encontrar también los selectores de color1, en Photoshop trabajaremos siempre con dos colores activos, que pueden ser totalmente configurados por el usuario. El color situado al frente será el color Frontal, la mayoría de las herramientas lo tomarán como color de trabajo. El que se encuentra detrás es el color de Fondo, podemos establecer este color como el color del fondo del documento, de esta forma podemos utilizar herramientas que pinten con el color de fondo y así imitar de alguna forma el borrado de píxeles. Para seleccionar un color haz clic sobre uno de los recuadros y se abrirá el cuadro de diálogo Selector de color. Una vez aquí podrás elegir un color de entre toda la paleta que Photoshop te ofrece. Una vez seleccionado el color puede que te aparezcan unos nuevos iconos. Este icono advierte al usuario que el color seleccionado se halla fuera de la paleta de impresión, y es posible que cuando quieras imprimir la imagen, este color no se corresponda exactamente con el que escogiste y se muestre con un tono diferente. Lo mismo ocurre con el icono de incompatibilidad web , si creas una imagen que contenga un color no compatible con los estándares web es muy probable que se muestre de diferentes formas según el navegador y el sistema operativo utilizado. Los iconos al pie del panel nos permiten alternar entre distintas vistas del área de trabajo, unas más despejadas que otras. El último botón importa la imagen a ImageReady, un programa que se instala con Photoshop y que se dedica exclusivamente a la edición y posterior publicación de imagenes en internet. La Barra de Opciones de Herramientas  En la parte superior de la ventana y bajo la barra de menú encontramos la barra de Opciones de Herramientas, el contenido de esta barra cambiará según la herramienta que tengamos seleccionada. Desde aquí podemos cambiar aspectos de la herramienta como su tamaño, su opacidad, etc. Cada vez que hagas un cambio en la herramienta, éste se mantendrá para que cuando vuelvas a seleccionarla su estado sea el mismo que era cuando la utilizaste por última vez. Si en algún momento quieres restaurar la herramienta a su estado original, deberás hacer clic con el botón derecho del ratón sobre la imagen de la herramienta en la barra de opciones de herramienta y seleccionar Restaurar Herramienta. La opción Restaurar Todas volvería todas las herramientas a su estado original. 1- El recuadro que se encuentra al frente muestra el color que estamos utilizando, en cualquier momento podemos hacer clic sobre el icono de doble flecha e intercambiaremos los colores de los recuadros entre sí, haciendo que el color que se encontraba en el recuadro del fondo pase al frente y, por lo tanto, nuestras herramientas usarán ese color como predeterminado. Observa que en cualquier momento puedes hacer clic sobre el icono de los cuadraditos en pequeñito para restablecer los colores activos a negro y blanco (los iniciales de Photoshop).

17 El entorno de photoshop III
Una barra que nos será de mucha utilidad es la Barra de Estado, al pie del espacio de trabajo. En ella encontrarás ayuda sobre la herramientas seleccionada y las funcionalidades adicionales que puedes conseguir mediante la combinación del teclado y el ratón. Por ejemplo, si seleccionamos la herramienta Pincel podremos leer esto en la barra de estado: Si mantenemos pulsada la tecla Shift verás como el mensaje de la barra de estado cambia para mostrar lo siguiente: En combinación con la herramienta pincel, la tecla Shift actúa de forma que podemos pintar líneas rectas con un simple clic. Iremos viendo las diferentes opciones a medida que vayamos aprendiendo más sobre las herramientas. Ahora centrémonos en la primera parte de la barra de estado. Como podrás observar, a la izquierda del todo encontraremos un porcentaje, este número es el zoom aplicado a la imagen abierta. Por defecto Photoshop intenta ajustar la imagen al tamaño del área de trabajo, si ésta es muy pequeña o la imagen es demasiado grande, Photoshop reducirá el zoom para poder mostrar la imagen completa en pantalla. Recuerda que el zoom no afecta al tamaño de la imagen, sino a la vista. Aunque reduzcamos o ampliemos el zoom para ver con mayor claridad la imagen, las dimensiones de ésta siguen siendo las mismas. Entonces, 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 número diferente y pulsando la tecla Enter . Verás como cambia el zoom de la imagen. La Ventana Navegador También es posible, y más cómodo, utilizar la ventana de Navegador. En principio, la encontrarás a la derecha del área de trabajo, muestra una miniatura de la imagen con la que estamos trabajando. Si no se encontrase visible puedes activarla desde el menú Ventana→Navegador en la barra de menú. El navegador, como ya hemos dicho, muestra una miniatura de la imagen activa. Permite modificar la vista de la imagen acercándola y alejándola mediante este control: . Observa que si se mueve el control hacia la derecha el zoom aumenta, haciendo que la imagen se vea más grande (o desde más cerca). Si, por el contrario, desplazamos el marcador hacia la izquierda, veremos la imagen cada vez más pequeña (o desde más lejos), porque el zoom disminuye. Fíjate que en la miniatura aparece un recuadro con el borde rojo , este recuadro te ayudará a navegar por la imagen cuando el zoom sea demasiado grande y veas sólo una parte de la imagen. Haciendo clic sobre la miniatura puedes desplazar el recuadro y mostrar en la ventana el área contenida por éste. Otra forma de desplazar la vista de la imagen sería usando la herramienta Mano, en el Panel de Herramientas: Esta herramienta te permite desplazar la vista de la imagen. Los pasos a seguir para utilizarla son los siguientes: Haz clic en la herramienta Mover para activarla. Desplaza el puntero hasta la imagen y haz clic sobre ella. Verás que la forma del puntero cambia. Sin soltar el botón del ratón, arrastra la vista de la imagen hasta llegar al punto deseado.