• Lección 1 : Familiarizarse con Photoshop. Herramientas básicas.

1.1      ¿Qué es Photoshop?

Photoshop es un programa de retoque fotográfico. Funciona a base de píxeles, que son esos pequeños puntitos que tiene una pantalla de ordenador, mediante los cuales se forma lo que vemos en ella. Tiene infinidad de usos, desde un simple ajuste del contraste en una foto hasta un loco montaje, pasando por creación de banners, firmas, templates para la web, dibujos, etc.

Photoshop incluye una serie de herramientas que permiten trabajar con vectores. Un vector es como una formula matemática, que indica dirección y sentido, a la que se le añaden una serie de cualidades tales como color de relleno, de línea.. La peculiaridad de los vectores reside en el escaso peso de las imágenes creadas con ellos y la más importante, pueden ser escaladas infinitamente. Esto posible gracias a que cuando decidimos escalar la imagen las formulas de los vectores se recalculan. Sin embargo, si trabajamos con pixeles esto no es posible, ya que solo se almacena la información de cada píxel “por separado”, no como un conjunto con dirección y sentido.

1.2             Creando un nuevo documento

Para crear un nuevo documento, hacemos clic en Archivo > Nuevo. Nos saldrá una ventanita como esta:

 

En Nombre escribimos Lección 1, cambiamos el tipo de medida de cm a píxeles y el tamaño Ancho 800 y Alto 600. La resolución la ponemos en 72 pixeles/pulgada. Vamos a explicar un poco algunos de los diferentes modos de color:

·         Color RGB:

RGB son las siglas de red, green y blue (rojo, verde y azul). Son colores de luz y utilizaremos este modo siempre y cuando creemos un documento destinado a ser visto en un ordenador.

·         Escala de grises:

Elimina el tono de todos los colores. Cuando usamos un color éste se cambia a su equivalente en grises.

·         CMYK

Son las siglas de  Cyan, , Magent, Yellow y Black ( cyan , magenta,amarillo y negro). Son colores pigemento  y emplearemos este modo al crear imágenes destinadas a la impresión.

Bien, en este punto toca decidir el fondo de nuestro nuevo documento, lo que más vamos a usar en principio es el color blanco, así que lo marcamos. Aceptamos ;)

* Resolución: Se mide en puntos por pulgada (dpi, dots per inch). Como os habéis podido imaginar es la cantidad de puntos que hay en una pulgada y nosotros vamos a usar principalmente 72 puntos por pulgada ya que nuestras imágenes van destinadas a verse en un ordenador. Si por algún casual queréis que vuestras imágenes sean impresas deberiamos trabajar a 300 dpi.

1.3             Visión general

En la imagen podemos observar los diferentes paneles que vienen abiertos por defecto. En esta lección sólo será necesaria la barra de herramientas, ya que todavía no nos vamos a meter en tema de capas.

1.4             Seleccionar / Deseleccionar: Marco rectangular (y similares)

Al hacer clic un tiempo sobre esta herramienta observamos que se despliega un submenú. Esto ocurre en todas las herramientas con una pequeña flecha en la esquina inferior izquierda. Sin dejar de hacer click, podemos desplazarnos por las diferentes opciones. La que nos ocupa ahora es la primera: Marco Rectangular; cuyo funcionamiento es igual al de marco elíptico.

El destino de esta herramienta es hacer una selección y es muy fácil de usar. Haciendo clic en un punto del documento y sin soltar arrastramos hasta conseguir el tamaño deseado:

      

Para conseguir un cuadrado perfecto mientras arrastramos pulsamos la tecla Shift

1.4.1 Opciones de la herramienta

·         Selección nueva, añadir a la selección, restar de la selección e intersecar selección

   En esta imagen se muestran las antes citadas opciones aplicables a esta herramienta, respectivamente. Más cómodo que andar clickando en la opción deseada es usar los atajos de teclado. Para una nueva selección se procede como en el punto 1.4, para añadir una selección a una ya existente pulsamos la tecla Shift mientras hacemos la nueva selección. Para restar una selección pulsamos mientras seleccionamos la tecla Alt.

·         Calado

Se usa para suavizar los bordes de una selección

·         Estilo

Aquí podemos seleccionar la forma en la que queremos hacer una selección: normal, proporcional o de tamaño fijo. Si elegimos alguna que no sea normal, debemos especificar el tamaño.

1.5      Colores

