Photoshop !ª parte

30

description

Curso de Alejandro Chica

Transcript of Photoshop !ª parte

Page 1: Photoshop !ª parte
Page 2: Photoshop !ª parte

Photoshop, creado por Adobe Systems, es una de las herramientas software para el tratamiento de imagen más potente hoy en día.

Los logotipos de Photoshop son propiedad de Adobe, así como las marcas registradas Photoshop y Adobe.

Debemos tener bien claro desde el principio que Photoshop no está pensado para dibujar, para eso es recomendable que utilices Illustrator de Adobe. Photoshop 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.

Page 3: Photoshop !ª parte

Pinchar para

entrarPinchar para

entrar

SALIR

Page 4: Photoshop !ª parte

Para abrir una imagen deberás hacer clic en Abrir. y se abrirá un cuadro de diálogo.

Llegados a este punto, lo que deberás hacer es 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.

Page 5: Photoshop !ª parte

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.

Page 6: Photoshop !ª parte

Una imagen digital no es más que un archivo que contiene la información de la imagen trasformada y almacenada en forma de unos y ceros.

Por esto que desde que existen los medios gráficos digitales se ha buscado una forma de convertir una imagen óptica a digital con la menor pérdida de información posible (colores, tonalidades, etc.).

Obviamente, no es difícil de conseguir, retener todos esos datos es relativamente sencillo, pero de esta forma se crearían archivos de imagen enormes. Era necesario comprimir la información de una forma eficiente.

La compresión de imágenes requería necesariamente desechar la información menos relevante, y de aquí empezaron a surgir diferentes métodos de compresión de archivos. Luego comenzó la revolución web, y se hizo necesario crear formatos más agresivos, que contuviesen menos información para que el archivo final pesase cada vez menos.

Y todo ello intentando mantener un resultado coherente y lo suficientemente bueno como para poder ser útil a la hora de compartir, imprimir y almacenar archivos de imagen. MENÚ

Page 7: Photoshop !ª parte

TIPOS DE FORMATOTIPOS DE FORMATO

JPEG

TIFF

BMP

GIF

PNG

MENÚ

Page 8: Photoshop !ª parte

Es uno de los formatos más utilizados hoy en día, indicado sobre todo para fotografías e imágenes en tono continuo en Internet por su capacidad de conseguir imágenes suficientemente reales y con un gran número de colores.

Este formato soporta los modos de color CMYK, RGB y la escala de grises sin canales alfa, llegando a convertirse en uno de los formatos más populares por su versatilidad y una compresión bastante alta.

Page 9: Photoshop !ª parte

De mayor calidad que el formato JPEG, pero con compresiones mucho menores.

Este formato es utilizado sobre todo en la impresión de imágenes digitales, debido a que crea archivos de gran calidad. El único inconveniente de este formato es el tamaño de los archivos que crea, por lo que no suele utilizarse para publicar imágenes ni almacenamiento.

A pesar de ello, TIFF es uno de los formatos más flexibles y prácticamente admitido por todas las aplicaciones de pintura, edición de imágenes y diseño.

Soporta casi todos los modos de color: RGB, CMYK, Lab, Indexado y escala de grises, todos ellos con canales alfa, y mapa de bits sin canales alfa.

El formato TIFF no puede crear archivos de tamaño mayor a 4 GB.

Page 10: Photoshop !ª parte

Este formato tiene su origen en la plataforma Windows y DOS, aunque ahora se ha expandido y es característico por su usabilidad y el soporte en la mayoría de software de imagen que podamos encontrar hoy en día.

Admite RGB, color indexado, escala de grises y mapa de bits sin canales alfa.

Muy utilizado por las aplicaciones basadas en Windows, podemos encontrarlo en infinidad de imágenes, aunque su uso mayoritario es en el desarrollo de juegos y aplicaciones DirectX.

Page 11: Photoshop !ª parte

Uno de los formatos más utilizados en Internet, crea gráficos e imágenes de color indexado en la web. Aunque una de sus carencias es la de admitir muy pocos colores (256 como máximo), se ha expandido mayormente por su capacidad de compresión al ser capaz de crear archivos de unos pocos kilobytes.

El formato GIF puede preservar las transparencias de la imagen aunque no soporte la inclusión de canales alfa.

Muy utilizado también en animaciones, al ser posible almacenar más de una imagen por fichero, creando pequeñas películas formadas por secuencias de imágenes que se repiten en el tiempo.

Page 12: Photoshop !ª parte

Formato creado como alternativa a GIF. Viendo que este último carecía de un aspecto tan importante como es el modo de color, PNG nace con la pretensión de ser el nuevo formato de imagen de intercambio en Internet.

