photoshop diseño gioa, Resúmenes de Diseño

¡Descarga photoshop diseño gioa y más Resúmenes en PDF de Diseño solo en Docsity!

• (0) introducción índice
  • (0.1) imagen e imagen digital ___________________________________________
  • (0.2) el color ___________________________________________________________
  • (0.3) píxeles___________________________________________________________
  • (0.4) profundidad _____________________________________________________
  • (0.5) tamaño del archivo _______________________________________________
  • (0.6) modos de color ___________________________________________________
  • (0.7) tipos de imágenes digitales _______________________________________
  • (0.8) formatos de archivos de mapas de bits _____________________________
• (1) conceptos básicos ...............................................................................................................
  • (1.1) adobe gamma____________________________________________________
  • (1.2) ajustes iniciales ____________________________________________________
  • (2.1) aspecto de Photoshop ____________________________________________ (2) manejo básico ¡Error! Marcador no definido.
  • (2.2) visualización _____________________________________________________
  • (2.3) barra de información _____________________________________________
  • (2.4) histograma ______________________________________________________
  • (2.5) abrir imágenes ___________________________________________________
  • (2.6) guardar imágenes _______________________________________________
  • (2.7) nuevas imágenes _________________________________________________
  • (2.8) tamaño de imagen ______________________________________________
  • (2.9) tamaño de lienzo ________________________________________________
  • (2.10) rotar lienzo _____________________________________________________
  • (2.11) recortar _________________________________________________________
  • (2.12) historia _________________________________________________________
  • (2.13) modos de imagen y canales ______________________________________
• (3) corrección de color ...........................................................................................................
  • (3.1) Brillo/Contraste ___________________________________________________
  • (3.2) Niveles __________________________________________________________
  • (3.3) Curvas___________________________________________________________
  • (3.4) Desaturar _______________________________________________________
  • (3.5) Invertir __________________________________________________________
  • (3.6) Ecualizar ________________________________________________________
  • (3.7) Umbral __________________________________________________________
  • (3.8) Posterizar________________________________________________________
  • (3.9) Equilibrio de color ________________________________________________
  • (3.10) Tono/Saturación ________________________________________________
  • (3.11) Reemplazar color ________________________________________________
  • (3.12) Corrección selectiva ______________________________________________ Guía Rápida de Photoshop
  • (3.13) Mezclador de canales ____________________________________________
  • (3.14) Mapa de degradado _____________________________________________
  • (3.15) Filtros de fotografía ______________________________________________
  • (3.16) Sombra/Iluminación _____________________________________________
  • (3.17) Igualar colores. __________________________________________________
• (4) herramientas de pintura..............................................................................................
  • (4.1) colores ___________________________________________________________
  • (4.2) rellenar __________________________________________________________
  • (4.3) modos de fusión y opacidad ______________________________________
  • (4.4) pinceles __________________________________________________________
  • (4.5) borrador _________________________________________________________
  • (4.6) pincel de historia ___________________________________________
  • (4.7) pincel artístico de historia ___________________________________
  • (4.8) degradado _________________________________________________
• (5) selección
  • (5.1) introducción _____________________________________________________
  • (5.2) marco rectangular _________________________________________
  • (5.3) marco elíptico _______________________________________________
  • (5.4) lazos _____________________________________________________________
  • (5.5) varita mágica ______________________________________________
  • (5.6) selección por gama de colores _____________________________________
  • (5.7) opciones de selección _____________________________________________
  • (5.8) canales alfa ______________________________________________________
• (6) capas
  • (6.1) introducción ______________________________________________________
  • (6.2) herramienta mover __________________________________________
  • (6.3) quitar halos ______________________________________________________
  • (6.4) borrar ___________________________________________________________
  • (6.5) transformación libre ______________________________________________
  • (6.6) extraer __________________________________________________________
  • (6.7) opciones en la paleta de capas ___________________________________
  • (6.8) acoplar y combinar capas_________________________________________
  • (6.9) crear grupos de capas ____________________________________________
  • (6.10) máscara de recorte ______________________________________________
  • (6.11) máscaras de capa ________________________________________________
  • (6.12) capas de ajuste __________________________________________________
• (7) herramientas de retoque
  • (7.1) tampón de clonar _____________________________________________
    • Autor: Jorge Sánchez, Año:
  • (7.2) pincel corrector _______________________________________________
  • (7.3) pincel corrector puntual _______________________________________
  • (7.4) parche _______________________________________________________
  • (7.5) Corrector de ojos rojos ________________________________________
