[PS] Dibujo a partir de una imagen o fotografía

Antes y después.

¡¡Ohayooo minna !!!

Se que he tardado un poquito pero aquí tenéis otro tutorial de Photoshop.

Si alguna vez habéis querido pasar una fotografía u imagen a dibujo y no se te da muy bien el lápiz y papel, sigue leyendo ;).

Primero necesitamos nuestra fotografía u imagen, yo elegí esta de Koda Kumi:

La abriremos en nuestro Photoshop.

Ahora con CTRL + J o en el menú de Capa / Duplicar Capa, duplicaremos nuestra imagen:

Con la capa duplicada seleccionada, vamos al menú Imagen / Modo / Escala de Grises:

Nos saldrá este mensaje, donde le daremos a NO acoplar:

Según la imagen, puede que aparezca este mensaje, le daremos a Descartar:

Tendremos algo como esto:

 Pulsamos CTRL + I o vamos al menú Imagen / Ajustes / Invertir y nos quedará así:

Iremos al panel de Capas, y donde pone Normal clicamos y seleccionaremos Sobreexponer color:

 Nos quedará así:

Iremos al menú de Filtro / Desenfocar / Desenfoque Gaussiano:

El valor de Radio lo dejaremos a 1px:

Más o menos quedará algo así:

¡Ya casi estamos chicos! Para que quede mejor ( o sí lo preferís guardadlo tal cual si os gusta el resultado) pulsaremos CTRL + E, que es un resumen repetir el filtro de desenfoque gaussiano. Le daremos tantas veces como queramos hasta que nos guste el resultado...

RESULTADO FINAL.

¡Tadaaaa!Ya tenemos un bonito dibujo ( y sin apenas esfuerzo cof cof...) del que podemos presumir =D. Nada nada, es coña XD. ¡Espero que os haya gustado el tutorial y me enseñéis vuestros resultados !💕

[PS]Corrección Selectiva

Este tutorial lo tenia hecho de hace ya, pero por unas cosas y otras, no lo he llegado a poner hasta ahora, así que aquí va:

¿Listos?¡ Vamos!

Abrimos la imagen que queramos editar: 

Nota: El resultado de este tutorial variará según los colores de la imagen, ¡así que id probando combinaciones y no os desesperéis!

Seleccionamos la capa, nos vamos al menú Imagen>Ajustes>Tono y saturación, y subimos la saturación a +30:

Volvemos al menú Imagen> Ajustes y vamos a donde dice Correción Selectiva. Una vez le demos, nos saldrá un cuadro. Arriba donde pone Rojo, si le damos, veremos que nos salen varios colores más, donde cada uno tiene su tabla de valores de colores CMYK (cian, magenta, yellow, black). En cada color ( Rojo, Verde etc) hay que poner estos valores de aquí:

ROJO

Cian: -100

Magenta: 0

Amarillo:+100

Negro: 0

AMARILLOS

Cian: -100

Magenta: 0

Amarillo:+100

Negro: 0

CIANES

Cian: -100

Magenta: -100

Amarillo:+100

Negro: 0

AZULES

Cian: -100

Magenta: -100

Amarillo:-100

Negro: 0

NEUTROS

Cian: +25

Magenta: 0

Amarillo: -45

Negro: 0

Volvemos al menú Imagen> Ajustes> Correción Selectiva, y ponemos estos valores ( serán distintos a los de antes):

ROJO

Cian: -100

Magenta: +28

Amarillo: 100

Negro: 0

AMARILLOS

Cian: +100

Magenta: 0 

Amarillo: -100

Negro: 0

CIANES

Cian: 100

Magenta: -100

Amarillo: -100

Negro: 0

AZULES

Cian: +100

Magenta: +27

Amarillo: +22

Negro: + 20

NEUTROS

Cian: +61

Magenta: 0

Amarillo: -40

Negro: 0

Cuando terminemos, duplicamos la imagen ( CRTL+J) , ponemos la capa copiada encima de la nuestra, en Luz Suave y bajamos la Opacidad al 45%.

Para acabar, vamos a Capa>Acoplar Imagen  y ¡Listo!

