Mas Photoshop

Con Photoshop podrá:

• Crear imágenes para la Web y optimizar su calidad y el tiempo de descarga.
• Crear separaciones de color listas para mandar a la imprenta, para libros revistas.
• Escanear un dibujo original.
• Crear un dibujo que parezca hecho a mano.
• Editar imágenes capturadas con una cámara digital.
• Editar vídeo digital, fotograma a fotograma.
• Añadir texto a fotografías y dibujos.
• Crear animaciones e imágenes interactivas (rollover) para la Web.

Pero hay una serie de tareas que no hace tan bien como cabría esperar. Por ejemplo, para diseñar composiciones gráficas conviene utilizar aplicaciones especialmente diseñadas para ello, como puede ser CorelDRAW o Illustrator. Por ejemplo, utilizaremos cualquiera de estas dos aplicaciones para:
• Crear dibujos vectoriales (como logotipos) que se componen de un único color y un contorno. Es el clásico ejemplo de un dibujo donde lo único que tendremos que hacer será modificar su tamaño para adaptarlo a cada necesidad (figura 1.6).
• Esquemas y otras creaciones gráficas donde sea muy importante la clara definición de los bordes.
• Documentos que se vayan a publicar en libros, folletos, panfletos y similares (aunque puede utilizar Photoshop para crear su parte gráfica).
• Gráficos, diagramas, tablas o diapositivas.
• Animaciones o vídeo digital, como dibujos animados o películas.

Cambiar el color a un coche utilizando la pluma para seleccionar la carrocería.



Mirar que las opciones sean las correctas, como se indican en la imagen de abajo.



Seleccionar la carrocería del coche, para ello podemos ampliar la imagen.




Una vez tengamos la carrocería del coche marcadas con la pluma. Vamos a seleccionar todas las partes del coche que NO queremos cambiar de color. Como los cristales, las luces ...

Adaptaremos la línea de la pluma a nuestro coche. Para eso seleccionamos nuestro Convert Point Tool o la herramienta convertir punto de ancla.

Adaptaremos las líneas a nuestro coche. Para mover un punto de selección del la línea de la pluma, dejamos presionado la tecla CTRL y con el ratón lo movemos, si necesitamos eliminar algún punto, seleccionamos el Eliminar Punto de Anchor en el menú de la pluma y después al hacer click en el punto se borrará, lo mismo para agregar.


Una vez que tengamos todas las lineas de la pluma adaptadas al coche,con la pluma seleccionada hacemos click con el botón derecho sobre la imagen y seleccionamos MAKE SELECTION o CREAR SELECCIÓN si tienes el photoshop en español. Y automáticamente se seleccionará todo el coche como en la imagen.




Ahora una vez este seleccionado el coche,apretamos las teclas CTRL+U y nos aparecerá una ventana en el photoshop. Hay 3 barras que se pueden mover, si vamos moviendo las barras podemos cambiarle el color a la parte que hemos seleccionado, una vez tengamos el color deseado, cerramos esa ventana y presionamos CTRL+D.

Abrir la primera imagen, seleccionarla completamente (CTRL+A) y copiarla al Portapapeles (CTRL+C).




Abrir la segunda imagen. Es preferible que por cuestiones de facilidad, ambas imágenes sean de igual tamaño, aunque el truco funcione correctamente con imágenes de distintos tamaños, siempre fundiendo la imagen más pequeña sobre la más grande.




Click en el botón de Máscara Rápida, o presionamos la Tecla Q. Elegimos los colores predeterminados (Tecla D) y luego tomamos la herramienta de degradado y la aplicamos de izquierda a derecha. Como estamos en el modo de máscara rápida, el color blanco se verá transparente y el color negro se verá rojo. Mientras más roja se vea la imagen, menos se verá la otra imagen a través de la primera.
Volvemos al modo normal y veremos un cuadro de selección que cubre aproximadamente la mitad de la imagen. Ahora simplemente pegamos la primera imagen usando Edit/Paste Into (SHIFT+CTRL+V). Al hacer esto la primer imagen se pega sobre la primera produciendo el efecto de transición entre una y otra.

En este tutorial veremos cómo aplicar máscaras a nuestras capas en Photoshop de una manera muy simple.

Primero crearemos un nuevo documento (file->new) del tamaño que deseemos y con fondo transparente, luego pintamos el fondo del color o degradado que queramos el fondo del primera capa, en este caso usaré un degradado. En un nueva capa insertamos una imagen la que le aplicaremos la máscara, por ejemplo:

