Concepto Pixel

Aprender a usar Photoshop en 10 Minutos

Publicado en 03. Ago, 2009 por Luis Lopez Garay in Tutoriales Photoshop

Queridos lectores del alma (?) hoy vengo a hacer servicio a la comunidad aprendiz, este post tiene como objetivo hacer que los nuevos en esto de la edición fotográfica y diseño se familiaricen con este maravilloso programa, comenzamos de inmediato.

Nota: El programa que usare será Adobe Photoshop CS4, este manual esta hecho suponiendo que ustedes tengan ya instalada una versión de Adobe Photoshop en su computadora, si no es así anda a conseguir una que no es tan difícil.

Minuto 1 – Identificando las áreas

Abriendo por primera vez photoshop nos encontramos con un una pantalla así:

Lienzo: Es el área definida para hacer nuestro trabajo, todo lo que se pase de esa área no será vista en el archivo guardado (jpg, png, gif). Aquí se ve prácticamente el contenido de las capas.

Barra de Herramientas: Es la clave del trabajo aquí disponemos de lo necesario para seleccionar, cortar, remover, borrar, pintar con pinceles, hacer trazos, cambiar colores y mas.

Menús: Aquí veremos varias cosas útiles como Filtros y el clásico “Archivo” que nos permite guardar, abrir, cerrar, exportar, colocar y muchas cosas mas.

Documentos en pestañas: Photoshop CS4 tiene la particularidad de colocar nuestros documentos abiertos en pestañas para facilitarnos la navegación, incluye una “X” para cerrar.

Barras de desplazamiento: si el documento es demasiado grande o nos da por aumentar el zoom con el navegador o la herramienta zoom, nos permite desplazarnos por el lienzo.

Ventanas independientes y grupos de ventanas: Un grupo de ventanas es un panel que puede ser colocado arriba, abajo o a los lados pegados unos a los otros y contienen ventanas individuales (agrupables en pestañas) que pueden ser reordenadas y cambiarles el tamaño.

Barra de herramientas (superior): es la que esta abajo de la barra de menús, y aquí suele aparecer herramientas de configuración útiles dependiendo la herramienta que tengamos seleccionada.

Minuto 2 – Creamos un nuevo documento

Creamos un nuevo documento dirigiéndonos a Archivo > Nuevo (File > New).

Name: Aquí ponemos en nombre de nuestro documento

Preset: Son medidas ya pre-establecidas (puedes crear las tuyas)

Width: El ancho de nuestro documento

Height: La altura de nuestro documento

Resolution: Aquí ponemos la resolución, es ideal dejar los 72 dpi (dots per inch)

Color Mode: Podemos decidir si nuestro color es CYMK o RGB y a cuanta intensidad.

Background Contents: Transparente si quieres que se vea como un tablero de ajedrez gris y que todo lo que coloques se vea sin ningún fondo (puedes agregar un fondo). También puede servir si quieres crear documentos o imágenes con transparencias (PNG). White (Blanco) o Color si quieres iniciar con un color de lienzo establecido.

Lo demás no lo toques si no sabes (perfil de color de tu monitor y el aspect ratio). Después de darle click en OK (Aceptar) podremos ver nuestro lienzo listo para el siguiente minuto.

Minuto 3  a 5 – Jugando con las herramientas

En este minuto daremos rienda suelta a nuestra creatividad usando solamente la barra y menú de herramientas, vamos ahi!, primero probaremos la herramienta pincel.

Como pueden ver seleccionamos la herramienta pincel y en el menú de herramientas hay muchos controles para manipularlas, Photoshop trae por defecto 11 o 10 pinceles entre ellos efectos, círculos sólidos y círculos con difuminacion radial. Al tomar un pincel podemos arrastrar el mouse sobre el lienzo y veremos como vamos pintando en el área con diversión.

La herramienta Clone Stamp sirve para clonar un área definida por un click en otra área de la misma capa, primero seleccionamos la herramienta Clone Stamp (J) y damos Alt+Click al área de clonación, luego soltamos y en otra área hacemos como si estuviéramos pintando y veremos que el área definida por el click se empieza a duplicar.