RESULTADO FINAL

¿Fácil verdad? Podéis probar con otras imágenes y otros valores, ya que como esta la vista previa, podréis ver como va quedando y como os gusta más. ¡Si queréis podéis enseñarme vuestros resultados! Ja nee <3

[B] Enlace CON imagen, con y sin HTML en Sidebar etc.

Este tutorial es útil si queremos utilizar una imagen para redirigir a otra web ( por afiliación etc). Como en el tutorial de Enlaces normales, enseñare a ponerlo con y sin HTML.

SIN HTML

Vamos al apartado Diseño del blog:

Después, vamos a la Sidebar y añadimos un gadget:

El gadget que buscamos es Imagen:

Nos saldra una nueva ventana:

+Titulo: Titulo de nuestra imagen/gadget.
+Pie de foto: pequeña descripción de nuestra imagen ( opcional)
+Enlace: enlace al que queremos que la imagen redirija ( opcional)
+Imagen: Podemos elegir entre subirla de nuestro ordenador ( bastará con buscar y seleccionarla) o copiar la URL de una imagen de internet.

En la opción Reducir hasta ajustar, podremos seleccionarla o no. Si la seleccionamos, significara que la imagen colocada, se pondrá del tamaño que más abajo se nos describe, el cual es normalmente el tamaño de ancho que tiene nuestra Sidebar ( columna). Si no queremos que la redimensione, deseleccionamos esta casilla.

Una vez tengamos todo en orden, guardamos y comprobamos que este como nosotros queremos.

Con HTML

Más o menos es parecido a poner un Enlace normal, con la diferencia que el código a utilizar será algo distinto y la imagen que utilicemos tendrá que estar subida a internet ( hay varios servidores como Imageshack, Photobucket, Dropbox etc.)

Añadiremos un gadget HTML/ Javascript en la columna, y pegaremos el siguiente código:

<a href="ENLACE"><URL DE LA IMAGEN" /></a>

Substituimos ENLACE por el enlace que queramos y URL DE LA IMAGEN por la imagen que queramos utilizar, y el código quedaria asi:

<a href="http://cristalrosegarden.blogspot.com"><img src="https://dl.dropboxusercontent.com/u/100050878/ima2sleder.png" /></a>

Comprobamos que este correcto y guardamos.

Este código se puede usar también en las entradas del blog, e inclusive se le pueden añadir más atributos que cambien el ancho y alto con el que queremos que se visualice, pero eso ya en otro tutorial =D

Espero que os haya servido, y cualquier duda, ¡dejad un comentario o escribidlo en la ChatBox!

Ja nee <3

Avatar simple ( Saturación)

Nuevo tutorial de PS, donde explico brevemente una de las maneras más sencillas ( haciendo lo básico, más adelante pondré con más cosas) como hacer un avatar sencillo modificando la saturación.

Esto se puede emplear en otro tipo de imagenes ( como la del encabezado de este tutorial, con antes y después).

En este caso como haremos un avatar, tendremos que usar las medidas de este ( hay varias medidas depende para que usemos el avatar, aqui explicare para un avatar de msn, que puede variar de 100 x 100 px ( píxeles) a 96 x 96 px.

Creamos un nuevo documento en Archivo> Nuevo (File>New). En Ancho ( Width) ponemos 100, y donde pone centimetros ( viene predefinido) seleccionamos pixels. En Alto ( Height) hacemos exactamente lo mismo. Finalmente en Fondo, seleccionamos Transparente ( Transparent):

Nos saldrá una ventana ( versiones del PS del CS3 a anteriores) y veremos una imagen con cuadrados blancos y grises. En PS, los fondos transparentes los veremos asi ( en la version final ya se sabe que no se verán).

Ahora abrimos la imagen de la cual queremos el avatar ( Archivo>Abrir o File>Open), que nos saldrá en otra ventana distinta al fondo:

Ahora, vamos a la ventana de Herramientas, y damos en la herramienta Marco Rectangular (Rectangular Marquee Tool) y seleccionamos en la imagen la parte que queremos que se vea en el avatar:

Vamos al menú Imagen>Cortar ( Image>Crop):

Deseleccionamos la imagen clicando encima de ella, y ya la tendremos recortada:

Vamos a la ventana de herramientas, y damos en Mover ( Move Tool):

Ahora, arrastramos la imagen recortada, hasta la ventana donde tenemos el fondo ( lo más seguro que se quede media imagen fuera, como en la imagen siguiente, pero no pasa nada):

Con la misma herramienta de Mover, vamos al primer cuadradito chiquito transparente que vemos en la esquina sup.izq. Al ponerlo encima nos deberian de salir unas flechitas: esto indica que podemos modificar el tamaño. Para modificarlo, clicamos encima de este cuadradito sin dejar de pulsar el botón izq. del ratón, hasta que lo ajustemos ( podemos clicar los demás cuadrados):

Una vez hecho, hacemos el proceso de recortar una imagen ( si no lo recordáis, mirad donde hemos recortado para tener la parte que queriamos del avatar).

Ahora, vamos al menú Imagen>Ajustes>Tono/Saturación (Image>Adjustments>Hue/Saturation)

Nos saldrá una nueva ventana con 3 lineas. Tono es para cambiar el Tono de la imagen ( ej de Azul a Rojo, a verde etc.), Saturacion es para avivar los colores, y Brillo es para oscurecer/aclarar la imagen.

En este caso nos centramos en Saturación. Para este avatar, la subiremos arrastrando la flecha hacia el lado izq. hasta donde nos guste:

Finalmente aceptamos, y ya tenemos nuestro avatar. Dependiendo de la imagen, el resultado se verá más o menos, y cuando se aprende a poner diferentes efectos, se nota muchísimo más XD

Espero que haya sido útil el tutorial, y cualquier duda, ya sabéis. Ja nee <3

Colores Retro

¿Quieres aprender a hacer una fotografia de las típicas retro? Pues aqui tienes un tutorial muy sencillo para hacerlo ^^

Abrimos la fotografia/imagen que queremos editar ( Archivo> Abrir o File/Open)

Vamos al menu Capa> Nueva Capa ( Layer> New Layer) y crearemos una nueva capa: Capa 1

Mirando que tengamos la Capa 1 seleccionada en el panel de capas, cogemos la Herramienta Marco Rectangular ( Rectangular Marquee Tool):

Hacemos una selección sobre la imagen ( sin dejar de pulsar el botón izq. del ratón) que sea más o menos la mitad de la imagen:

Ahora vamos a la ventanita de la derecha, donde pone Muestras (Swatches) ( si no aparece la ventanita, id al menú Ventana > Muestras ( Window>Swatches)) y elegimos el color ROJO:

Seleccionamos ahora la herramienta Bote de Pintura ( Paint Bucket Tool),y clicamos sobre la selección para que quede roja:

Vamos al menú Selección > Invertir ( Select > Invert) y se invertirá la selección hacia la parte no pintada.

 

Repetimos el mismo proceso que hicimos con el color rojo, pero esta vez cambiamos el color a VERDE:

Deseleccionamos clicando en la Herramienta de Marco Rectangular en la selección. Después, vamos a la Ventana de Capas/Layers ( si no aparece, id al menú Ventana> Capas ( Window>Layers) ) y clicad en el ojo que hay al lado de la capa, para que esta quede oculta:

Ahora seleccionamos la capa de fondo clicandole encima:

Vamos al menú Imagen>Ajustes>Igualar Color ( Image> Adjustments> Match Color)

Nos saldrá una nueva ventana. Vamos donde pone Estadisticas de Imagen ( Image statistics) y en Origen ( Source) seleccionamos el Fondo ( la imagen original):

En Capa ( Layer), seleccionamos Capa 1 ( Layer 1):

Para acabar, en Opciones de Imagen ( Image Options), cambiamos los valores que hay por estos:

RESULTADO FINAL

¿Que os ha parecido? No es muy complicado y es un bonito efecto para las fotografias e imagenes que queramos ^^ Cualquier duda ya sabéis, ¡no dudéis en preguntar! Ja nee <3