Mas 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.
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.