Galería de Imágenes Photoshop

TUTORIALES PHOTOSHOP Galería de Imágenes
Hola. :-) En esta ocasión la intención es hacer una Galería de Imágenes Web, para lo cual usaremos Photoshop CS, y como casi todo el tema web hecho en photoshop, es muy sencillo. Primero hay que crear una carpeta y ahí meter las imágenes que se quiere publicar, el tamaño no importa mucho, pero si es recomendable usar imágenes de buena resolución; pueden ser o no uniformes, no importa, el script de la galería tiene la capacidad de tomar, además de los clasicos tipos de imágenes usados en internet (png, jpg, gif), los psd y pdf, que exporta liego a jpg. Luego crea otra carpeta, la cual será la carpeta Destino, donde terminaría tu galería. En mi caso las dejé ambas en el escritorio. Lo primero es entrar a: Archivo > Automatizar > Galería de Fotografias Web

Ahora tenemos una pantalla como la que vemos a la derecha, de la cual se toman los aspectos mas importantes de la galería. Estilos: Estos son los formatos de páginas web de la galería; solo algunos son editables desde el photoshop mismo, pero al final todos son editables con un conocimiento básico de html y detalles de java. Hay 11 estilos distintos, pruébalos todos y selecciona el que mas se adapte a lo que buscas. Correo Electrónico: (stock fotográfico de www.sxc.hu) Imágenes de Origen: En Usar pusimos carpeta pues la selección es mas adecauda y no se complica tanto. Haces clic en el botón explorar y buscas la ruta de tu carpeta con las imágenes de origen: En Destino busca la carpeta donde alojarás tu galería. Luego vienen una serie de opciones, muy sencillas y que cambian de acuerdo a las necesidades de cada usuario pero, para probar, desde aquí mismo puedes ACEPTAR y ver como funciona. La primera opción es Generales: Extensión: Solo hay dos opciones, .htm o .html Luego viene la codificación la cual no estoy muy seguro, pero la UTF 8 solo la use por recomendación en el Blog de Solo Photoshop. Por lo que mejor no la uso aquí. Es preferible agregar la mayor cantidad de info, mas aún que el sistema lo hace solo y muy rápido, por eso uso las opciones de: - Agregar atributos de altura y anchura para las imágenes - Conservar todos los metadatos.
La segunda opción es Titular: Nombre del Sitio: Escribe el nombre de tu Galería por ejemplo: Mi Galería Web, Fotos de mi Familia, Etc. Fotógrafo: En este vaso fueron varios y así lo puse ;-) Información de Contacto: Un correo electrónico Fecha: Día de la publicación.
La tercera opción es Imágenes Grandes: Aquí van los datos de las imágenes mayores, cuyo tamaño no puede exceder 450 px (lamentablemente). importante aquí es la Calidad Jpg, la cual dirije la calidad y peso de la imagen, recuerda que a mayor calidad, mayor es el peso de la imagen, y a menos calidad tu imagen es mas ligera. El borde puede ser importantes si las imágenes son de colores que no se diferencian mucho del diseño del estilo seleccionado.
Miniaturas: Aquì editas el tamaño de las imágenes que actuan un poco como iconos y las cuales dan una idea al visitante de la galería de lo que la imagen mayor es. En este caso use un tamaño personalizado, pues las opciones sugeridas no me agradaron.
Colores Personalizados: Solo los últimos 5 estilos del menú desplegable permiten una edición de los colores de los elementos de la galería, tristemente son los 5 peores estilos a mi gusto. Una edición directa de los primeros 4 sería genial, en especial para quien no maneja html.
La última opción es Seguridad: No estoy muy seguro de esta opción, pero por las dudas yo selecciono Copyright. ;-( Ahora hacemos clic en ACEPTAR y veremos como una a una nuestras imágenes son abiertas, reducidas y guardadas en dos tamaños, sin necesidad de que metamos un solo dedo. Una vez terminado el proceso, debera abrirse tu navegador predeterminado y mostrar tu galería lista para publicar en internet, en tu portafolio, o donde la necesites.
Para este ejemplo escogí el estilo: Cuadro centrado 1 - Comentarios. Se genera un sistema de comentarios muy interesante, nunca lo he usado, pero imagino que se requiere una base de datos para arrancarlo y que funcione perfectamente. No lo sé, no soy programador.
Este es el resultado final. Clic sobre la imagen para ver la galería publicada.

Saludos y Gracias por tu Preferencia.

Hemos creado el correo electrónico tutoriales @ solophotoshop.com para recibir tus tutoriales y artículos.

Registrate aquí para consultar, comentar, recibir novedades y valorar los Tutoriales y Artículos

Fecha: 12/04/2005

JACKDO escribió:

Oye esta super chida esta página pero el primer recuadro de donde sale: Me voy a inicio, Photoshop, corel Draw, o que onda?

Fecha: 12/04/2005

ADMINISTRADOR escribió:

En photoshop, o primero es entrar a: Archivo > Automatizar > Galería de Fotografias Web

Fecha: 28/04/2005

JETROMILL escribió:

nuena pero falta datos en comentarios. Atte.: Jetro

Fecha: 18/05/2005

BRUJITA_BABS escribió:

Esta muy bien, he intentado hacerlo pero no me coje los archivos gif!! alguna solucion?

Fecha: 24/05/2005

ALFOXFENIX escribió:

Excelente tutorial los feclicito lo hicieron muy sencillo de entender Saludos: Alfox

Fecha: 13/06/2005

KLITOS escribió:

Este tutorial me parece bastante bueno, Gracias! carlos_miguel88@yahoo.com

Fecha: 07/12/2005

MANDA100 escribió:

me gustaria que me enviaran el archivo de ejmplo de esta aplicacion si no es mucho pedir. me gusto muchisimo y quisiera estudiarla y analizarla un poco mas.

Fecha: 05/02/2006

SRITA_PUNKY escribió:

la raja!!! la kago vale hay que puro hacerlo nu maa! bexo! pattyta!

Fecha: 10/04/2006

CANTALAPIETRA escribió:

el elemento de seguridad que no tienes claro qué es en realidad es muy sencillo, sirve para agregar una "marca de agua a tu foto", puedes elegir la opción (lamento no tengo el ps en español, por eso pongo las opciones en inglés) "custom text" y escribir por ej: "© - tu nombre/año" y entonces (recomiendo usar un tamaño de fuente no superior a 15 px, y alinearlo abajo a la derecha para un efecto delicado, si definitivamente no queremos que nos roben las imagenes, entonces centrarlo y ponerle un tamaño de letra mas grande) Si elijes la opcion "file name", pondra el nombre del archivo. La opciones "Copyright" y "caption" solo funcionaran si estan embebidas en el codigo de la foto.

Fecha: 19/04/2006

SWEET DREAMS escribió:

¡Esta excelente….!! Te felicito, Por cierto abría una forma de elaborar la galería pero dentro de una pagina ya existente?

Fecha: 29/05/2006

WEEDSMOKING escribió:

como hago para ponerlo en mi blog? si se puede claro.

Fecha: 11/11/2006

RIO DE GEMINIS escribió:

esto si que me gusto lo pondre en practica lo mas pronto posible

Fecha: 20/12/2006

CARLITOS5872 escribió:

sweer dream, creo que con solo poner un vinculo de tu página a la galeria es suficiente, entra en el codigo fuente de esta y mira cual es su nombre, también puedes ponerle un vinculo a la galería para regresar a tu página de esta misma forma. saludos desde Cuba.

Fecha: 22/12/2006

EL_KRLOS escribió:

gdgdsgfsdf

Fecha: 07/01/2007

PIRINSHO escribió:

uuu que buena xD nu tenia idea que se podian hacer galerias con photoshop xD arigatoo ^^

Fecha: 15/01/2007

ARCHICOFRADE escribió:

¿Puedo exportar este albúm fotogáfico al editor de html Dreamweaver?

Fecha: 20/01/2007

NACHO1320 escribió:

esta muy sencillo y bueno... pero falta que los programadores ayuden un poco...como llebo esto a un html? ojala puedan ayudar todos con lo que saben... si alguien me puede ayudar xfa! nacho1320@gmail.com chao nacho1320

Fecha: 15/02/2007

DAYANA333 escribió:

hola este tutorial esta muy byeno, pero tengo un problemano se puedo introduzco los comentarios de cada fotografia porfa ....

Fecha: 10/04/2007

ROGERCA escribió:

hola... para introducir comentarios o si quieren modificar los textos de cualquier parte sólo tienen que ir a la carpeta donde lo han guardado y abrirlo con Dreamweaver ( para los que utilizan Dreamweaver)...rdca410@hotmail.com

Fecha: 15/04/2007

SERGENT escribió:

muy buen aporte ... no sabes como me has ayudado con esto !! XD

Fecha: 03/12/2007

COSH_9 escribió:

hola muy bueno pero no me salen las fotos gracias

Fecha: 21/07/2008

KLAUDIA escribió:

ta super...m gusta sta galeria y m ha ayudado muito... =)