Lo mas basico para usar Photoshop

Acciones (otra manera) en Photoshop

1. Supongamos que tenemos un botón para exportar a gif, lo normal sería ir a archivo/exportar/gif98

file/export/gif98 poner OK y luego cerrar la imagen. Una tarea repetitiva y que sería mucho más fácil si pudieramos hacerla presionando simplemente

1 tecla.

2. La magia del photoshop a nuestro servicio… Primero nos aseguramos de tener la paleta de acciones visible, para eso vamos a ventana/mostrar acciones window/show actions , debería verse como la imagen de la izquierda.

3. Para crear una nueva acción hacemos un click con el boton izquierdo del mouse en la pequeña hojita blanca.

4. Aparece un cuadro donde debemos introducir el Nombre Name , y los más importante la Tecla de función Function Key , en este caso F3, lo demás dejarlo como aparece por defecto. Pulsar en Grabación Record

5. Ahora nos encontramos “grabando la acción”, todos los comandos que efectuemos en photoshop quedarán grabados aquí. Este es el momento de ir a

archivo/exportar/gif98a file/export/gif98 , exportar y después cerrarla la imagen sin guardarla.

6. A continuación pulsamos el botón cuadrado para detener la grabación.

7. La acción está terminada, pero hay que hacerle algunas modificaciones. Primero hacer un click en la pequeña flecha gris que está a la izquierda del nombre de la acción. Se despliega la lista de comandos que grabamos en la acción. Como se ve en la imagen, a la izquierda de cada comando hay un cuadrito. Si lo marcamos haciéndole un click, cuando se lleve a cabo esa operación no pedirá que configuremos los parámetros para ese comando. En este caso debemos marcar el comando exportar, para que nos pida el nombre del gif, ya que sino guardaria todos los gifs con el nombre que usamos mientras garbabamos la acción.

8. Luces, cámara, ACCION! , a partir de ahora cada vez que pulsemos la tecla F3 la imagen que estemos trabajando se exportará a gif y luego se cerrará.

Acciones en Photoshop

Si alguna vez has tenido que repetir los mismos pasos una y otra vez, ¿que tal si reducimos todo eso a un simple click?

Selecciona la pestaña de Actions (Acciones) si no la tienes ve a Window> Show Actions y presiona sobre el boton ( photoshop) en la parte inferior para crear una nueva acción y se

abrira una ventana.

Name: Es el nombre que llevara la acción.
Set: El directorio en donde se encontrara.
Function Key: Puedes asignarle que se active dependiento el conjunto de teclas por ejemplo Shift + F2.
Color: Podrás asignarle color para diferenciarlas.

Al terminar presiona Record y empezará a grabar los pasos para tu acción. Esto lo que hara es almacenar todos los pasos con las espeficaciones que tu hagas asi la podrás repetir todas las veces que quieras.

Puedes crear acciones para modificar imagenes, cambiarles de tamaño, grabarlas en cierto formato o todas al mismo tiempo, al terminar tus pasos presiona ( stop) para terminar de grabar y para aplicarla presiona ( play).

Ajuste de Niveles con Photoshop

Usando el Ajuste de Niveles Podemos designar los pixeles mas claros y mas oscuros en una imagen, y haciendo esto photoshop es capaz deresaltar estos valores de píxel y los valores existentes entre estos dos puntos. Esto normalmente resulta en una imagen con un contraste mas adecuado.

Hay tres maneras principales de usar el Ajuste de Niveles:

1.- Esta opción se usa cuando puedes identificar el punto mas claro, oscuro y/o el medio tono gris de una imagen. Se hace de la siguiente manera:

Imagen > Ajustar > Niveles o presiona Ctrl. + Intro

Con esto abres el cuadro de dialogo de los niveles, donde aparece el Histograma que es una representación gráfica de los tonos en la imagen.

Toma el cuentagotas blanco que se ubica abajo a la derecha del cuadro de niveles y con este Toca el punto mas blanco de la imagen, esto provoca un reajuste en los tonos, pues has asignado manualmente a Photoshop que tome ese como el punto mas blanco de la imagen.

Presiona Aceptar.