Aquí se muestran el color frontal (negro) y el color de fondo (blanco). Podemos intercambiarlos haciendo clic en la flecha. Si queremos cambiar el color de fondo o frontal haremos clic en él y nos aparecerá una ventana como la que tenéis debajo, que ahora os explicaré ;)

El cuadrado grande sirve para seleccionar el brillo y la saturación. Al hacer click en un punto de él ese color aparecerá en el cuadrado de la derecha, justo encima del color que había antes (en este caso el negro). Para cambiar el tono usaremos la barra horizontal. Si recordais el punto 1.2 os expliqué los modos de los colores (RGB para web, CMYK para imprimir). Pues bien, si trabajando en cualquiera de estos modos aparece un triangulo con un signo de exclamación junto a la muestra, como ocurre aquí, significa que ese color al imprimir no va a quedar tal como nosotros lo vemos. Si estamos trabajando en CMYK automáticamente lo cambia por un color parecido que sea imprimible. Esto se debe a que el color en la pantalla se forma de una manera y en la vida real esos colores no existen.

Podemos crear un color manualmente sin usar el selector, introducimos valores del 0 al 255 en la R la G y la B (ya sabéis, Red, green y blue) o introduciendo valores de 0 a 100 en la C, la M, la Y y la K. Otra manera de crear colores es en forma hexadecimal, que es el numero que se encuentra junto a “#”. Siguen esta estructura: #RRGGBB , cada letra toma un valor de 16 posibles, que son (de menor a mayor) 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E y F. A lo largo del curso usaremos mucho esta opción, en los ejercicios, para definir un color determinado.

1.6 Me he confundido, ¿cómo puedo borrar?

He dejado esta parte para el final, porque ahora es cuando vais a querer borrar algo Hay varias formas de hacerlo, pero ahora utilizaremos una que nos servirá para practicar con las selecciones. Con el color de fondo blanco, seleccionamos lo que queremos borrar y pulsamos Supr.

También podemos deshacer y rehacer pasos igual que ocurre con otras aplicaciones tales como Word ^^ Para deshacer pulsamos ctrl. + alt + z y para rehacer Shift + ctrl. + z

1.7      Rellenar con color/degradado

Otra forma de rellenar con un color plano es usar atajos de teclado. Para rellenar con el color frontal usaremos la siguiente combinación: Alt + Retroceso. Para rellenar con el color de fondo: ctrl. + Retroceso.

Para rellenar con un degradado:

Lo primero de todo seleccionar la herramienta degradado El primer degradado que veis, el blanco y negro, se forma a partir del color frontal (negro) y el de fondo (blanco). Si cambiáis esos colores cambia el degradado (antes de aplicarlo).

Se pueden crear más degradados aparte de los que se muestran por defecto, pero de eso nos ocupamos más adelante.

Una vez seleccionada la herramienta elegimos el tipo de degradado haciendo clic en él y elegimos una de las opciones que están a la derecha: degradado lineal, degradado radial, degradado de ángulo y degradado de diamante respectivamente. Para aplicarlos simplemente hacemos clic y arrastramos hasta que línea que indica la dirección y el tamaño sea de nuestro agrado.

1.8 Ejercicio

Empleando todo lo anterior, tenéis que hacer ésta imagen:

Es una imagen de 800x600. Se usan los colores #ff0000 , #000000. El primer rectangulo es a gusto de cada uno, el 2º es un cuadrado, el tercero un rectángulo de 60x25 pixeles. En cuarto lugar tenemos una elipse cualquiera, en 5º un círculo y en 6º una elipse que sigue esta proporción: 60x25 pixeles. En 7º lugar nos encontramos una forma que tenéis que crear lo más parecida posible y rellenar con un degradado lineal. Idem con la última forma, pero el degradado es de diamante.

 * Para guardar lo que hemos hecho y poder mandármelo, vamos al menú Edición> Guardar Como... Se abre una ventanita en la que el tipo de archivo por defecto es .psd, pero nosotros lo cambiamos a .gif. Le ponemos el nombre "Leccion 1" y guardamos.

---

aprecio tu trabajo lili  ,y te admiro pero  tengo un millon de preguntas como de nobato por defecto XD¡¡
pero espero aprender de ti   me acepta como dicipulo , prometo no scarle canas verdes  

1. en cuanto tiempo puedo dejar de ser un probre novato , y pasar ser como o mejores que el maestr@