Como ayuda les muestro como debería estar su ventana de capas (layers) .

Luego aplicamos dicha máscara a la capa 2 , para lograr esto presionamos en el botón "Añadir máscara de capa" o "Add layer mask" si tenemos la versión en inglés .

Ahora podremos observar un recuadro blanco al lado de la imagen que por defecto aparece blanco, lo que quiere decir que la imagen no tiene ninguna parte "enmascarada" u oculta. Las partes negras de la máscara son las partes ocultas de la misma.
Presiona sobre la capa
Rellenamos de color negro la capa, te darás cuenta que la imagen ya no se verá (solo se ve el color de fondo). Seleccionamos la herramienta Borrador 5 y la forma del mismo o el brush.

Lo siguiente es borrar parte de la capa, al hacer esto veremos como va apareciendo la imagen por los lugares que borramos.



Efecto sombra paralela y resplandor exterior


Bisel relieve

Abrimos la imagen. Lo mas recomendable es que duplicamos la capa de fondo
Toma un pincel de bordes suaves acorde al tamaño de tu imagen.


Presiona la letra “Q” para entrar en Modo Mascara Rápida (quick mask mode). Marca toda el área cubierta por el cabello, si tienes problemas y te pasas en algún ligar usar el borrador para corregir.

Empieza por los bordes como vemos arriba y termina rellenando como vemos a continuación:


Presiona nuevamente la letra “Q” para salir del modo mascara rápida.

Con esto resulta una selección alrededor del cabello, pero lo que necesitamos es la selección en el cabello, por lo que hay que invertir la selección: Selección > Invertir (Select > Inverse)


Ahora hay que teñir el área de la selección. Esto lo hacemos con una capa de relleno. Capa > Nueva Capa de Relleno > Color Sólido (layer > New Fill Layer > Solid Color) Nos aparecerá un cuadro con las propiedades básicas de la nueva capa de relleno, de aquí cambiamos el modo de Normal a Luz Suave (Soft Light) y cuando sean necesario se puede cambiar el nombre de la capa. Damos clic en aceptar.

A continuación aparece el selector de color (color picker) y desde ahí tomamos distintos colores y podemos ver como va cambiando el color del cabello.



Selecciona el que mas te agrade y listo.
Algunos ejemplos a continuación

Abre un nuevo documento y con la herramienta de crear formas haces la forma que más te guste, en este caso, un corazón. Estilo he puesto sin estilo.



Manteniendo la capa activada, rasterizas la capa, de este modo:



Buscas la imagen que quieres meter dentro de la forma, y la abres en Photoshop. La seleccionas toda y le das a copiar:



Ahora vas al corazón, seleccionas el corazón, y le das a pegar dentro. Se te pegará lo que has seleccionado en la foto. Si ves que no se ajusta enteramente a la forma, vas a edición - transformación libre - y con los tiradores la ajustas al gusto.

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.
barra de menúsEn 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.

El siguiente menú es el que contiene los filtros de Photoshop. Los filtros son pequeños programas desarrollados por Adobe Systems y otros desarrolladores de software en colaboración con Adobe Systems que sirven para añadir funciones a Photoshop. Los filtros que incorpora Adobe Photoshop están agrupados en 14 submenús. Además, los filtros instalados de otros fabricantes aparecen en la parte inferior del menú Filtro. Existen filtros artísticos, de desenfoque, de distorsión, etc. El menú Vista contiene los controles que determinan la visualización o 'zoom' de las imágenes y los que controlan los elementos de organización, como guías, reglas o cuadrículas. Desde el menú Ventana podrás mostrar u ocultar las paletas de Photoshop. Finalmente, el menú Ayuda contiene un magnífico tutorial y ayuda en línea a través del sitio web de Adobe.

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.

1. Hacer la figura o texto al que le queramos aplicar un borde en una capa independiente, ya que la herramienta de contornear traza líneas por los bordes de las capas.
2. Ahora vamos al menú edición/contornear edit/stroke , y nos aparece un cuadro como el de la izquierda, en la zona que dice anchura definimos el grosor de la línea de contorno.
El color del contorno es el que tengamos seleccionado como color frontal. photoshop


3. Una vez que oprimimos el sobre el botón OK el borde aparece alrededor de la capa, este tutorial es bueno para contornear textos que necesiten ser resaltados, o que tengan mal contraste con el color de fondo.