El conjunto de herramientas Smudge, Sharpen, Blur (Dedo, Enfoque, Desenfoque) nos permite manipular una capa/imagen. Enfocar hace que los pixeles tengan algo mas de definición, pero su uso excesivo puede resultar en una pixelizacion fea, esta herramienta sirve para destacar ciertos elementos o dar mas definición. Por lo contrario la herramienta Blur (desenfoque) lo que permite es hacer que los elementos pierdan definición o se difuminen (pierdan), esto nos puede servir mas que nada a los fotógrafos para añadir profundidad y destacar solo elementos importantes, justo como en las películas cuando en una escena se nota mas al personaje principal que al fondo, pareciendo que se pierde detrás. Por otro lado tenemos a la herramienta Smudge (Dedo) que lo que hace es desplazar un grupo de pixeles de acuerdo al radio elegido hacia el lado que nosotros arrastremos el mouse, en la imagen se ve así porque como pincel de desplazamiento elegí unos estilo “Spatter o Salpicadura”.

Tenemos en otra instancia a las herramientas Exponer, Quemar y Esponja. Lo que hace la herramienta exponer es sobresaltar con iluminaciones o aumentar el brillo de un color, lo que hace la herramienta Quemar es obscurecer áreas, como vemos parece que la pobre chica hubiera ido a Cancún a asolearse por 10 horas . Y finalmente tenemos la esponja que satura el color.

Por ultimo las herramientas que me gustaría revisar son las mas usadas, hablo de la herramienta Pluma (Pen Tool) que es útil y fácil de usar, solo tienes que pulsarla y seleccionar si quieres trazo o forma, luego dar click en un punto, dar click en otro y mientras lo mantienes curvear la forma (o dejarla recta), una vez que el punto o vector final se encuentra con el inicial se considera una forma cerrada (trazo cerrado) y puede ser contorneado o rellenado, y si no esta cerrado se puede contornear pero el relleno (si lo usas se vera cortado). El tipo de contorno que usa la Pen Tool es el mismo que lo que tengas en pinceles y el tamaño también. Por otro lado tenemos a la clásica herramienta de Texto que es usada muchas veces para logos o diseños tipográficos, solo tienes que pulsarla y dar click en donde quieras escribir, en el menú herramientas sale la fuente que quieras elegir, el tamaño y color, modo de párrafo, estilo de renderizacion (suave, fuerte, enfocado) así como su transformación (opcional). Por ultimo tenemos a las figuras geométricas y formas, con esto podemos crear formas o figuras geométricas como polígonos y cuadrados de cualquier tipo y color, y la selección de nodos (Path Selection Tool) permite editar los nodos, muy útil en transformaciones.

No nos olvidemos del color:

Minuto 5 a 8: Familiarizándose con los paneles

En total si mal no miento hay 23 ventanas individuales y 3posibles paneles (abajo del lienzo, a la derecha del lienzo y a la izquierda del lienzo). Vámonos a aprender para que sirve cada uno de esas ventanas.

3D: Esta ventana se muestra depende de la versión de Photoshop, sirve para editar las propiedades de una capa 3D (solo luce bien con tarjeta de gráficos acelerada al 3D).

Acciones: Las acciones como bien lo dice, son procedimientos (como algoritmos) o series ordenadas de pasos que sirven para llegar a un fin especial, por ejemplo, nos descargamos una acción de internet que permita editar el color de una fotografía y mejorar su calidad, al ejecutar (Boton Play) una acción se empiezan los pasos y al terminar se notan los resultados.

Ajustes: Los ajustes son modificaciones al color y la iluminación de nuestra imagen, podemos cambiar los niveles de saturación, los niveles de contraste, cambio de color, mapas de degradado, curvas y mucho mas.

Animación: La leyenda cuenta que con ese panel se puede crear una animación usando las capas como si fueran fotogramas pero yo nunca pude, hay tutoriales sobre eso.

Pinceles: Este panel sirve mas que nada para editar la forma con la que un pincel será plasmado en el lienzo, aquí podemos cambiar la forma del pincel con ajustar ciertos valores.

Canales: Sirve para cambiar el canal de color. RGB o solo R, G o B.

Character: Si bien creias que la barra de herramientas era lo unico con lo que podias trabajar tipografias, pues este panel sirve para controlar mejor nuestras letras.

Atencion, apartir de aqui mencionare solo los mas importantes, si quieres averiguar para que son los otros, investiga mas a fondo.

Historial: Con este panel podremos “Retroceder en el tiempo” o “Avanzar en el tiempo” según lo que vayamos haciendo con nuestro lienzo. Solo selecciona la acción y volverás a ella.

