domingo, 9 de agosto de 2015

Ponle bigotes tus amigos con Photoshop

Paso 1: Selección de ceja usando Quick Mask


Para empezar es necesario que seleccionamos la foto que deseamos transformar. Para este tip utilizaré la peor foto de Freddie, el webmaster de Cristalab. Es mi modelo favorito XD.





Presionamos la tecla Q para entrar al Modo de Edición de Máscara Rápida. Luego con un pincel de bordes suaves dibujamos sobre la ceja que vamos a utilizar como bigote. Una vez coloreada toda el área de la ceja que vamos a utilizar, presionamos nuevamente Q para salir del Modo de Edición de Máscara Rápida. 





Al salir del Modo de Edición de Máscara Rápida notaremos que el área coloreada está seleccionada. 






Paso 2: Haciendo el bigote con la ceja




Copiamos (Ctrl + C) y pegamos (Ctrl + V) el área seleccionada. Luego, posicionamos la ceja sobre el labio tratando de que encaje lo mejor posible usando la herramienta de transformación libre (Ctrl +T). Una vez que tenemos una parte del bigote a nuestro gusto la duplicamos (Ctrl + J) y la posicionamos del otro lado.






Paso 3: Detalles




Cuando ambas partes del bigote estén bien posicionadas podemos trabajar algunos detalles. Borra las partes excedentes usando un pincel de bordes suaves o máscaras y utiliza la herramienta Clone Stamp para agregar algunos vellos adicionales en zonas que hayan quedado desproporcionadas. 

Este es el resultado final. 





Eso es todo, como pueden apreciar es bastante sencillo, rápido, realista y práctico. Hagan la prueba, verán que se divierten un buen rato XD.

Otro ejemplo de bigotes hechos con cejas. En la foto se aprecia a Eldervaz y a master_of_puppetz.



Fuente:enlace
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros 
Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

Algunos tips para vectorizar ilustraciones con Illustrator

Ventajas de las imágenes vectoriales


Las imágenes vectoriales poseen al menos dos grandes ventajas sobre los mapa de bits (jpg, png, gif...):


  • Menor peso.
  • Posibilidad de ser reescalado sin pérdida de calidad.


Nota: Ahora que HTML5 da soporte a las imágenes vectoriales con sus etiquetas <svg> y <canvas> es el momento de plantearse el formato de salida de nuestras imágenes para web.




Vectorizando una ilustración



Aunque algunos diseñadores sean capaces de crear gráficos vectoriales directamente en la aplicación, en la mayoría de los casos es más fácil realizar el dibujo a mano y después escanearlo. Para este tutorial yo he hecho un dibujo bastante simple en una servilleta (adoro dibujar en servilletas xD) y lo he escaneado. No es necesario escanear la imagen en alta calidad, ya que sólo la usaremos para verla en pantalla.





En primer lugar importamos la imagen a nuestra mesa de trabajo. Si queremos hacer más cómoda la visualización del dibujo le bajamos la opacidad a un 30%-70% según lo clara u oscura que sea. Para asegurarnos de que no movemos la imagen mientras la "calcamos" es aconsejable bloquear la capa. 





Ahora empezamos a dibujar encima con la herramienta pluma. Es muy importante trabajar cada elemento (cara, ojos, manos...) en una capa diferente, e ir bloqueando las capas que finalicemos. Podemos crear capas nuevas pulsando Cmd+L. Si en algún momento te equivocas y dibujas en la capa errónea, recorta el objeto con Cmd+X y pega en la capa correspondiente con Cmd+F. A diferencia de Cmd+V, pegará en el mismo lugar. Además hay que procurar cerrar los trazados que van a llevar relleno. Illustrator permite rellenar trazados abiertos, pero "une" el punto inicial y el final del trazado para ello, y tal vez no sea lo que queramos.





Las guías inteligentes en algunas ocasiones nos ayudarán y en otras nos entorpecerán. Es interesante ir activándolas y desactivándolas pulsando Cmd+U. 





Aprovecha para realizar cambios en el dibujo, mejorándolo, añadiendo detalles, simplificándolo, etc. Como podéis ver en la imagen anterior, he "depurado" las manos, el teléfono y los zapatos. 

En el caso de usar filetes (las líneas del dibujo) deberemos tener en cuenta su grosor a la hora de realizar el trazado.





En la fase de coloreado es difícil hacerse a la idea de cuáles son colores que vamos seleccionando. Para ayudarnos podemos crear una serie de recuadros con un buen tamaño donde aplicar los colores que vamos a usar (como si fuese la paleta de un pintor) y así poder verlos en un tamaño mayor que en la biblioteca de muestras y de paso ver como combinan.

