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

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.

Deja un comentario

Información
Atención! Usuarios que están en este grupo no pueden dejar comentarios en la página...Primero debes Registrarse!

Redes Sociales

Recupera Tus Mensajes O Chats De WhatsApp Borrados

Recupera Tus Mensajes O Chats De WhatsApp Borrados

  Recuperar mensajes y chats borrados de tu aplicación WhatsApp para Android es una tarea que puede resultar  necesaria alguna vez. A menudo, estamos tratando de liberar espacio físico de nuestro dispositivo Android y llegamos incluso a borrar...
Integrar El Boton de Whatsapp En Tu Web

Integrar El Boton de Whatsapp En Tu Web

  De todos es conocido que WhatsApp se ha convertido en una herramienta para compartir fotos y vídeos con tus amigos, familiares y compañeros de trabajo. También cada vez más usado, para compartir enlaces de contenidos de la web y otras aplicaciones móviles. Para ayudar a compartir los contenidos...
Crees que las redes sociales te están haciendo bien o mal

Crees que las redes sociales te están haciendo bien o mal

Las redes sociales te ofrecen una forma única de observar a la gente. Por ejemplo, el lenguaje utilizado en Twitter puede usarse para predecir si alguien está en riesgo de morir de una enfermedad cardíaca. El análisis de las actualizaciones de Facebook muestra que las mujeres son generalmente más...
Crea una imagen para las redes sociales

Crea una imagen para las redes sociales

Aprenda a combinar una foto, texto y material gráfico en Photoshop para su Facebook, Twitter y otras publicaciones en redes sociales. Utilice estas habilidades para crear sus propias imágenes de redes sociales o cualquier diseño que cree en Photoshop. Adobe Photoshop es un editor de gráficos...
Comparte instantáneamente tus fotos y diseños

Comparte instantáneamente tus fotos y diseños

Muestre rápidamente su trabajo a clientes y compañeros de trabajo, o comparta una idea al instante por correo electrónico, texto, redes sociales y más, todo dentro de Adobe Photoshop CC. Nota: Necesitará la última versión de Photoshop CC para usar esta función. Comparte tu trabajo ahoraHaz clic en...
Que Hacer Si Su Telefono Fue Robado O Perdido

Que Hacer Si Su Telefono Fue Robado O Perdido

Si te robaron o perdiste tu teléfono móvil, podemos asegurarnos de que nadie pueda usar tu cuenta de WhatsApp. Qué hacer Bloquea tu tarjeta SIM. Primero debes llamar a tu operador de telefonía móvil y pedir que bloqueen tu tarjeta SIM. Después del bloqueo, ya no será posible verificar la cuenta de...