Con este tutorial de Photoshop y Adobe Bridge crearás una expectacular galeria
de fotos para tu web.

Adobe Bridge tiene varias plantillas de galería, que se pueden seleccionar
y personalizar mediante el panel de Salida.

1. Abre photoshop y haz clic en el boton que te lleva a Adobre bridge.

2. Cuando estes en Adobe Bridge abre la carpeta con las imágenes que deseas incluir
en la galería, seleccionalas y ves a menu Ventana > Espacio de trabajo > Salida.

3. Haz clic en el botón “Galería Web” situado en la parte superior derecha
del panel Salida.
Elije una galería del menú Plantilla y pon un tamaño de miniatura en el menú Estilo.

4. Personaliza a tu gusto la apariencia de la galería mediante las opciones de las
herramientas siguientes:

a. Información del sitio
Puedes añadir la información que aparece en cada página de la galería, el título,
la descripción, etc..
b. Paleta Color
Las opciones cambian según la plantilla seleccionada. Selecciona colores para
los distintos elementos de la galería, el texto, el texto del encabezado, el fondo
y los bordes.
c. Apariencia
Las opciones también cambian según la plantilla seleccionada. Pon el valor del
tamaño de las imágenes y las miniaturas, la calidad de las imágenes JPEG, los
efectos de transición, las distribuciones y si quieres incluir nombres de archivo en
imágenes de la galería HTML.
d. Información de la imagen
Añade un pie de ilustración en las imágenes de la galería.
(Sólo para las galerías de Airtight)
e. Ajustes de salida
Define el tamaño y la calidad de las imágenes de la galería

5. Haz clic en” vista previa navegador” para ver la galería en el panel Previsualizar
de salida de Adobe Bridge.

6. Haz clic en “Previsualizar en el Explorador” para ver una vista previa de la galería
en el explorador Web que tienes instalado por defecto.
Las vistas previas de la galería solo muestran un máximo 20 imagenes pero se
guarda y se carga la galería completa.

7. Para subir directamente la galeria a tu web carga la galería a través del FTP,
abre la pestaña “Crear Galería” introduce la dirección de tu servidor FTP, tu nombre
de usuario, tu contraseña y la carpeta de destino. Después, haz clic en cargar.

8. Para guardar tu galería en el disco duro si quieres modificar el código html
en el editor web que tengas instalado abre la pestaña “Crear Galería” y selecciona
la carpeta de destino donde quieras guardarla y luego haz clic en “Guardar”.

Aqui tienes algunos de los diferentes modelos de galerias que puedes escoger.

GALERIA ESTANDAR

GALERIA CON TIRA DE IMÁGENES

GALERIA FLASH DE LIGHTROOM

Selecciona el modelo de galeria que te guste, personalizala a tu gusto y ya puedes
añadirla a tu web.

¿quieres aprender mas sobre photoshop?
Informate en nuestros cursos photoshop en barcelona.

Con este sencillo truco de photoshop aprenderas a crear gotas de agua
y dar a una imagen un aspecto mojado usando el filtro licuar

1.Abre la imagen a la que le quieras dar un aspecto mojado con gotas de agua

2.Añade una nueva capa vacía por encima, y con un pincel duro de color negro ,
dibuja lo más parecido que puedas unas gotas.

3, Si la gota no te queda demasiado bien, ves a menu>filtro>licuar,

Con la herramienta Deformar hacia delante (la primera de la izquierda que tiene forma de dedo)
ves deformando la mancha que has pintado hasta que la forma se parezca mas a una gota

4.Crea otra capa y dibuja gotas de otro tamaño, repite la misma técnica que
con la primera usando la herramineta licuar.
Haz 3 ó 4 capas con gotas de diferentes y luego en vez de seguir dibujando gotas,
duplica una capa y muevela a otro lugar distinto de donde estaba, así con el resto
de gotas, hasta que tengas la superficie de la imagen, con tantas manchas como gotas quieras

5.Ves a la paleta capas, y seleccion la primera capa que contiene las manchas .
Pincha dos veces en la capa y aparecera el menu de estilo de capa, selecciona
Opciones de fusion a medida y en Opacidad del relleno pon el valor a 0.

6. Selecciona Sombra paralela y pon estos valores: En opacidad 100,
en Angulo 90, Distancia 1, Extensión 0, Tamaño 1

7.Selecciona Sombra interior y pon estos valores:
En modo de fusión selecciona subexponer color, en Opacidad 40 o un poco
menos dependiendo de tu foto,en angulo 90, Distancia 10, Retraer 0,
y Tamaño 10.

8. Selecciona Resplandor interior y pon estos valores: En modo de fusión selecciona
superponer, en opacidad pon 30, en ruido 0 y en color selecciona un gris claro

