#1 [TUTORIAL] [Guia] Firma paso a paso [PHOTOSHOP]
Weelcome... to the desert... of the real (lease con voz de Morpheus)
Bueno... recibi un pedido especial de Letu, en el cual me pidio que fuera con letras en formas especiales. Como sabia que no iba a encontrar las fonts adecuadas, o que por lo menos me iba a volver loco buscandolas, decidi hacerlas a mano.
Aprovecho esta ocacion para mostrarles mas o menos como se arma una firma desde 0 y toda hecha a mano. Lo cual a la hora de hacer una firma con imagenes recortadas se van a dar cuenta que es aun mas facil.
Yo utilizo el Photoshop (PS de ahora en mas), asi que va guiado particularmente para los usuarios del mismo, no osbante los pasos se pueden tratar de seguir con otros programas aunque probablemente el nombre de las herramientas cambie.
Manos a la obra!
Naturalmente, dibuje con mi gran birome (?) en una hoja y la mande al scanner.
Como lo hice con birome azul (es lo unico que tenia a mano), escanie la imagen en escala de grises para que no me tomara el color de la birome y tuviera mas detalle. De todas maneras siempre hay que limpiar las imagenes... esto se hace jugando con el brillo y el contraste
[ Image | Adjusments | brightness/contrast ]
De ahi el proximo paso es separar el texto del fondo blanco. Para esto podemos utilizar la varita magica (magic wand tool - en la barra de herramientas a la izq), que por defecto va a seleccionar todo lo blanco, pero hacemos click en "Select" y luego opcion "Inverse"... voilá!, tenemos seleccionado nuestro texto...
Ahora pasos tipicos y muy importantes a la hora de editar:
Por ejemplo, aca yo le di un poquito de "inner shadow" para oscurecer y que tome mas forma, evitando defectos o impurezas que haya dejado el scanner
[ Layer | Layer style | bleding options ]
Quedaria algo asi:
Ahora a ponerle los detallitos
A partir de ahora ya comienzo a trabajar sobre los 470x180, a mi me gusta saber hasta donde estoy limitado y de ahi voy recortando o no. Pero esto n quiere decir que siempre hay que llenar por completo los 470x180... dentro de esa medida maxima, pueden oscilar para donde mas les guste.
Utilizando la herramienta del bote de pintura (Paint Bucket Tool), pinto todo un fondo (otro layer) de un color celestin y comienzo a retocar un poco las letras dandoles un toque de "Drop Shadows", opcion que se encuentra dentro de "layer styles". Con un simple pincel le pinte de colorado los cuernitos de la "e".
La aureola de la "a" la cree utilizando la herramienta para crear formas (custom shape tool) y luego un poco de "outer glow" otra opcion dentro de "layer styles".
Quedaria asi:
Ahora van unos efectitos mas interesantes
En este momento es cuando nos va a ser de mucha ayuda haber separado anteriormente las letras.
Agarramos el layer de la letra "e" y hacemos una copia.
[Layer | duplicate layer]
No se asusten cuando la letra se vea mas fea, porque claro... estan una encima de la otra.
Ahora vamos a agrandar la letra, esto se hace utilizando el comando "Scale".
[Edit | transform | scale]
Presten atencion en la barra de arriba que les muestra el porcentage al cual esta la imagen. Para agrandar mas de una letra y que quede prolijo en este caso se llevaronn todas las capas a un 130% x 130%.
Para convertir la capa a un tono colorado deben utilizar "color Overlay" y elegir el color que mas guste, rolorado en este caso.
[Layer | Layer Style | color overlay]
Los mismos pasos para la letra "a".
Quedaria asi:
Otro efectito mas fashion ahora... le vamos a dar un esfumado en movimiento.
Duplicamos el layer de la letra "e" que agrandamos recien y utilizamos el comando "motion blur"
[Filter | Blur | motion blur]
Le indicamos la distancia y el angulo que deseamos y listo. En este caso le di una distancia de 39 aprox y angulo de 90°.
Aplicamos lo mismo para la letra "a" y la aureolita
Quedaria mas o menos asi:
Volvemos a trabajar en el fondo... le vamos a aplicar un efectito muy copado.
Seleccionando el layer al cual le dimos el fondo celestito, le vamos a aplicar un "halftone patern":
[Filter | Sketch | halftone patern]
Ahi muevan los balances a su gusto, seleccionen la opcion linea
Quedaria asi:
A partir de ahora ya tenemos la base como para comenzar a probar diferentes efectos de fondo para hacer mas atractivo o cambiar la apariencia de la firma. Duplicamos el layer del fondo y comeniencen a experimentar con las diferentes herramientas dentro de el menu "Filters".
Yo aca le di un toque de "Bevel and emboss" (dentro de layer style) para darle un toque de profundidad.
Efectos de luz:
[Filter | render | lighting Effects]
En este caso elegi un efecto "blue omni" dentro de los preset que trae el mismo PS, para luego darle un efecto "luminosity" que se encuentra en
[Layer | Layer Style | bleding options]
Le va a dar un efecto oscurito muy copado, que aplicado sobre el otro layer con el halftone patern queda muy bueno
Y por ultimo un toquecito RE pro
el famoso "lens flare"
[Filter | Render | Lens Flare]
Lo apuntamos mas o menos a la altura de la aureola chiquita para que de un efecto de reflejo de luz en la lente.
En estes caso utilizo el efecto de lente que viene por defecto 50-300mm zoom y un brillo al 100% (brightness).
Y esto nos da como resultado lo siguiente:
Ta bueno, no?.
La idea es que a partir de este breve introductorio, que es unicamente para que tengan una idea de por donde empezar y conocer un poco las herramientas, se pongan a investigar y probar nuevos efectos, con imagenes, dibujos, etc.
Aca les dejo otras pruebitas con la firma:
Cualquier duda que tengan no duden en consultar.
SaLuTeS!
Bueno... recibi un pedido especial de Letu, en el cual me pidio que fuera con letras en formas especiales. Como sabia que no iba a encontrar las fonts adecuadas, o que por lo menos me iba a volver loco buscandolas, decidi hacerlas a mano.
Aprovecho esta ocacion para mostrarles mas o menos como se arma una firma desde 0 y toda hecha a mano. Lo cual a la hora de hacer una firma con imagenes recortadas se van a dar cuenta que es aun mas facil.
Yo utilizo el Photoshop (PS de ahora en mas), asi que va guiado particularmente para los usuarios del mismo, no osbante los pasos se pueden tratar de seguir con otros programas aunque probablemente el nombre de las herramientas cambie.
Manos a la obra!
Naturalmente, dibuje con mi gran birome (?) en una hoja y la mande al scanner.
Como lo hice con birome azul (es lo unico que tenia a mano), escanie la imagen en escala de grises para que no me tomara el color de la birome y tuviera mas detalle. De todas maneras siempre hay que limpiar las imagenes... esto se hace jugando con el brillo y el contraste
[ Image | Adjusments | brightness/contrast ]
De ahi el proximo paso es separar el texto del fondo blanco. Para esto podemos utilizar la varita magica (magic wand tool - en la barra de herramientas a la izq), que por defecto va a seleccionar todo lo blanco, pero hacemos click en "Select" y luego opcion "Inverse"... voilá!, tenemos seleccionado nuestro texto...
Ahora pasos tipicos y muy importantes a la hora de editar:
- edit / copy
- file / new - Cuando abra el cuadro para crear el nuevo archivo recuerden seleccionar "transparency" para que sea fondo transparente. El tamaño lo ajusta automaticamente a lo que este en el portapapeles (paso anterior).
- edit / paste
Por ejemplo, aca yo le di un poquito de "inner shadow" para oscurecer y que tome mas forma, evitando defectos o impurezas que haya dejado el scanner
[ Layer | Layer style | bleding options ]
Quedaria algo asi:
Ahora a ponerle los detallitos
A partir de ahora ya comienzo a trabajar sobre los 470x180, a mi me gusta saber hasta donde estoy limitado y de ahi voy recortando o no. Pero esto n quiere decir que siempre hay que llenar por completo los 470x180... dentro de esa medida maxima, pueden oscilar para donde mas les guste.
Utilizando la herramienta del bote de pintura (Paint Bucket Tool), pinto todo un fondo (otro layer) de un color celestin y comienzo a retocar un poco las letras dandoles un toque de "Drop Shadows", opcion que se encuentra dentro de "layer styles". Con un simple pincel le pinte de colorado los cuernitos de la "e".
La aureola de la "a" la cree utilizando la herramienta para crear formas (custom shape tool) y luego un poco de "outer glow" otra opcion dentro de "layer styles".
Quedaria asi:
Ahora van unos efectitos mas interesantes
En este momento es cuando nos va a ser de mucha ayuda haber separado anteriormente las letras.
Agarramos el layer de la letra "e" y hacemos una copia.
[Layer | duplicate layer]
No se asusten cuando la letra se vea mas fea, porque claro... estan una encima de la otra.
Ahora vamos a agrandar la letra, esto se hace utilizando el comando "Scale".
[Edit | transform | scale]
Presten atencion en la barra de arriba que les muestra el porcentage al cual esta la imagen. Para agrandar mas de una letra y que quede prolijo en este caso se llevaronn todas las capas a un 130% x 130%.
Para convertir la capa a un tono colorado deben utilizar "color Overlay" y elegir el color que mas guste, rolorado en este caso.
[Layer | Layer Style | color overlay]
Los mismos pasos para la letra "a".
Quedaria asi:
Otro efectito mas fashion ahora... le vamos a dar un esfumado en movimiento.
Duplicamos el layer de la letra "e" que agrandamos recien y utilizamos el comando "motion blur"
[Filter | Blur | motion blur]
Le indicamos la distancia y el angulo que deseamos y listo. En este caso le di una distancia de 39 aprox y angulo de 90°.
Aplicamos lo mismo para la letra "a" y la aureolita
Quedaria mas o menos asi:
Volvemos a trabajar en el fondo... le vamos a aplicar un efectito muy copado.
Seleccionando el layer al cual le dimos el fondo celestito, le vamos a aplicar un "halftone patern":
[Filter | Sketch | halftone patern]
Ahi muevan los balances a su gusto, seleccionen la opcion linea
Quedaria asi:
A partir de ahora ya tenemos la base como para comenzar a probar diferentes efectos de fondo para hacer mas atractivo o cambiar la apariencia de la firma. Duplicamos el layer del fondo y comeniencen a experimentar con las diferentes herramientas dentro de el menu "Filters".
Yo aca le di un toque de "Bevel and emboss" (dentro de layer style) para darle un toque de profundidad.
Efectos de luz:
[Filter | render | lighting Effects]
En este caso elegi un efecto "blue omni" dentro de los preset que trae el mismo PS, para luego darle un efecto "luminosity" que se encuentra en
[Layer | Layer Style | bleding options]
Le va a dar un efecto oscurito muy copado, que aplicado sobre el otro layer con el halftone patern queda muy bueno
Y por ultimo un toquecito RE pro
el famoso "lens flare"[Filter | Render | Lens Flare]
Lo apuntamos mas o menos a la altura de la aureola chiquita para que de un efecto de reflejo de luz en la lente.
En estes caso utilizo el efecto de lente que viene por defecto 50-300mm zoom y un brillo al 100% (brightness).
Y esto nos da como resultado lo siguiente:
Ta bueno, no?.
La idea es que a partir de este breve introductorio, que es unicamente para que tengan una idea de por donde empezar y conocer un poco las herramientas, se pongan a investigar y probar nuevos efectos, con imagenes, dibujos, etc.
Aca les dejo otras pruebitas con la firma:
Cualquier duda que tengan no duden en consultar.
SaLuTeS!
0
