Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Ingreso de Usuario

Recuperar contraseña

Registro de Usuario

Galeria de Imágenes | Solo Photoshop

Tutorial Photoshop

 

Tutorial por Solo Photoshop

Solo 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 elBlog 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.
Galería de Imagenes
Saludos y Gracias por tu Preferencia.

Comentarios de Galeria de Imágenes | Solo Photoshop

↑ Tutorial

  • Administrador

    Administrador

    2005-04-12 16:30

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

    jackdo

    2005-04-12 16:30

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

    jetromill

    2005-04-28 18:30

    nuena pero falta datos en comentarios. Atte.: JetroM
  • brujita_babs

    brujita_babs

    2005-05-18 18:31

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

    AlfoxFenix

    2005-05-24 14:31

    Excelente tutorial los feclicito lo hicieron muy sencillo de entender Saludos: AlfoxM
  • klitos

    klitos

    2005-06-13 18:30

    Este tutorial me parece bastante bueno, Gracias! carlos_miguel88@yahoo.comM
  • manda100

    manda100

    2005-12-07 13:31

    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.M
  • Srita_punky

    Srita_punky

    2006-02-05 19:28

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

    cantalapietra

    2006-04-10 14:26

    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. M
  • SweEt DreAms

    SweEt DreAms

    2006-04-19 19:10

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

    weedsmoking

    2006-05-29 15:17

    como hago para ponerlo en mi blog? si se puede claro.M
  • rio de geminis

    rio de geminis

    2006-11-11 12:00

    esto si que me gusto lo pondre en practica lo mas pronto posibleM
  • carlitos5872

    carlitos5872

    2006-12-20 07:59

    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. M
  • el_krlos

    el_krlos

    2006-12-22 12:47

    gdgdsgfsdfM
  • Pirinsho

    Pirinsho

    2007-01-07 13:05

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

    Archicofrade

    2007-01-15 05:10

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

    nacho1320

    2007-01-20 11:13

    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 nacho1320M
  • dayana333

    dayana333

    2007-02-15 15:37

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

    rogerca

    2007-04-10 05:45

    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.comM
  • sergent

    sergent

    2007-04-15 20:57

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

    cosh_9

    2007-12-03 12:10

    hola muy bueno pero no me salen las fotos graciasM
  • klaudia

    klaudia

    2008-07-21 12:41

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

↑ Tutorial