9. Selecciona Bisel y relieve y pon estos valores:Bisel interior, Cincel duro,
Dirección superior, Profundidad250, Tamaño15, Suavidad 15, En
Modo resaltado selecciona trama y un color gris casi blanco con una
opacidad de100.En Modo de sombra selecciona sobreexponer color un
color gris un poco más oscuro que el de arriba y una opacidad de 30.

10. Una vez puestas todas estas opciones en la primera capa no es necesario
que repitas lo mismo en cada capa de gotas , selecciona la capa en la que
has puesto los estilos y del submenu del botón derecho del ratón que te
aparece elige copiar estilo de capa

11.Ves pegando el estilo de capa en el resto de las capas que tienes con gotas,
boton derecho> pegar estilo de capa

12. Ya tienes tu imagen mojada con gotas de agua.

¿quieres aprender mas sobre photoshop?
Informate en nuestros cursos photoshop en barcelona.

1. Abre un archivo nuevo del tamaño que tu necesites , resolución para Web de 72pp
y color de fondo blanco

2. Selecciona la herramienta vectorial rectángulo redondeado , en el menú de
opciones del rectangulo elige capas de forma, en la casilla de radio pon como
valor de radio de 20px y selecciona un color de fondo gris casi blanco #F1F1F1

3. Dibuja tu etiqueta:

4. Duplica la capa forma1 para crear el efecto de sombra, en la capa duplicada
selecciona la miniatura de capa y cámbiale el color gris claro por uno más oscuro #999999

5. Convierte la capa vectorial forma1 en objeto inteligente. Selecciona la capa y haz
clic con el botón derecho del ratón sobre el fondo azul.

La capa se convierte en objeto inteligente

6. Desactiva la copa Forma 1 copia, para poder ver el efecto del filtro en la capa forma1.
Con la capa Seleccionada ves al menú Filtro>Desenfocar >Desenfoque gaussiano

7.Selecciona la casilla previsualizar y pon el valor de 3 píxeles de rádio para desenfocarlo

8. Activa la capa de Forma 1 copia para visualizar la capa delante de la sombra
que has creado. Selecciona la capa de forma 1 y ves a menú edición>Transformar>Deformar

9. Aparece una rejilla con unas anclas o nodos que puedes manipular de manera libre

10. Te saldrá un mensaje avisando que se desactivaran
los filtros inteligentes temporalmente. Dale a OK

11. Mueve las anclas o nodos para simular una sombra

12. Este tiene que ser tu resultado

13. Solo te queda decorar tu etiqueta.

Con este tutorial de photoshop aprenderás facilmente a diseñar texto con efecto 3D

1. Abre un documento nuevo del tamaño que necesites, selecciona la herramienta texto de tipo horizontal y escribe tu texto con letra Impact y un tamaño grande.

2. Ves a menu > 3D > repujado> capa de texto. En el panel que aparece de repujado ves al apartado de extrusión y pon los valores 4,94 en profundidad y 0,31 en escala. Aqui puedes experimentar con los valores que te gusten y seleccionar el tipo de material que quieras ponerle a tu texto.

3. Selecciona la herrramienta 3D rotacion de objeto y en los ejes que veras en la parte superior izquierda de tu pantalla mueve las coordenadas hasta dejarlo en la posicón que te interese

4. Ahora selecciona la herramienta rotacion de camara y gira los ejes hasta obtener la posicion deseada

5. Ahora acaba tu composicion añadiendo un fondo, y experimentando con los efectos y estilos de capa . La nuestra ha quedado asi:

¿quieres aprender mas sobre photoshop?
Informate en nuestros cursos photoshop en barcelona.

Con este tutorial de photoshop aprenderás a cambiar de posición diferentes partes de una imagen con la nueva herramienta deformación de posición libre.

1. Abre la imagen en la que quieras modificar algo.
En este tutorial cambiarás de posicion el brazo izquierdo de la tenista.

2. Selecciona la tenista

3. Pegala en una capa superior

4. Clona el fondo para que todo sea igual.

5. Puedes usar:
El tampon de clonar o la herramienta seleccion rapida> rellenar segun contenido

5. Selecciona el brazo que quieres cambiar de posicion en la capa de la tenista

6. Con la capa seleccionada ves a Edición > Deformación de posición libre.
Sobre la seleccion realizada se aplicara una malla .

7. Pincha en los lugares que quieres modificar la posición, apareceran unas marcas
que harán de puntos moviles o fijos. El punto móvil será sobre el que hagas clic,
el resto serán los fijos.

8. Ahora clica en el punto de la mano y arrastra hacia un lado, observa que el punto
móvil cambia de posición dejando el resto de puntos fijos.

9. Mueve los puntos que creas necesarios para cambiar de posicion el brazo y dejar
la imagen de la tenista en una posicion diferente a la original.

10. Aqui puedes ver como has conseguido cambiar el brazo de posicion.

¿quieres aprender mas herramientas de photoshop?
Informate en nuestros cursos photoshop en barcelona.