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 5r5219

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 1ogo

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 5o1r34

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 "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 1e705f

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 3k6h3y


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 5723w

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 3j5b6w

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 395g20

También tenemos que agregar un poco de estilo a la capa, así que vamos a abrir el " 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 5t96d

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 2goc

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 6q303g

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 5h3r6u

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.

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. 6x5o2d

Compartir

Mi nombre es Alexander fundador y CEO, y me gusta llamarme un Geek. Amo la informática, tecnología y todo lo que está relacionado con ella. Inicié este sitio con la intención de compartir conocimientos como cursos en línea, tutoriales y videotutoriales. Estoy muy entusiasmado con la información que he descubierto y compartido hasta el momento. La verdad es que lo he hecho con el mayor de los gustos. Así es, soy un Geek con una visión para compartir conocimiento. Leer mas... 2c611u