Cómo crear iconos de aplicación de calendario con Photoshop

Cada día, se lanzan nuevas aplicaciones móviles y la cantidad de personas que usan aplicaciones continúa creciendo rápidamente. La creación de una aplicación exitosa es algo que concierne tanto a los programadores como a los diseñadores. A veces, los diseñadores gráficos pueden necesitar realizar el diseño de las aplicaciones o dibujar iconos efectivos para ellas.

Es por eso que, en este tutorial, le mostraré cómo crear un hermoso icono de aplicación de calendario usando Adobe Photoshop.

Aquí puedes ver una vista previa del resultado final.(Imagen Superior)

PASO 1

Como de costumbre, lo primero que debe hacer es abrir un nuevo documento de Photoshop. Lo hice 1200 x 700 píxeles. Luego puedes rellenar el fondo como prefieras.

PASO 2

Ahora empezaremos a crear la aplicación. Seleccione la “Herramienta Rectángulo Redondeado” y establezca el radio en 40 píxeles.

Luego, dibuje un cuadrado redondeado blanco (#ffffff); puede hacer esto fácilmente si presiona la tecla "Shift" mientras mueve el mouse.

PASO 3

Es hora de agregar algunas capas con estilo. Por lo tanto, haga doble clic en la capa y vaya a "Sombra". Le sugiero que establezca valores como estos:

Modo de mezcla: Normal 
Color: Negro (# 000000) 
Opacidad: 30% 
Ángulo: 81 ° 
Distancia: 2 
Extensión: 0 
Tamaño: 3 
Ruido: 0

A continuación, abra el panel "Trazo" e inserte estos parámetros:

Tamaño: 2 a 3 
Posición: Exterior 
Modo de 
fusión: Opacidad normal : 25% 
Color: # 343434

Deberías obtener este resultado.

PASO 4

En este paso vamos a crear las páginas del calendario.

Haz clic derecho en la capa y duplica. Mueva la nueva capa hacia arriba simplemente usando la flecha hacia arriba, recuerde que cada vez que presiona la tecla levanta la forma a aproximadamente 1 píxel. Lo puse 5 píxeles más alto que la capa anterior.

Recuerde anular la selección de la "Sombra paralela" de esta capa y cambiar el color del "Trazo" a # 000000.

Además, tienes que recortar esta capa a la anterior. ¿Cómo puedes hacer eso?

Es muy simple, simplemente haga clic derecho en la capa y haga clic en "Crear máscara de recorte"

PASO 5


Ahora tenemos dos formas diferentes.

Una vez más, debe duplicar el segundo, moverlo hacia arriba y recortarlo a la capa anterior.

Esta vez haremos visible la "Sombra de la gota".

Así hemos creado las páginas de nuestro calendario.

PASO 6

Para hacer que el calendario parezca más real, agregaremos un borde naranja en la parte superior.

Seleccione la “Herramienta Rectángulo” y dibuje un rectángulo como este. El color es # fd9f1b.

PASO 7

Una vez más, es importante crear una máscara de recorte para colocar el rectángulo dentro de la forma de las páginas.

PASO 8

También tenemos que agregar un poco de estilo a la capa, así que vamos a abrir el "Panel de estilo de capa".

Vaya a "Trazo" e inserte estos valores:

Tamaño: 2 
Posición: Exterior 
Modo de 
fusión: Opacidad normal : 100% 
Color: # dd870e

Luego haga clic en "Drop Shadow":

Modo de mezcla: Normal 
Color: # b9530f 
Opacidad: 83% 
Ángulo: 81 ° 
Distancia: 3 
Extensión: 0 
Tamaño: 3 
Ruido: 0

Obtendrá un resultado similar al que se muestra a continuación:

PASO 9

Después de que hemos creado el borde, también podemos agregar un estiramiento decorativo. Entonces, crea una nueva capa.

Tenemos que crear un nuevo pincel, pero no te preocupes, no será difícil.

Elija la "Herramienta Pincel", seleccione una redondeada con el tamaño de 4 píxeles. Luego vaya a "Ventana", luego en "Pincel". De esta manera, es posible crear un pincel personal.

Haga clic en “Doble pincel” y configure el “Diámetro” en 10 píxeles, el “Espaciado” en 250%, el “Dispersión” en 0 y el “Recuento” en 10.

PASO 10

El pincel está listo para ser utilizado, así que seleccione # f37302 como color y dibuje una línea horizontal. Como hicimos antes, puede presionar la tecla "Shift" mientras mueve el mouse para formar una línea perfecta.

PASO 11

Ya casi hemos terminado el tutorial. Solo tenemos que añadir el mes, el día y la fecha.

La fuente que utilicé fue "Helvetica Neue Bold".

Seleccione la "Herramienta de tipo horizontal", establezca el color a Blanco (#ffffff) y escriba el mes que prefiera en el borde naranja. También puedes decidir usar otro tamaño para obtener el resultado que más te guste.

PASO 12

Con la misma fuente, pero con un tamaño más pequeño, escriba el nombre del día, en este caso es sábado.

El color que usé es # fd9f1b, igual que la sección superior naranja.

PASO 13

El último paso es muy fácil, solo tiene que agregar la Fecha en el medio de la página. Esta vez el color es # 343333. Te sugiero que hagas el número más grande que las otras palabras.
El icono ya está listo y el tutorial ha finalizado. Espero que lo hayas encontrado útil y que hayas aprendido algo nuevo. Por Simone sala.


<a onclick=Tutoriales En Linea" class='avatar avatar-64 photo' height='64' width='64'>
  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2018-11-02
  • Categorias: Noticias Tutorial Adobe PhotoShop Software



Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!