Es interesante aplicar motivos personalizados a los rellenos para lograr estilos tipo cómic.





Si queremos podemos aplicarle un pincel a los trazados abiertos. Así podremos crear imperfecciones que simulen el dibujo hecho a mano.

Por último, os dejo una composición hecha con nuestro personaje.





Corrección de Lente en Adobe Photoshop CS4

En ocasiones cuando tomamos una fotografía, no percibimos muchos de estos defectos producidos por el tipo de objetivo y la posición que adoptamos al momento de hacer nuestra foto: Como el abombeo de las líneas que deberían ser recta, las líneas rectas se curvan hacia adentro, los bordes de una imagen parecen más oscuros que el centro o un halo de color en los bordes de los objetos.


Con la llegada de Adobe Photoshop CS2 (Utilizaremos CS4), esos defectos ya los podemos corregir con unos pequeños cambios realizado con el Filtro - Distorsionar - Corrección de Lentes.

Ante todo, vamos a aprender unos pequeños conceptos básicos para luego ponerlos en práctica.


Conceptos Básicos

La Distorsión Esferoide

Es un defecto de lente en el que las líneas rectas se curvan hacia los bordes de la imagen.

La Distorsión en Corsé

Tiene el efecto opuesto, ya que las líneas rectas se curvan hacia dentro.

Las Viñetas

Constituyen un defecto en el que los bordes (en especial los vértices) de una imagen parecen más oscuros que el centro.

La Aberración Cromática


Se muestra como un halo de color en los bordes de los objetos y ocurre porque la lente enfoca distintos colores de luz en distintos planos.

Algunas lentes producen estos defectos según la distancia focal o la apertura de diafragma utilizada. Puede definir el filtro Corrección de lente para que utilice ajustes según la cámara, la lente y la distancia focal usadas para tomar la fotografía. El filtro funciona únicamente con imágenes de 8 y 16 bits por canal. También puede utilizar el filtro para rotar una imagen o corregir la perspectiva de una imagen provocada por la inclinación vertical u horizontal de la cámara.

No se preocupen con todos estos términos técnicos, este Tip va hacer muy ilustrativo para su mejor comprensión y aprendizaje.


Manos a la Obra




Con la Cámara Digital tomo la foto del logo de Apple que trae la iMac.





La convierto en Blanco y Negro. Luego le ajusto los Niveles, Brillo y Contraste. Coloco una guía y me percato de la distorsión; si, la Distorsión Esferoide (Se ve abombada la foto).





Voy al Menú - Filtro - Distorsionar - Corrección de lente.





Se abre la ventana de Corrección de Lente.





Como la foto la tomo sin trípode, lo primero que ajusto es el Angulo de la Imagen.





Tratando que los bordes extremo (Los cuadros Verdes) de la imagen, queden alineados horizontalmente.





Como la Distorsión es Esferoride, le coloco un valor positivo en los Ajuste de Eliminar Distorsión. Si la Distorsión fuese Corsé, colocaría un valor negativo.





Y así logro que el centro de la imagen se alinee con los bordes extremos (Cuadros verdes), quedando la línea recta.





Ajusto la Viñeta para colocarle una borde más oscuro. Mientra menos Cantidad el borde tendrá más sombra de lo contrario tendrá más Iluminación.





Claro, desactivo la opción de Mostrar Cuadricula para tener una mejor visualización.





Ajusto también el punto medio para ganar más anchura de la área afectada.





Dándome un mejor resultado.





Como mi imagen es en Blanco y Negro no es necesario ajustar la Aberración Cromática (Ajusto sus valores para que vean el cambio que se produce a la imagen).




Le coloco los Valores al máximo para notar más el efecto de halo. Fíjense en el color Magenta y Verde que se ha formado.





Eliminado los Ajuste de la Aberración Cromática, todos los ajustes quedarían con estos valores.





Como estoy conforme con el resultado, le doy al Botón Ok.





Me cercioro con una Linea Guía que la distorsión se halla corregido.





Utilizo la Herramienta Crop para recortar los bordes sobrantes de la imagen.





Ahora ya tengo mi imagen lista para su posterior utilización.




Fuente:enlace
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros 
Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

sábado, 8 de agosto de 2015

Emplea un efectode lluvia a cualquier foto con Photoshop

Paso 1: Agregando agua al piso

Obviamente, primero seleccionamos la foto a la que deseamos agregar la lluvia. Yo escogí una foto de la esquina de la calle Amenabar, en Buenos Aires.