En las últimas versiones de Adobe Photoshop , no es necesario usar ImageReady ya que el mismo Photoshop incluye la Herramienta de Corte (Slice Tool). Este tutorial contiene las capturas de Adobe Photoshop CS3 , pero con leves cambios se puede realizar lo mismo en Photoshop CS y CS2 .

Luego de abrir el archivo, vamos seleccionar la Herramienta de Corte (Slice Tool), para poder seleccionar cada uno de los elementos gráficos del diseño.


De esta forma es que le indicamos a Photoshop CS3 como dividir el diseño para obtener pequeñas imágenes que se insertaran en el HTML de nuestra Web.

La forma de trabajo es sencilla, vamos a marcar los elementos como el logo, la zona de banners, el menú, etc. de cada parte y realizar el Corte arrastrando el ratón con la herramienta Corte (Slice Tool), como muestra la imágen.

Con paciencia y de la misma forma, vamos a ir cortando todos los elementos hasta que quede como se muestra en la siguiente imágen.


Con esto que hemos hecho ya podemos llevar nuestro diseño a Dreamweaver CS3 (o una versión anterior u otro editor si lo prefieren), para Guardar el HTML debemos hacer lo siguiente:

Archivo, Guardar para Webs y Dispositivos




Luego debemos seleccionar la solapa de Optimización (Optimized), donde veremos nuestro diseño con los cortes, y presionamos en el botón Guardar (Save)


En esa nueva pantalla vamos a asegurarnos y controlar estos 5 puntos:


1. El nombre del archivo HTML, en este caso le di: index.html
2. Tipo de archivos que guardaremos: HTML y las Imágenes
3. Seteos Personalizados (Custom)
4. Cortes Todos (All Slices)
5. Presionamos Guardar (Save)

Listo !!, con esto tenemos nuestra pagina Web cortada y lista para trabajarla en Dreamweaver CS3 (u otra versión u otro editor HTML).

En este truco vamos a explicaros como modificar una tipografía ya creada con Photoshop,este truco de Photoshop nos será muy útil cuando por diseño,necesitemos modificar alguna parte de la fuente.
A continuacion tendremos que convertir la Capa Texto en una Capa de forma, para ello iremos al menu Capa - Texto - Convertir en Forma.

Una vez convertida la Capa Texto a Forma seleccionaremos la Herramienta de selección directa ( A ) imagen posteada por el usuario ,con esta herramienta podremos mover los puntos o nodos de nuestra forma, de manera que según los vayamos modificando los huecos se irán rellenando solos.

Podemos editar un texto desde su capa y en
Menú - Ventana - Carácter
Se abrirá la paleta de Carácter y aquí podremos editar las opciones del texto.

Convertir una cara en dark utilizando texturas.


El video tutorial es en inglés.

Poniendo texturas a una cara.

1. Para empezar hay que crear un documento nuevo en RGB. Lo primero que necesitamos es una selección circular, por lo tanto, creá un nuevo layer (o capa) en Layer/New/Layer... y presionando ENTER o presionando el ícono de nuevo layer. Con la selección circular y presionando SHIFT creá la selección...

2.Ahora que tenemos lista la selección tenemos que setear correctamente el gradiente. Haciendo doble click en la herramienta Gradiente. Esto debe hacer visible la ventana de opciones de esta herramienta, nos fijamos de cambiar el tipo de degradado de Linear a Radial y hacemos entonces click en el botón Edit...
Aquí se pueden elegir varios estilos de degradados, pero recomiendo elegir uno que incluya 3 colores y modificarlo para que los colores de los costados sean blanco. Luego, el color del ¿Ven esas flechitas con forma de diamante? Hay que correrlas hacia los costados para que queden como en el ejemplo.

3.Ahora todo está configurado correctamente. Presioná OK para salir de esta ventana. Listo, ahora solo queda ir al layer del círculo y arrastrar la herramienta gradiente desde la parte superior izquerda hasta abajo a la derecha. Es posible que tome un tiempo hasta que encuentres la forma adecuada de aplicar el gradiente, no olvidar que con Ctrl+Z se deshace el último cambio. También es factible que tengan que arrastrar la herramienta un poco más llá del contorno de la selección, pero eso se ve con la práctica.

4.Todavía un poco más. Si se quiere darle un efecto un poco más 3D, recomiendo que le apliquen una sombra a la esfera. Si no estás familiarizado con ellas, recomiendo que veas el Tutorial sobre Sombras, que explica como aplicarlas...