• (8) filtros
  • (8.1) opciones al aplicar filtros __________________________________________
  • (8.2) filtros agrupados por el menú _____________________________________
  • (8.3) filtros agrupados por su utilidad __________________________________
• (9) texto ......................................................................................................................................
  • (9.1) inserción de texto en Photoshop ___________________________________
  • (9.2) modificar el texto ________________________________________________

Guía Rápida de Photoshop

(0) introducción

(0.1) imagen e imagen digital

(0.1.1) introducción a la imagen

 Según la RAE. Imagen= Figura, representación, semejanza y apariencia

de algo.

 Otra definición ( WIKIPEDIA ): Forma dibujada, pintada o esculpida, que

representa una cosa.

 Fotografía ( RAE ): Arte de fijar y reproducir por medio de reacciones

químicas, en superficies convenientemente preparadas, las imágenes recogidas en el fondo de una cámara oscura

En la fotografía, era la química la encargada de imprimir la imagen a través de unos cristales de forma irregular. Por eso el grano que obtenía la imagen al ser irregular es más estético y menos molesto. La imagen digital en realidad es una serie de números binarios, que representan colores. La forma de mostrarla es mediante una malla de cuadrados regulares (píxeles).

(0.1.2) imagen digital

Se habla de la imagen digital refiriéndonos a la imagen que se obtiene a través de procesos electrónicos (escáner, cámara digital,..). Es una serie muy grande números binarios que algunos aparatos son capaces de interpretar y reproducir. Hay dos métodos de obtener imagen digital: (1) Paso híbrido. Se trata de captar la imagen por medios clásicos (una cámara de carrete por ejemplo) y después pasarla a digital utilizando un escáner por ejemplo. Esta forma cada vez está en más desuso y, en su lugar, hoy en día sólo se utiliza para digitalizar material fotográfico antiguo. (2) Paso puramente digital. Un aparato digital reproduce una imagen real y la convierte a su forma digital (por ejemplo una cámara digital).

(0.1.3) ventajas de la fotografía digital

 Más barata. Ya que no se desperdicia carrete

 Se aprende más rápido

 Se manipula de forma más potente (gracias a las capacidades de los

ordenadores)

 Inmediatamente tenemos resultados

Guía Rápida de Photoshop

(0.2.3) sistema substractivo de colores

En este caso en estos sistemas la imagen vacía tiene color blanco. El resto de colores se restan al blanco para poder verse. Los colores sustractivos mezclados producen negro. Es el que utilizan la mayoría de sistemas de impresión. El más famoso es el CMY que utiliza la mezcla de cian, magenta y amarillo para producir el negro (en realidad sólo se consigue un marrón oscuro)-

Ilustración 2, Modelo CMY Para conseguir un color negro puro, la mayoría de sistemas de impresión incorporar un cuarto color, el negro ( Klein ). Así funciona el sistema CMYK

(0.3) píxeles

Es el elemento más pequeño distinguible en una imagen digital. Es cada cuadradito en el que se compone una imagen. Cuantos más píxeles contenga una imagen, mayor será su calidad. Esta calidad se puede indicar en:

 Píxeles de ancho por píxeles de alto. Por ejemplo 1024 x 768

 Tamaño de la imagen y resolución. Por ejemplo: 12X10 cm y 300 ppp

 Megapíxeles. Resultado de multiplicar la anchura por la altura (

Megapíxel= 1 millón de píxeles)

(0.4) profundidad

Indica el número de colores de la imagen. Se mide en bits. Indica cuántos colores se pueden almacenar en cada píxel, más bits, más colores. Así en 8 bits caben 256 colores (2^8 ) en 16 bits, 65536 colores (2^16 ). Con 24 bits se habla de color real , es decir el mínimo para representar cualquier color percibible por un ser humano. Esos 24 bits si se usa el modo RGB se dividen en: 8 para el canal rojo, 8 para el verde y 8 para el azul. Algunos sistemas son capaces de mostrar más colores. Así ya es habitual utilizar imágenes de 48 bits (e incluso de 96).

Autor: Jorge Sánchez, Año: 2008

(0.5) tamaño del archivo