Como deseamos realizar un efecto realista, y nuestra imagen tiene una carretera, haremos que el piso se vea mojado y agregaremos una charca. Para realizar esto, seleccionamos la parte superior de la imagen (M), incluyendo los edificios y los autos, y copiamos (Ctrl + C) y pegamos (Ctrl +V) ese fragmento de imagen en una nueva capa.



Luego, volteamos verticalmente ese fragmento de imagen. Para ello nos dirigimos al menú: Edit > Transform > Flip Vertical. Posteriormente, posicionamos el fragmento para que coincida con la base inferior de la imagen. 



Como pueden apreciar, ya parece que hubiese una superficie de agua que refleja, cual espejo, los edificios, los árboles y los autos. Ahora, reduciremos la opacidad del fragmento de imagen hasta 70% para que esté transparente como el agua. 



Posteriormente, aplicamos el filtro Ocean Ripple para agregar ondas al agua y lograr que se vea más realista. Para ello accedemos a Filter > Distort > Ocean Ripple. Los valores a utilizar dependerán del tamaño de la imagen y de lo marcado que deseen la distorsión en el agua. Yo utilicé los siguientes valores:



Para hacer la charca y el efecto de la carretera mojada utilizaremos el borrador (E) con un pincel suave al 46% de opacidad. Borraremos ciertas áreas de la imagen que representa el agua comenzando por la parte inferior del fragmento. Bordearemos la parte superior junto a los autos para formar en ese sector una charca. Les debe quedar algo similar a la siguiente imagen.



Nota: Si en tu imagen no se percibe el piso omite este primer paso y aplica los siguientes.

Paso 2: Efecto de lluvia



Dibujamos un rectángulo de color gris medio, que abarque toda la imagen, con la herramienta rectángulo (U). 



Posteriormente, para otorgarle apariencia de lluvia torrencial al rectángulo gris utilizaremos los filtros Noise y Motion Blur.

Noise


Aplicaremos ruido para crear lo que serán las gotas. Al filtro Noise se accede mediante el menú: Filter > Noise > Add Noise. 

Nota: Les aparecerá una ventana indicando que hay que rasterizar el rectángulo antes de aplicar el filtro, sólo acepten.



Debemos seleccionar las opciones: Gaussian y Monochromatic. El porcentaje a utilizar dependerá del tamaño de la imagen y de lo fuerte que deseen la lluvia. Yo utilicé 16,57% porque mi imagen no es muy grande y deseaba una lluvia fuerte.

Motion Blur


Con la aplicación del ruido el fondo gris ha quedado con muchos puntos. Lo que haremos a continuación será aplicar movimiento difuso a dichos puntos para que adquieran una forma alargada como de lluvia rápida y fuerte, con la ayuda del filtro Motion Blur. A este filtro se accede mediante el menú: Filter > Blur > Motion Blur.

Los valores que utilicé para el ejemplo fueron los siguientes:



El resultado es una lluvia rápida con un desenfoque ligero. Ustedes pueden modificar las opciones hasta que logren el efecto más acorde con su proyecto.

Paso 3: Eliminación de grises


Nuestra lluvia está casi lista, sólo debemos eliminar las partes grises que la hacen irreal y agregar algunos detalles como neblina.

Hard Light


Para eliminar el gris predominante de la lluvia utilizamos Hard Light en los Modos de Fusión de la capa que contiene el rectángulo que ya hemos convertido en lluvia. Este modo de fusión eliminará inmediatamente el gris.



Les debe quedar una lluvia parecida a la siguiente:



Como verán, está algo oscura, para aclarar la lluvia usamos la opción Invert (Ctrl + I). Agregué algo de neblina con un pincel y el resultado final es este:



Una de las ventajas de este tip es que el efecto de lluvia se encuentra en una capa aparte, lo cual permite añadir o quitar elementos para conformar una escena o fotomontaje sin preocuparnos de que el efecto de lluvia se altere. 






Fuente:enlace
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros 
Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

viernes, 7 de agosto de 2015

Cambiar color de un coche en Photoshop


Bien, vamos a empezar con algo fácil, voy a enseñaros como cambiar el color de un coche con el pincel de Photoshop, este ''truco'' también os puede servir para otras cosas..

bien, este es el coche que voy a usar como ejemplo



Poned la imagen del coche en la primera capa, luego creáis otra y en ella pintáis sobre el coche con el color rojo (después podremos cambiarlo) pintáis todo de este modo:



Ahora con la capa en la que pintasteis seleccionada, la cambiáis a color, veréis como el coche adquiere el color rojo.



Entonces pulsáis control+u y cambiáis el color a su gusto, fácil no? :)



este es el resultado final:



Fuente:enlace
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros 
Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

Entradas populares