[Tutorial] • Te enseño a crear iconos Flat •

[Tutorial] • Te enseño a crear iconos Flat •



  1. 11/01/2015, 01:25 #1



    1- Vamos a archivo--->Nuevo y creamos un documento a nuestro gusto(pero preferiblemente cuadrado), yo lo crearé de 800x800 px


    2- Luego seleccionaremos la herramienta bote de pintura y rellenaremos el fondo de nuesto documento con el color que deseemos.



    3- Después seleccionaremos la herramienta forma personalizada y tomaremos una de las formas que están en la galería.



    4- Crearemos la forma dos veces, en mi caso una de color blanco que será la forma que llevará el ícono y una segunda forma en color negro que será la sombra. Esto podemos hacerlo creando la forma original y luego dando clic derecho sobre la forma y hacemos clic en duplicar capa.




    5- Cuando tengamos las dos formas creadas vamos a rasterizar la capa que jugará el papel de sombra, lo podemos hacer dando clic derecho sobre la capa y luego ---> Rasterizar Capa.


    6- Cuando rasterizamos la capa la arrastramos hacia abajo de la forma principal.


    7- Luego la moveremos hacia abajo con una distancia promedio, y después en la dirección que queramos si derecha o izquierda.


    8- Con la capa seleccionada nos iremos a la opción Filto--->Desenfoque--->Desenfoque de Movimiento.


    9- Cuando estamos en dicha opción vamos a fijarnos en que el desenfoque sobrepase la parte de abajo del ícono, es decir que cubra todo el límite del documento, pero que arriba nos sobre espacio para luego aplicarlo de la manera correcta.


    10- Después que aplicamos el desenfoque seleccionamos la opción bote de pintura y rellenamos la capa del desenfoque, luego de que la rellenamos la arrastraremos hacia abajo de la forma.



    11- Luego vamos a la pestaña de capas y ajustamos la opción de opacidad a nuestro gusto, hecho ésto ya nuesto ícono debería estar listo!



    12- Finalmente obtendremos algo como esto:






  2. 11/01/2015, 01:40 #2
    Buen tutorial, muchas gracias. (:
    Ahora sólo falta que me descargue PhotoShop, no creo que lo pueda hacer con Paint.net.

  3. 11/01/2015, 01:43 #3
    jajaj si definitivamente necesitaras el PS jajaja saludos!
    Cita Iniciado por Joseahfer Ver mensaje
    Buen tutorial, muchas gracias. (:
    Ahora sólo falta que me descargue PhotoShop, no creo que lo pueda hacer con Paint.net.

  4. 11/01/2015, 03:00 #4
    Muchas gracias, me gusto este tutorial, se aprenden unas cosas cada dia jajaja

  5. 11/01/2015, 03:10 #5
    Me alegra que te agrade saludos!

  6. 11/01/2015, 03:12 #6
    Muy util el tutorial. Un saludo!

  7. 11/01/2015, 03:14 #7
    Me alegro que te gusten pronto espero poner otros mas, así que pendientes =)

  8. 11/01/2015, 04:29 #8
    buen tutorial, me agrada!

  9. 11/01/2015, 04:41 #9
    Un tutorial muy completo y útil para los que empiezan!

  10. 11/01/2015, 04:52 #10
    Muy buen tutorial, al final se le puede agregar un degradado a la sombra y quedaría mejor.


Temas similares

  1. Busco dropshippers de iPhone 6
    Por Emilio14 en el foro Dropshipping
    Respuestas: 12
    Último mensaje: 28/10/2014, 11:41

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •