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

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

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

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 4i5n2v

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 356e24


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

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 112y57

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 291ad

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 n233f

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 195w2i

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

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

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. 326t3f

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