PNG admite compresión con menos pérdidas de información, produce transparencias de fondo sin bordes irregulares y soporta los modos RGB, escala de grises y color indexado sin canales alfa.

Este formato está siendo utilizado cada vez más para sustituir a GIF en gráficos para web, y cada vez más en imágenes con mayor calidad que antes eran comprimidas con JPEG.

Page 13: Photoshop !ª parte

Una vez abierto el programa observaremos diferentes barras y paneles distribuidos en el entorno de trabajo. Abramos una imagen de prueba para que todas las opciones se encuentren disponibles. Recuerda que podemos abrir nuestros archivos a través del menú Archivo → Abrir.

Una vez abierta la imagen, todas las barras y paneles se encuentran activos.

Puedes hacer que la disposiciónde los paneles y barras vuelvan al estado predeterminado haciendo clic en la opción Ventana → Espacio de trabajo → Espacio de trabajo por defecto:

Page 14: Photoshop !ª parte

La barra en el extremo superior es la Barra de Menú, esta barra aparece en la mayoría de programas por lo que ya debes estar acostumbrado a ella. Desde aquí podrás acceder a diferentes opciones de menú, como por ejemplo abrir un archivo, guardarlo y luego cerrarlo. También podrás acceder a opciones mucho más complejas que iremos viendo a lo largo del curso.

Page 15: Photoshop !ª parte

El panel alargado es el Panel de Herramientas, ahí puedes ver en forma de iconos todas las herramientas disponibles en Photoshop.

Este panel tiene dos formas diferentes de presentarse, una es la que puedes ver a tu derecha. La otra (predefinida por Photosop CS3) es exactamente igual pero con todas las herramientas dispuestas en vertical. Para cambiar de visualización sólo tendrás que hacer clic en el botón que aparece en la esquina superior izquierda .

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.

Si desplegamos el menú del icono pincel se desplegará la lista de herramientas de dibujo.

Page 16: Photoshop !ª parte

Como ves, dentro del grupo de herramientas de dibujo podemos encontrar el Pincel, el Lápiz y la Herramienta Sustitución de color. La letra que aparece a la derecha del nombre de la herramienta nos informa del método abreviado de teclado para acceder a la herramienta activa de este grupo. La herramienta activa se encuentra siempre marcada por un cuadrado negro.

En el panel de herramientas podemos encontrar también los selectores de color , 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.

Page 17: Photoshop !ª parte

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.

Durante el curso iremos viendo una por una las herramientas de este panel, aunque debido a la extensión que eso supondría dejaremos algunas de lado por tratarse de herramientas avanzadas o de escasa utilidad para el usuario.

Page 18: Photoshop !ª parte

Este grupo de herramientas se utiliza para crear sectores. Los sectores se utilizan para dividir una imagen en áreas funcionales

(sectores) que pueden tener propiedades diferentes. Estas imágenes irán destinadas a la publicación web.

Este grupo de herramientas se utiliza para crear trazados. Los trazados se utilizan para crear formas vectoriales (lineas y curvas

definidas matemáticamente). Estas formas son independientes a la resolución y pueden redimensionarse sin problemas.

Page 19: Photoshop !ª parte

La primera opción, la herramienta Cuentagotas, toma muestras de color de cualquier parte del lienzo y la hace activa en los selectores de color.

La herramienta Muestra de color toma hasta como máximo 4 muestras de color del lienzo para mostrar sus propiedades en la paleta de Información (junto al Navegador).

La herramienta Regla, mide la distancia entre dos puntos dados mostrándose el resultado, también, en la paleta Información.

Finalmente, la herramienta Recuento permite colocar sobre el lienzo marcas que te ayudarán a contar elementos en el área de trabajo. Esta herramienta añadirá literales con un número que se irá incrementando automáticamente.

Page 20: Photoshop !ª parte

El icono al pie del panel nos permite alternar entre distintas vistas del área de trabajo, unas más despejadas que otras.

MENÚ

Page 21: Photoshop !ª parte

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. A medida que avancemos y aprendamos nuevas herramientas iremos viendo como utilizar esta barra y sus opciones.

De momento diremos que 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.

Page 22: Photoshop !ª parte

La herramienta Bote de pintura te permite pintar de un color toda un área del lienzo.

Esta herramienta evalúa el punto donde haces clic y pinta todos los píxeles contiguos del mismo color con el color Frontal.

Ajustando la Tolerancia podrás ajustar la gama de colores sobre la que actúe. Con una tolerancia alta la herramienta coloreará también zonas de color similares al que determinaste con el clic. Una tolerancia baja sólo pintará los píxeles del color escogido.