Para saber el tamaño de un archivo (en una imagen sin comprimir) bastaría multiplicar la anchura en píxeles, por la altura y por la profundidad. Eso nos daría un resultado en bits. Sin embargo en el ordenador los resultados se dan en múltiplos de bytes.

 1 bytes = 8 bits

 1 Kilobyte = 1024 bytes

 1 Megabyte = 1024 Kilobytes

 1 Gigabyte = 1024 Megabytes

 1 Terabyte = 1024 Gigabytes

Cuanto mayor sea la resolución y la profundidad de las imágenes, más ocupa. Por ejemplo una sola imagen de un megapíxel ocuparía 3 Megabytes en disco (1 MB por canal). Por ello se utilizan técnicas de compresión que permiten reducir la imagen. Hay dos posibilidades:

 Compresión sin pérdida. La imagen se comprime y al descomprimirla de

nuevo sale exactamente la imagen original.

 Compresión con pérdida. Al descomprimir la imagen ya no es la misma

que la original. Se pierde información (píxeles, colores). Normalmente esta pérdida es casi inapreciable por cualquier observador. Lógicamente las técnicas de compresión con pérdida permiten comprimir mucho más las imágenes.

(0.6) modos de color

(0.6.1) RGB

El modo fundamental hoy en día de representar imágenes digitales. Es el propio de los monitores y cámaras digitales. Consta de tres canales: uno rojo, uno verde y uno azul. Cualquier color se expresa como función de estos tres canales.

(0.6.2) Color CMYK

Utilizado en impresión. Usa cuatro canales (de 8 bits cada uno). Uno cian, uno magenta, uno amarillo y uno negro.

(0.6.3) Color HSB

No se usa mucho en realidad, pero es un modelo importante porque representa la forma humana de detectar colores. Consta de tres canales:

 H, tono. El tono es el tinte del color, la gama a la que pertenece. Hay

tonos tojos, verdes, azules, amarillos, etc. El blanco y el negro se les considera colores sin tono.

 S, saturación. Vivacidad del color. Una mayor saturación implica una

mayor intensidad del color.

Autor: Jorge Sánchez, Año: 2008

(0.8) formatos de archivos de mapas de bits

(0.8.1) TIFF

Formato perteneciente a la empresa Adobe. Muy versátil y potente. Permite tres posibilidades de compresión:

 No comprimir (la imagen ocupará mucho más, pero no pierde nada de

calidad)

 Comprimir sin pérdida. Normalmente a través del algoritmo LZW (la otra

posibilidad, menos recomendable, es comprimir en modo ZIP)

 Comprimir con pérdida. Al estilo del formato JPEG

Hoy en día es casi tan potente como el PSD. Hay un problema de compatibilidades ya que se ha renovado el formato muchas veces, por lo que si le utilizamos con todas sus posibilidades (que permiten incluso almacenar capas y canales) es probable que muchos programas no sean capaces de leerle.

(0.8.2) JPEG

Es el formato más popular de imágenes. Utiliza color real y comprime con pérdida. Su ratio de compresión es muy alto, por ello (y por su popularidad) es el favorito de las cámaras digitales. La compresión se puede elegir; mayor compresión, mayor pérdida. Se debería utilizar sólo cuando la imagen ya está terminada o para realizar copias (para enviar por correo por ejemplo).

(0.8.3) GIF

No es adecuado para la fotografía digital porque sólo admite 256 colores. vale para dibujos. Permite realizar animaciones e incluso definir un color como transparente (por ello sigue siendo muy utilizado en páginas web).elegir

(0.8.4) PSD

Formato nativo de Photoshop. Permite todas las posibilidades del programa. No comprime mucho las imágenes, pero es el adecuado para utilizar durante todo el proceso de retoque. El problema es que es incompatible con la mayoría de programas y dispositivos.

(0.8.5) RAW

Formato digital que comprime muy poco la imagen y que representa la imagen tal cual fue captada por la cámara. Es el negativo digital. Todos los formatos anteriores (incluso los que no comprimen con pérdida) hacen perder información a la imagen ya que o eliminan píxeles o reinterpretan los colores, o reinterpretan el tamaño,… Lo ideal sería fotografiar siempre en este formato. Después hace falta convertir las imágenes RAW a un formato normal de imagen (es decir, revelar la imagen )

Guía Rápida de Photoshop

(1) conceptos básicos

(1.1) adobe gamma