Algunas veces basta con reasignar un solo punto, sin embargo por lo general hay que hacerlo con al menos dos, como son el blanco y el negro. De la misma manera se reasignan los puntos negro y medio tono gris.

2.- Cuando no se es capaz de identificar el punto mas claro o el mas oscuro en tu imagen usa esta técnica.

Mueve los deslizadores de los extremos hacia el centro para encontrarlos con los extremos del histograma.

Mueve el deslizador del centro a la izquierda o derecha según sean tus necesidades para aumentar el contraste de la imagen.

Presiona Aceptar.

3.- La forma mas simple y por muchos la mas usada es el Ajuste Automático de Niveles. En este es el mismo photoshop quien decide los que deben ser corregidos u normalmente funciona bien, en especial para imágenes que serán publicadas en internet. Solo basta con abrir el cuadro de dialogo de Niveles y presionar el botón Auto y listo, photoshop te genera de inmediato sus interpretación de lo que es una imagen corregida.

Pero si esta no te gusta puedes presionar antes el botón de Opciones y ver las otras posibilidades que tiene photoshop de interpretar automáticamente la corrección mas adecuada.

Presiona Aceptar.

Hay muchas opciones mas en la aplicación de los niveles, las cuales se aplican constantemente en el trabajo cotidiano con photoshop. En muchos de los tutoriales de SoloPhotoshop encontraras estas opciones de aplicación. Lo mas Importante siempre es practicar constantemente.

Área de Trabajo en Photoshop

Photoshop pasa por ser uno de los programas informáticos con un área de trabajo más lógica y ordenada. Las nuevas paletas o la barra e opciones que incorpora la nueva versión no han hecho sino aumentar este prestigio.

La barra de menús
En los nueve menús se encuentran todos los comandos que nos permitirán trabajar con Photoshop. Respecto a las versiones

anteriores, destaca el aumento considerable de opciones del menú Capa y un menú Ayuda más completo, sobre todo por la integración de la ayuda en línea.

En líneas generales el menú Archivo posee los comandos relacionados con la gestión del archivo, tales como Abrir, Guardar, Cerrar, Importar o Exportar. El menú Edición alberga los comandos comunes de edición, como Copia, Cortar, Pegar, Deshacer y Rehacer. Además, en él se insertan las diferentes opciones de transformación de una imagen o una capa y los ajustes y

preferencias del programa. En el menú Imagen, encontrarás los controles que determinan la imagen, tales como el modo de color, los ajustes de color y el tamaño de imagen. El menú Capa, que ya hemos dicho que ha sido ampliado sobre manera, alberga las opciones de capa, algunas de las cuales se encuentran también en la Paleta Capas. Desde el menú Selección podrás controlar cualquier selección realizada anteriormente, como Invertir, Suavizar o Calar.

La barra de estado

La barra de estado, situada en la parte inferior de la ventana, muestra información útil, como el nivel de zoom actual y el tamaño del archivo de la imagen actual, e información breve acerca del uso de la herramienta que tienes seleccionada.

Barra de opciones en Photoshop

La barra de opciones es un elemento nuevo de Photoshop 6. La mayoría de las herramientas cuentan con opciones que aparecen en esta barra horizontal. La barra de opciones es sensible al contexto y cambia según la herramienta que se tenga seleccionada.

Partes de la barra de opciones

La barra de opciones de Photoshop posee dos partes diferenciadas. Por un lado, están las opciones referentes a cada herramienta. Mira por ejemplo, las opciones que, sobre la herramienta Pluma, ofrece el programa.

Como podrás deducir, la barra de opciones amplia enormemente las posibilidades de Photoshop, y convierten a éste en un programa muy completo.

La otra parte de la barra de opciones es un ‘contenedor de paletas’. Se encuentra en la parte derecha de la barra y en él se pueden acoplar las paletas de Photoshop, como Historia, Acciones o Capas, ofreciendo acceso rápido a ellas. El contenedor de paletas sólo está disponible si se usa una resolución de pantalla superior a 800 x 600 píxeles (se recomienda una configuración mínima de 1024 x 768).

Para insertar una paleta en este contenedor de la barra de opciones, arrastra la ficha de la paleta deseada hasta esta zona y suelta encima de ella.

