| 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 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: |
![]() |
|
| 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: 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 |
![]() |
|
|
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. |
![]() |
|
| 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. |
![]() |
|
| 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. | ||
Galeria de Imágenes