Navegador: Este es como un explorador del lienzo, también sirve para hacer zoom.

Estilos: Un estilo de capa se vera mas adelante que es, aquí se muestran los estilos que tengamos guardados para su fácil aplicación en capas, ideal para olvidadizos y ahorradores de tiempo.

Ahora veremos una visión rápida a las capas

Bien es conocido que una de las ventajas de Photoshop, Gimp y Paint.Net es la utilización de un sistema llamado “Layers” o Capas, esto significa que podemos poner una imagen/objeto sobre otro en e panel de capas, es como dicen muchos sitios de diseño, como tener infinitos papeles cebolla transparentes donde podemos colocar lo que queramos y visto desde arriba se aprecia un diseño único y uniforme.

Vamos por partes: En primer lugar tenemos una lista desplegable que nos muestra los 25 modos de fusión disponibles para nuestras capas. Al lado tenemos la opacidad que es simplemente el nivel de opaco que es una capa, entre menos alto es el valor mas transparente se vuelve (0=desaparece, 100=se ve al 100%). Abajito de eso tenemos el relleno, es lo mismo que la opacidad pero en cuestión es otro valor aparte, suele ser usado para formas con borde.

Los cuadros que están en “Lock:” sirven para “Bloquear” una capa o elementos de estos; de derecha a izquierda tenemos: Bloqueo de Capas Absoluto, Bloqueo de Movimiento (evita mover una capa), Bloqueo de edición (evita cambiar pixeles o edición) y Bloqueo de Transparencia.

Ahora tenemos las distintas capas en orden (las mas arriba, las que están en la cima, y las de abajo, las que están en el fondo). El ojito que aparece a la izquierda es solo para ocultar/mostrar la capa y el icono de derecha indica si hay algún bloqueo.

Y finalmente en la parte de abajo se encuentra: Enlazar capas, Opciones de fusión, Capas de ajuste, Crear grupos (para meter muchas capas en una carpeta), Nueva capa, y Borrar.

Hablemos ahora de los modos de fusión, como explicación básica usare un texto:

<VIDEO>

No podía faltar las capas de ajuste, estas son simplemente para cambiar colores, brillo, contraste, iluminación, saturación, degradados sobrepuestos, en fin, muchas cosas.

Minuto 8-10+ – Explorando los menús

Ahora nos toca la parte mas maravillosa de todas, explorar por nuestra cuenta los menús que vienen en photoshop y ver para que sirven, vamos por partes:

Archivo (File): Aquí podemos hacer operaciones básicas como abrir un documento, crear un nuevo documento, abrir documentos recientes, cerrar documentos, guardar documentos (como PSD o como JPEG/PNG/GIF etc…), colocar imágenes, importar y exportar, imprimir y salir.

Edición (Edit): Este es el mágico menú donde podemos transformar nuestras capas, entre las posibilidades están: Deshacer y rehacer acciones, cortar copiar y pegar, rellenar, contornear, transformar (tamaño, perspectiva, punto central, rotar etc…), crear motivos y ver las preferencias del photoshop entre otras cositas mas.

Imagen (Image): En este podemos cambiar el canal de colores, aplicar capas de ajustes a una sola capa, rotación de la imagen, tamaño del lienzo, duplicar imagen, aplicar imagen y mas.

Capa (Layer): El menú donde controlamos lo que pasa con nuestras capas, podemos cambiar estilos, duplicar, rellenar, rasterizar, crear mascaras, convertir a objeto y mas cosas.

Todos los demás son de fácil aprendizaje o poca utilidad, iras aprendiendo para que sirven si exploras bien, no puedo quedarme sin mostrar el menú filtros.

El menú filtros es bastante útil si queremos aplicar algunos efectos cool o necesarios a nuestras imágenes, les mostrare una captura de este panel que aparece en el menú.

Hemos terminado, si quieres descubrir mas sobre photoshop te recomiendo que leas tutoriales, así iras aprendiendo a utilizar mejor las herramientas, por aquí solemos poner buenos tutoriales, pero tengan paciencia el blog es relativamente nuevo. Deja tu comentario si tienes algo que decir.

Entradas Relacionadas:

1. Wallpaper Tipografico rapido y facil en Photoshop
2. Aprende a Usar Adobe Flash como en el Kinder
3. Crear un texto colorido neon en Photoshop
4. Crear una Explosión Mental con Photoshop
5. Crear una X estilo leopard con Photoshop