Tutorial para hacer fotos en templates con formas.
Y empezamos con este tutorial, que en esta ocasión haré con fotos solamente, pero sirve de todas maneras para gif. Es cuestión de tener más paciencia nada más.
El template que vamos a utilizar es este:
Es en una sola imagen, así que se intentará hacerse ligero para que tumblr no joda (aunque este en realidad no lo postearé
)
-Lo primero obviamente es elegir las imágenes o los gifs que utilizarán. En este caso elegí cuatro imágenes de Peter y Olivia sacadas directamente de Google y les apliqué un psd. Luego, pasamos al armado del foto set.
1.-Con el template abierto en photoshop, tomamos la varita mágica y seleccionamos la parte donde primero queremos poner nuestra fotografía, así:
2.-Con nuestra selección hecha, nos vamos a capa>nueva capa de relleno>color uniforme y creamos una. No importa el color que sea.
Una vez hecha, debería quedar algo así:
-A tomar en cuenta: si han utilizado un template que tiene los números escritos, tienen que taparlos también, porque a la hora de poner la foto esos números la traspasarán. Así que en la máscara que aparece al lado de la capa de relleno, tomen un pincel, asegúrense que el color frontal sea blanco y pintan encima con cuidado. Así evitarán que esto pase. Otra cosa, tienen que hacer esto por cada espacio en el que pondrán una fotografía, porque si no al hacer el siguiente paso les tomará el resto de los espacios. No sé si me explico, pero luego lo mostraré.
3.-Una vez hecho esto, procedemos con nuestra foto; la arrastran hasta el primer espacio que está en negro, o la copian y la pegan. La mueven hasta estar satisfechas y luego dan al botón derecho a la miniatura de la foto y crean una máscara de recorte.
Una vez hecho, les debería quedar algo así:
-Nota: una vez hecho también pueden mover la fotografía como les plazca.
Ahora, retomando el tema anterior de por qué no pueden hacer la capa de relleno para todos los espacios, en este caso del corazón es porque si lo hacen pasará esto al momento de hacer la máscara de recorte:
Se pasa para el otro lado, entonces tendrán que estar borrando y trabajarán al final el doble.
4.-Luego continúan con el resto, repitiendo los mismos pasos: seleccionar con la varita mágica, capa de relleno, y pega de fotografía. En mi caso he terminado con esto:
5.-Con el fondo se hace lo mismo, en este caso sí he seleccionado todo y he puesto una sola fotografía. Además apliqué un psd en blanco y negro para todo, porque se veía muy feo de la otra forma XDD.
Mi resultado final es este:
6.-En el caso de los gifs tienen que seguir los mismos pasos, lo único es que la máscara de recorte se crea en cada capa, porque no se puede utilizar lo de filtros inteligentes ni nada parecido (ya que si serán sólo gifs no pueden hacerlo de uno, tendrían que hacerlo para todos los gifs de inmediato y en resumen es un despelote del que no saldrá nada buen
)
Y eso sería todo. Si tienen una pregunta o algo no quedó claro, me dicen e intentaré explicarlo sin enredarme má
El template que vamos a utilizar es este:
Es en una sola imagen, así que se intentará hacerse ligero para que tumblr no joda (aunque este en realidad no lo postearé
)
-Lo primero obviamente es elegir las imágenes o los gifs que utilizarán. En este caso elegí cuatro imágenes de Peter y Olivia sacadas directamente de Google y les apliqué un psd. Luego, pasamos al armado del foto set.
1.-Con el template abierto en photoshop, tomamos la varita mágica y seleccionamos la parte donde primero queremos poner nuestra fotografía, así:
2.-Con nuestra selección hecha, nos vamos a capa>nueva capa de relleno>color uniforme y creamos una. No importa el color que sea.
Una vez hecha, debería quedar algo así:
-A tomar en cuenta: si han utilizado un template que tiene los números escritos, tienen que taparlos también, porque a la hora de poner la foto esos números la traspasarán. Así que en la máscara que aparece al lado de la capa de relleno, tomen un pincel, asegúrense que el color frontal sea blanco y pintan encima con cuidado. Así evitarán que esto pase. Otra cosa, tienen que hacer esto por cada espacio en el que pondrán una fotografía, porque si no al hacer el siguiente paso les tomará el resto de los espacios. No sé si me explico, pero luego lo mostraré.
3.-Una vez hecho esto, procedemos con nuestra foto; la arrastran hasta el primer espacio que está en negro, o la copian y la pegan. La mueven hasta estar satisfechas y luego dan al botón derecho a la miniatura de la foto y crean una máscara de recorte.
Una vez hecho, les debería quedar algo así:
-Nota: una vez hecho también pueden mover la fotografía como les plazca.
Ahora, retomando el tema anterior de por qué no pueden hacer la capa de relleno para todos los espacios, en este caso del corazón es porque si lo hacen pasará esto al momento de hacer la máscara de recorte:
Se pasa para el otro lado, entonces tendrán que estar borrando y trabajarán al final el doble.
4.-Luego continúan con el resto, repitiendo los mismos pasos: seleccionar con la varita mágica, capa de relleno, y pega de fotografía. En mi caso he terminado con esto:
5.-Con el fondo se hace lo mismo, en este caso sí he seleccionado todo y he puesto una sola fotografía. Además apliqué un psd en blanco y negro para todo, porque se veía muy feo de la otra forma XDD.
Mi resultado final es este:
6.-En el caso de los gifs tienen que seguir los mismos pasos, lo único es que la máscara de recorte se crea en cada capa, porque no se puede utilizar lo de filtros inteligentes ni nada parecido (ya que si serán sólo gifs no pueden hacerlo de uno, tendrían que hacerlo para todos los gifs de inmediato y en resumen es un despelote del que no saldrá nada buen
)
Y eso sería todo. Si tienen una pregunta o algo no quedó claro, me dicen e intentaré explicarlo sin enredarme má