Programa para calibrar el monitor. Tras la instalación se coloca en el Panel de Control. De no estar allí se podría buscar dentro del disco duro de arranque de Windows en la carpeta Archivos de programa \ Archivos comunes \ Photoshop
Calibration. Los pasos a realizar son: (1) Ejecución del programa. Tras arrancar el programa se elige Paso a Paso ( Step by Step ) para seleccionar la calibración mediante asistente (la otra opción es calibrar usando un panel de control).

Guía Rápida de Photoshop

(6) Se trata de elegir el punto blanco adecuado para nuestro monitor. El valor normal de punto blanco es de 6500º K, pero cuando un monitor tiene derivación hacia la zona cálida o fría conviene ajustar más fino.

Se puede elegir una temperatura (cálida o fría) de la lista o realizar un ajuste más sofisticado eligiendo Medida ( Measure ) en el cuadro. Gracias a esta última opción aparece una pantalla negra con tres cuadrados en ella podremos:  Elegir un punto blanco más cálido pulsando en el cuadro izquierdo  Elegir un punto blanco más frío pulsando en el cuadro derecho  Aceptar el color del punto blanco eligiendo el cuadro central.

Autor: Jorge Sánchez, Año: 2008

(7) La siguiente pantalla permite seleccionar un punto blanco más frío o cálido que el seleccionado anteriormente. Si no queremos cambiarle (que es lo habitual), aceptamos el paso sin más

(8) Elegir la configuración actual ( After ) o la anterior ( Before ) (9) Guardar el perfil en el disco

(1.2) ajustes iniciales

(1.2.1) configuración de la memoria

Autor: Jorge Sánchez, Año: 2008

(1.3) aspecto de Photoshop

(1.3.1) paneles

En Photoshop los paneles de herramientas se pueden mostrar y ocultar a voluntad,

 Para mostrar paneles que no vemos, basta con acudir al menú Ventana y

seleccionar los deseados.

 Se pueden ocultar temporalmente los paneles pulsando la tecla

Tabulador del teclado. Volviéndola a pulsar aparecen de nuevo.

 Los espacios de trabajo (forma y disposición de los paneles) se pueden

guardar y gestionar eligiendo el menú Ventana-Espacios de trabajo.

 Para restablecer el aspecto que tenía inicialmente Photoshop. Hay que

elegir Ventana-Espacios de trabajo-Espacio de trabajo por defecto.

(1.3.2) barra de información

 Haciendo clic en el signo de la barra de información (en la parte

inferior de Photoshop) si se elige Mostrar , se cambia la información que muestra. Se puede mostrar el tamaño del documento, el perfil del documento, memoria, eficiencia,…

Guía Rápida de Photoshop

 Si mantenemos pulsado el ratón a la vez que pulsamos en la zona de

información de la barra aparecerá la zona de la hoja que ocuparía la imagen al imprimirla.  Si hacemos lo mismos mientras mantenemos pulsada la tecla Control , aparece información sobre los mosaicos (interesante si la imagen se descompone en azulejos)  Si lo hacemos con la tecla Alt mostraremos datos sobre el tamaño de la imagen, modo de color y profundidad.

(1.4) visualización

(1.4.1) lupa

 Para escoger la lupa como herramienta se puede pulsar la tecla Z.

 Si queremos ampliar y reducir con el teclado, se pulsa:

 Ctrl + + para ampliar o Ctrl + - para reducir  Si acompañamos de la tecla Alt a las combinaciones anteriores, entonces se reduce o se aumenta la imagen, pero modificando el tamaño de la ventana a la vez  Si a las teclas anteriores se añade la tecla Alt, entonces se amplia y reduce el tamaño de la ventana a la vez que se modifica el tamaño del zoom

(1.4.2) mano

Permite trasladarse sobre la imagen. Disponible si:

 Pulsamos la tecla H o elegimos el icono de la mano en la barra de

herramientas

 Dejamos pulsada la barra espaciadora , lo cual es muy útil para elegir la

mano sin cambiar de herramienta

(1.4.3) navegador

Barra flotante que permite recorrer la imagen a gran velocidad, disponible en el menú ventana (si no estuviera visible ya)

(1.5) barra de información

Muestra información exacta sobre cada píxel de la imagen, posición, color, tamaño,…. Disponible en el menú Ventana o directamente pulsando F.

(1.6) histograma

Muestra un gráfico que permite visualizar la claridad u oscuridad de los colores actuales. Está disponible en el menú Ventana. Usando el menú  del panel Histograma, se puede: