Diseño

Ξ 6 comentarios

Cómo hacer el efecto de un sticker en Photoshop

por Dexter
Cómo hacer el efecto de un sticker en Photoshop

 

En general no soy quien regularmente sube tutoriales de Photoshop a Como Lo Hago pero este efecto lo encuentro tan genial que no podía dejar de compartirlo con ustedes.

En un par de simples pasos observaran que es más fácil de lo que parece.

Los invito a continuar la lectura después del salto.

Cómo hacer el efecto de un sticker en Photoshop

¿Qué necesitamos?

  • Adobe Photoshop (Para este tutorial se utilizó Photoshop CS3 en ingles, pero todos los pasos están explicados para la versión en español)

Cómo lo hacemos?

Necesitamos obviamente alguna imagen o logo el cual nos servirá como base para nuestro sticker. En este caso usaré el logo de Como Lo Hago.

Debemos crear una nueva capa usando el comando Shift+Cntrl+n (en Pc) el cual pintaremos con blanco. Tomamos el logo y lo achicamos un poco para que la capa blanca quede más grande que el logo y se vea como un marco.

Hacemos doble click sobre la capa que posee el logo, la cual se nota al costado derecho(en azul). De esta manera abriremos las configuraciones de estilos de capa.

Nos vamos a la última opción que corresponde a “trazo”.

Elegimos los siguientes valores:

  • Tamaño -> “6”
  • Posición -> “exterior”
  • Modo de fusión -> “normal”
  • Opacidad -> “100%”
  • Tipo de relleno -> “color” y elegimos el color blanco.

A continuación elegimos la opción “Resplandor exterior”.

Elegimos los siguientes valores:

  • Modo de Fusión -> “Normal”
  • Opacidad -> “75%”
  • Ruido ->”0″
  • Técnica -> “Más Suavizado”
  • Extender -> “35%”
  • Tamaño -> “9 px”
  • Rango -> “50%”
  • Vibración -> “0%”

A continuación elegimos la opción “Sombra Paralela”.

Elegimos los siguientes valores:

  • Modo de Fusión -> “Multiplicar”
  • Opacidad -> “75%”
  • Ángulo -> “90°”
  • Hacemos click en “Usar luz Global”
  • Distancia -> “6 px”
  • Extensión -> “0%”
  • Tamaño -> “5 px”
  • Ruido -> “0%”
  • Hacemos click en “La capa cubre la sombra paralela”

Damos Ok.

Ahora debemos hacer un click simple sobre la capa con el logo y apretamos la combinación de teclas Ctrl +t para transformar la capa. Esto hará que cambie entre modo de transformación libre y deformación (Warp).

Debemos hacer click sobre el ícono que está encerrado en el círculo rojo y aparecerán sobre nuestra imagen unas guias que dividirán la imagen en cuadrados.

Tomamos el nodo inferior derecho de la imagen y con el click apretado sobre el nodo arrastramos de manera de deformar la imagen.

Ahora creamos una nueva capa usando el comando Shift+Cntrl+n, en Opacidad ingresamos el valor “50%” y luego presionamos la combinación Ctrl+Alt+g para crear una máscara base a la capa con el logo.

Hacemos click sobre la herramienta “Gradiente” y entramos al Editor de gradiente.

Elegimos los siguientes valores:

  • Elegimos la segunda opción de los “Ajustes preestablecidos”
  • Tipo de degradado -> “Sólido”
  • Suavizado -> “100%”
  • Desplazamos la flechita de la barra de abajo hacia la derecha.
  • Ajustamos el valor de Ubicación ->”60%”
  • Color -> Blanco

 

Damos Ok.

Ahora debemos hacer click y manteniendolo apretado debemos hacer una pequeña linea desde la esquina inferior derecha a la esquina superior izquierda en donde debiese ir el doblez del sticker.

Ahora debemos hacer click derecho sobre la “fx” que aparece en nuestra capa con el logo. Allí deben hacer click sobre “Crear Capas”. Verán que todos los efectos que antes habíamos hecho se han convertido en capas independientes.

Damos click sobre la capa “Sombra paralela” y una vez elegida apretaremos la combinación de teclas Ctrl +t para transformar la capa. Esto hará que cambie entre modo de transformación libre y deformación (Warp).

Hacemos el mismo proceso de antes de hacer click sobre el ícono que aparecía arriba de manera que la imagen se divida en cuadrados y tomando el nodo inferior derecho lo arrastramos solo un poco hacia abajo para agrandar la sombra.

Guardamos nuestra imagen y estamos listos!!! Ya tienen su efecto de Sticker!!!

Espero que este tutorial haya sido de su agrado y será hasta la próxima.

Sin más que agregar, me despido y como siempre, Felices proyectos!!!!!

Para cualquier consulta no duden en escribirnos.

Estaremos felices de responderles y ayudarles en todo lo posible.

Como Lo Hago, si se puede, te lo enseñamos.

 

 

 

Comparte este tutorial

El culpable de todo esto

Cuenta la leyenda, que si Albert Einstein hubiese sido mujer, se hubiese encontrado con Isaac Newton y hubiesen tenido un hijo, mientras por otro lado MacGyver se hubiese encontrado con la versión femenina de una fusión entre los Cazadores de Mitos, hubiesen tenido una hija, y por afán del destino esos 2 niños se hubiesen encontrado cuando adultos y hubiesen tenido un hijo, ese sería Dexter. Simple, ¿No?. Existen otras teorías respecto a su origen, pero en verdad no quisieramos mentirles… sería una rotería. Bautizado en los barrios populares como ‘El Jackie Chan de la Electrónica’, presenta las más diversas soluciones a los problemas diarios. Es un crack.

En los barrios marginales se le conoce como: Dexter

Comentarios en Facebook

6 Comentarios

  • como se hachica la Imagen

  • @mharquito
    En el menú “imagen”, debes hacer click en “Tamaño de imagen”.
    En Photoshop CS3 puedes usar la combinación de teclas Alt+Ctrl+I.
    Saludos

  • HOLA, ME GUSTAN TUS TUTORIALES, SOY MUY MALA CON LOS DEGRADADOS, NO LOGRO ENTENDERLOS MUY BIEN, QUISIERA ME EXPLICARAS UN POCO DE ELLOS. EN ESPECIAL ME GUSTARÍA DEGRADAR UNA IMAGEN PERO QUE NO TENGA NADA DE FONDO, COMO DIFUMINARLA. OJALÀ ME PUEDAS AYUDAR.

    SALUDOS

  • aaa otra cosita… como puedo cambiar el tamaño de mi cursos con el teclado????

    gracias

  • Necesito como aprender a usar el photoshop y si tengo una imagen que esta creada por otra persona en este programa, podría modificarla??

  • Queria preguntar, no encuentro el boton para doblar la imagen, cuando delimito la imagen solo me aparece el recuadro exterior y no los delimitadores adentro para poder doblar esa sola parte. Tengo el Photoshop CS3, sera por eso que no esta esa opción?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Gente linda que nos quiere

Donde mas estamos