¿CÓMO CREAR UNA GALERIA DE FOTOS EN PHOTOSHOP PARA WEB?

Tweet Buenas diseñadores web por la red;

Si queréis hacer una presentación de imágenes con el programa photoshop, a continuación os comento como hacerlo de una forma fácil y sencilla.

Dentro del programa Photoshop, en el menú superior, pinchamos en el Icono de Adobe Brigde del paquete CS4, En el menu superior, pinchamos en SALIDA, y en el botón de Galería Web, podemos elegir la plantilla que queramos utilicizar, como por ejemplo, hacer una Galería HTML.

En la barra de la izquierda, seleccionamos la carpeta donde tenemos todas las fotografías que queremos poner en la presentación. Nos aparecerán, en la barra inferior, las seleccionamos todas y pinchamos en "actualizar previsualización"

Una vez hecha la galería, le damos a guardar en disco, nos guardará  una carpeta con el cógido html dentro de un fichero llamado index, también nos creará una javascript y  una carpeta con las imágenes, es decir todo bien ordenado para subirlo a tu servidor.

Espero que os haya quedado claro, si no dejar un comentario e intentaremos solucionarte las dudas.

¿CÓMO HACER UN GIF ANIMADO CON PHOTOSHOP?

Tweet Buenas diseñadores por la red;

Si queréis realizar un *.GIF animado con el programa photoshop, a continuación os explico de una forma muy sencilla como realizarlo:

Tenéis que prepararos el dibujo de photoshop entero con photoshop, clasificando cada elemento de la animación en una capa distinta.
Como ejemplo vamos a hacer  una animación  de una cuenta atrás con 3 números, Primero aparacerá el 3, luego el 2 y finalmente el 1. Un ejemplo fácil para que captéis la idea.

Una vez terminado el dibujo, Vamos al Menú, Ventana: Animación: Fijaros que arriba de la ventana de animación ponga "animación de cuadros".

Pinchamos sobre el botón,  de crear nuevo cuadro. En el primer cuadro seleccionaremos únicamente las capas que queramos que apararezcan, en nuestro ejemplo sería la capa que tiene dibujado el nº3.

Creamos otro nuevo cuadro, quitamos la selección de la capa del nº3 y seleccionamos la capa del nº2.

Hacemos el mismo paso con la capa del múmero 1.

En el menú de animación, pinchamos sobre "intercalar" para que inserte más cuadros inteermedios, para que el movimiento sea más suave.

Una vez realizada la animación, mos vamos a archivo, guardar para web y dispositivos. Tenemos que guardarlo como *.GIF.

¿CÓMO HACER UN ICONO FAVICON EN PHOTOSHOP?

Tweet

Buenas bloggeros por la red;

Os voy a explicar a continuación como hacer un icono personalizado para vuestra página web, así cuando  estés surfeandoxlared, tendréis vuestro icono en la barra de direcciones del navegador.

Primero creáis un fichero nuevo en Photoshop, (Ctrl + N), le indicáis  un tamaño de 50x50 píxeles, dibujáis vuestro icono, tambíen podéis ajustar una imagen a ese tamaño. Tener en cuenta que tiene que ser una imagen limpia, ya que se va a ver muy pequeña.

Una vez hecho, en tamaño Imagen -> Tamaño de la imagen, pondremos 16 x 16 píxeles.

Despúes guardamos el archivo en "Guardar para web y dispositivos"; seleccionamos la opción de guardalos como *.GIF  y con 16 colores.

Nos vamos a la carpeta donde se ha guardado el fichero y directamente le cambiamos la extensión del fichero por *.ICO.

El Nombre del fichero tiene que ser favicon.ico.

Hasta otra.

¿CÓMO CAMBIAR EL TAMAÑO DE VARIAS FOTOS CON UNA ACCIÓN EN PHOTOSHOP?

Tweet Buenas;

os voy a explicar como cambiar el tamaño de un paquete de fotografías de unas vez, sin tener que editar de una en una cada imagen. Ya que si tenemos por ejemplo, 300 fotos, nos llevaría mucho tiempo. Hoy en día el tiempo es oro.
Primero organizamos las fotos en un a carpeta. Abrimos una imagen en Photoshop, y vamos al menú Ventana -> Acciones -> Creamos una acción nueva.
Aparecerá la siguiente ventana;

Se indica el nombre de la acción, por ejemplo; fotos pequeñas, porque vamos a cambiar el tamaño de las imágenes. Y se pincha en "Grabar"; a partir de este momento photoshop grabará todas funciones que hagamos.
Vamos al menu "Imagen" y le indicamos el tamaño de imagen que queremos que haga photoshop, y marcaremos también la resolución que deseemos.
A continuación, iremos a archivo -> guardar como: Le indicaremos que guarde el archivo como *.JPG y la carpeta de destino, creada anteriormente (por ejemplo; "fotospequeñas").
El siguiente paso, Archivo -> Cerrar.
Ahora iremos a la ventana de acciones y pincharemos en el botón de detener grabación; como muestra la siguiente imagen;

Ahora ya tenemos la acción grabada en photoshop, únicamente nos quedará aplicar la acción a las imagenes.

Para ello, vamos a Archivo -> Automatizar -> Lote.

Aparecerá dicha ventana;

Donde indica reproducir, indicamos la acción recientemente hecha, fotospequeña.

Le indicaremos carpeta de origen, donde cogerá las fotos que queremos modificar y la carpeta de destino donde queremos que nos guarde las fotografías una vez modificadas.

Pinchamos en "ok" y automáticamente nos modificará las 300 fotos en pocos segundos.

Es una herramienta muy útil y sencilla de utilizar.