Movilidad de la barra de opciones
Puedes mover la barra de opciones a cualquier lugar del área de trabajo. Además, puedes acoplarla en la parte superior o inferior de la pantalla, dependiendo de tus gustos. Para mover la barra de opciones, haz clic en la parte izquierda de ella y arrástrala hasta dejarla en la posición deseada.

Bordes en Photoshop

Crea cualquier texto que desees usando la herramienta ( photoshop) selecciona el texto manteniendo presionada la tecla Control mientra presionas la Capa (Layer) de texto que acabas de crear.

Expande la selección, Select> Modify> Expand , usa 3 pixeles selecciona otro color que desees o puedes usar el mismo .

Crea una nueva capa (Layer) Layer> New> Layer y crea un borde de un pixel, Edit> Stroke quita la selección Select> Deselect .

Puedes aplicar borde a cualquier objeto.

Bordes Redondeados en Photoshop

Esta es una de las varias formas que hay en Photoshop de dibujar formas geométricas con bordes redondeados.

1) Dibujamos la forma, en nuestro caso, un rectángulo.

2) Aplicamos un “desenfoque gaussiano” (Filtro> Desenfoque> Desenfoque Gaussiano) con un valor de 3 por ejemplo.

3) Por último, seleccionamos la herramienta “cubo de pintura” y seleccionando el color final que queramos para nuestra figura, la rellenamos del mismo para obtener nuestra figura con los bordes redondeados.

Modificando el valor de desenfoque gaussiano en el segundo paso, obtendremos bordes más o menos redondeados.

Calado en Photoshop

El calado es una propiedad de las selecciones que permite suavizar las esquinas del retángulo de selección, haciéndolas redondeadas.

En el cuadro de herramientas pulsamos la herramienta de selección, como se ve en la imagen, y en la barra de herramientas superior aparecer la opción calado, que está marcada en verde:

Por defecto vale 0 pero si le damos un valor, por ejemplo 30px, obtendremos:

Capas en Photoshop

1. Para crear una nueva capa elegimos la solapa de capas y hacemos click en la pequeña hoja de papel blanco que se encuentra en la zona inferior derecha, si no estuviera a la vista la solapa de capas vamos a ventana/mostrar capas window/show layers

2. Ahora vemos que aparece una nueva capa llamada capa 1 . Podemos cambiarle el nombre haciendo un click derecho donde dice capa 1 y eligiendo en el menu contextual opciones de capa layer properties , aparece una ventana donde podemos especificar el nuevo nombre. Una ves que lo insertamos hacemos click en el boton que dice OK .

3. En este paso yo cree dos capas a una le puse el nombre cuadrado y a la otra círculo .
En la capa cuadrado tenemos que dibujar un cuadrado.
Para esto primero hamos un click en el nombre de la capa para seleccionarla.
Tambén cree un círculo pero esta vez usando la capa círculo .
Como vemos en la imagen aparece una versión en escala de lo que dibujamos en cada capa, a la izquierda del nombre de la misma.

4. Con la herramienta mover podemos mover cada capa individualmente. Por ejemplo para mover el cuadrado seleccionamos la capa cuadrado , después ponemos el cursor encima del cuadrado y hacemos un click y mantenemos, ahora si movemos el mouse veremos como se desplaza.

Como la capa cuadrado esta por encima de la capa círculo al pasarla sobre esta el círculo queda tapado.

Círculos en Photoshop

1. Hacer click en el rectángulo de líneas punteadas de la barra de herramientas de la zona superior izquierda de la pantalla. Si dejamos apretado el botón se despliega otro menú, sin soltar el boton del mouse desplazamos el puntero hasta el círculo de líneas punteadas (si en vez de un círculo quisiéramos hacer un cuadrado elegir el cuadrado de líneas punteadas).

En el areá de dibujo hacemos click y lo dejamos apretado, desplazamos el mouse y veremos que aparece un óvalo de líneas punteadas, si apretamos la tecla Shift , el óvalo matendrá siempre la forma de un círculo perfecto.

2. Ahora nos queda rellenar ese círculo pero primero necesitamos algún color interesante, hacemos un click en la zona indicada en la barra de herramientas.