Si desactivamos la opción Contiguo , el Bote de pintura coloreará todos los píxeles que contengan ese color en cualquier lugar del lienzo.Esta herramienta te permite pintar con un motivo en vez de con el color Frontal. Para ello haz clic sobre el desplegable Rellenar y selecciona Motivo. Ahora ya podrás seleccionar el motivo con el que quieras rellenar el área a pintar.

Page 23: Photoshop !ª parte

Del mismo modo que existen herramientas que nos sirven para añadir pintura al lienzo, ya sea en forma de color plano, de un motivo preestablecido o incluso de una copia de una zona de la imagen, existen herramientas que nos permiten eliminarlo. Estas herramientas pertenecen al grupo de los Borradores.

Page 24: Photoshop !ª parte

El Borrador permite quitar la pintura de una zona determinada del lienzo y sustituirla por el color de Fondo.

Si nos fijamos, en la barra de opciones encontramos prácticamente todas las opciones ya conocidas. Esto es porque podemos utilizar el borrador como si de un pincel se tratase, configurando su dureza, opacidad o flujo hasta adaptarse a nuestras necesidades.

Es por esta razón por lo que puedes seleccionar el modo de borrado. Despliega la lista desplegable de Modo en la barra de opciones de herramientas.

Puedes escoger entre que la punta del borrador actúe como un pincel, un lápiz o simplemente que adopte la forma de un cuadrado, eliminando completamente el contenido del área del cuadrado.

Page 25: Photoshop !ª parte

Este borrador actúa únicamente sobre un color en la imagen, dejando las áreas afectadas de color transparente.

Esta herramienta acepta un valor de Tolerancia que, según aumente, borrará también los colores similares al color seleccionado en principio.

Si seleccionamos la casilla Contiguo (activada por defecto) sólo se borrarán las áreas con el color de muestra conectadas a ésta. Si se encontrase desactivada, el color de muestra se borraría de toda la imagen.

Para acabados más profesionales, podemos jugar con las opciones Suavizar , que hará más suave la transición del área borrada a la que se mantiene intacta. Y la opción Opacidad , que en rangos bajos no borra totalmente el color, sino que lo hace más transparente.

Page 26: Photoshop !ª parte

El Borrador de Fondos resulta de gran ayuda cuando nos es necesario extraer un objeto de una imagen.

La punta de esta herramienta tiene una forma especial. Está formada por una base redondeada (como un pincel normal) pero añade una mirilla en forma de aspa en su centro .

Esto es debido a que este borrador evalúa el color que se encuentra en el aspa y lo borra si se encontrase en el resto de la punta. Consiguiendo así poder borrar un fondo manteniendo intacto el objeto que queremos extraer de la imagen.

Desde luego, existen muchísimas opciones para configurar esta herramienta y poder conseguir resultados más logrados. Empezaremos pues por la configuración de la punta del pincel.

Como el Borrador de fondos actúa de la misma forma que las herramientas de pintura dispone del siguiente menú para modificar la forma en la que el trazo es aplicado:

Page 27: Photoshop !ª parte

Como puedes ver, la punta puede modificarse completamente. Deberás realizar unas cuantas pruebas hasta encontrar la combinación más adecuada, aunque las opciones más interesantes son las siguientes:

Page 28: Photoshop !ª parte

La opción Límites acepta 3 valores. Establece los límites de borrado de la herramienta. Como predeterminado encontramos Contiguo, que borra las áreas con el color muestreado por el aspa aunque sólo si se encuentran conectadas entre sí. La opción No contiguo realiza el contrario, conectadas o no, borra todas las áreas con el color de muestra dentro de la punta del pincel. La última, Hallar bordes, actúa como el primero pero preservando la nitidez de los bordes de la forma.

En cuanto a la Tolerancia, podríamos decir que fija la extensión de colores a borrar. Una mayor tolerancia permite que se borren colores parecidos al muestreado. Mientras que una tolerancia nula sólo borraría áreas con el color exacto al de muestra. 

Los tres botones que se muestran son relativos al color muestreado, es decir, a cómo se tomará el muestreo para borrar el color en la imagen. Se puede definir de los siguientes modos:

Page 29: Photoshop !ª parte

La opción Continuo evalúa cada píxel de color que pasa por el aspa y actúa en consecuencia con ese color de muestra.

Si escogiésemos Una vez , el color muestreado sería el primero sobre el que hicimos clic, y el borrador actuará con ese color como referencia.

También es posible definir un color de fondo (en el panel de herramientas) y usarlo como muestra en el borrador activando la opción Muestra de fondos Si activamos la casilla Proteger color frontal , el borrador actuará normalmente, pero será incapaz de borrar áreas de color igual al color frontal activo en el panel de herramientas.

MENÚ

Page 30: Photoshop !ª parte