¡Guau!, aparece el selector de color, primero elegimos un color en la columna que parece un arcoiris haciendo click en ella, y después en el cuadro grande de la izquierda seleccionamos la opacidad, intensidad y brillo que queremos de ese color haciendo simplemente click en la parte que nos interese.
El color seleccionado aparece arriba a la derecha de la columna arcoiris, en este caso es un verde. Click en OK .

3. Ahora que tenemos el color elegido, hacemos click el el bote de pintura.

Vamos sobre el círculo de líneas punteadas y hacemos un click, veremos que se rellena del color que elegimos.

4. Por último, para quitar las feas líneas puntedas que indican la selección apretamos las teclas Ctrl+D .
Eso es todo amigos.

Colores Web en Photoshop

Si no estas familiarizado con “Web Safe Colors”, tendras que hacerte amigo antes de empezar a diseñar paginas web. Internet tiene su propia paleta de 216 colores.

photoshopAl escoger los colores para diseñar en el web, debes escoger colores que esten en la paleta “Web Safe Colors” puedes darte una idea con la imagen es el mismo azul uno en grafica y uno fue agregado al fondo de la pagina.

Para ver la paleta de Web Safe Colors, has doble click sobre el Foreground , en la barra de photoshop.

En la ventana que se abra “Color Picker” , en la esquina inferior izquierda marca la opción Only Web Colors , y mira como cambia la paleta, al estar seleccionada esta opción te mostrará colores adecuados para el web.

Aquí podemos ver la lista de colores web, o más conocidos como “web safe”. Si utilizamos estos colores en nuestra web podremos estar seguros de que se ven igual en cualquier navegador y en cualquier sistema operativo y dado que la web debe ser universal, se recomiendo utilizarlos.

Contornear en Photoshop

Usando las herramientas

o

de selección crea un cuadro o un circulo.

Selecciona el color que deseas para tu borde. El (Foreground) sera el color de encima Naranja y el (Background) sera el color que estara por debajo del Foreground Blanco .

Puedes seleccionar un color dando doble click sobre el foreground en la barra vertical de herramientas o con la opción swatches (Window> Show Swatches) .

Ahora ve a (Edit>Stroke) puedes añadir un borde hasta de 16 pixeles yo escogí 2 pixeles. Puedes seleccionar si desea tu borde (Inside=Adentro, Center=Centro, outside=Afuera) de tu selección, luego presiona (OK) .

Quita la selección presionando (Control + D) o (Select> Deselect) .

Puedes aplicar borde a cualquier objeto.

Corregir Inclinación en Photoshop

La siguiente imagen tiene una inclinación mucho muy obvia, ya sea porque el fotógrafo así la quiso, pues pensó que luciría mejor, quiso abarcar mas el arrollo o simplemente se movió.
Sin embargo se puede corregir de una manera muy sencilla con Photoshop. Las nubes serán nuestra guía; en ellas hemos trazado una línea roja que nos muestra el ángulo al que llevaremos a la imagen.

Ese mismo ángulo correcto que las nubes nos marcan lo tomaremos para medir la inclinación de la foto, para ello necesitamos tomar la Herramienta Measure .
La Siguiente Imagen te muestra como tomarla de la Barra de Herramientas.

Una vez activada, corres la medida haciendo clic en un costado, y sigue (sin soltar) hacia el opuesto emulando la inclinación de las nubes.
La imagen ejemplifica el acto.

Hecho esto, vamos a:
Image > Rotate Canvas > Arbitrary
Con esto automáticamente nos aparece el ángulo de corrección. En este caso es de 7.36 °CW .
Presiona Aceptar (Ok)

En la Imagen inferior podemos ver como ha crecido el área del documento y el ángulo que tenemos es el correcto.

Ahora sólo hay que cortar, obviamente con la Herramienta de Corte de Photoshop (Crop).

Activamos la casilla de Perspectiva . Y Ya sólo llevamos las esquinas fuera del área blanca de la imagen, formando nuevamente un rectángulo.

Puedes ver que esas esquinas fueron señaladas con un circulo rojo para que las aprecies mejor.
Finalmente Presionas Enter y Listo.

Y este es el resultado, aunque creo que no fui muy exacto, pues con las nubes mas cercanas el ángulo se ve correcto, pero con las del fondo de la imagen se nota un poco inclinada.