» » Crear Icono Del Tiempo En Photoshop

Crear Icono Del Tiempo En Photoshop

En este tutorial de Photoshop, te mostraré cómo crear un icono meteorológico simple con Photoshop. Simple pero efectivo, este moderno icono es fácil de crear. No se requieren técnicas especiales ni habilidades de Photoshop para crear su propio icono del clima. Puede utilizar la misma técnica para crear el icono utilizando Illustrator.

Aprende a crear un ícono de clima fresco en Photoshop


Detalles y recursos del tutorial

Dificultad: Facil
Aplicaciones de principiante utilizadas: Adobe Photoshop (CS5 o posterior) 
Tiempo estimado de finalización: 10-15 ′ Minutos 
Recursos: -

Paso 1> Crear un nuevo documento

Crear un nuevo documento de Photoshop. Para este tutorial usé ancho de 800px y alto de 400px.

Paso 2> Antecedentes

Puede ir directamente al ícono pero llené el fondo vacío usando la herramienta Paint Bucket Tool ( G ) y el color # ebeee1 .

Paso 3> Base

Para crear la base de iconos, cambie el color de primer plano a # 3bc3f6 y elija la herramienta Rectángulo redondeado ( U ). Presione el botón izquierdo sobre su documento y establezca Ancho de 250 px, Altura de 250 px y Radio de 65 px. Para alinear la forma, presione ( Ctrl + A ) y use los botones "Alinear vertical / horizontal centro" de la barra de herramientas superior. A continuación, cambie el nombre de la capa a "Base".

Paso 4> Sol

Para crear el sol, primero, cree una nueva capa y luego elija la herramienta Elipse (U). Dibuja un círculo pequeño con el color # e8db4b .

Paso 5> Rayos del Sol

Para crear los rayos del sol, cree una nueva capa y dibuje una pequeña línea redondeada con la Herramienta Rectángulo Redondeado ( U ). Luego, vaya a Capa> Capa duplicada y mueva el nuevo rayo duplicado al otro lado del sol. Presione (Ctrl + E) para fusionar los 2 rayos solares. Para crear más rayos solares, duplique la capa de rayos solares y vaya a Edición> Transformar> Girar 90 ° CW. Luego, fusione los (4) rayos seleccionándolos usando ( Mayús ) y presionando ( Ctrl + E ) en su teclado. Finalmente, presione ( Ctrl + T ) en su teclado y gire los rayos solares 45 °.

a) Crea (2) capas redondeadas y fusionalas.
b) Duplique los rayos y gírelos 90 ° CW.
c) Duplica nuevamente los rayos y gíralos 45 °.

Paso 6> Nube

Para crear la nube, primero presione ( D ) en su teclado para restablecer los colores predeterminados. Cree una nueva capa y elija la herramienta Rectángulo redondeado ( U ). Dibuje un círculo pequeño y duplíquelo varias veces (Capa> Duplicar capa). Cambie el tamaño y la posición de los círculos para que se vean como una nube (imagen b). Seleccione todas las capas de círculo usando ( Shift ) y presione ( Ctrl + E ) para fusionarlas en 1 capa. A continuación, vaya a Capa> Estilo de capa> Opciones de fusión. y añada los siguientes ajustes (imagen c - d):

a) Crea el círculo pequeño
b) Duplica el círculo, cambia el tamaño y la posición varias veces.
c) Agregue Sombra con los siguientes ajustes: Modo de fusión: Normal, Opacidad: 65%, Distancia: 7px, Tamaño y Extensión: 0px, Color: # 1da3c7
d) Agregue  Superposición de degradado  con los siguientes ajustes: Modo de fusión : Normal, Opacidad 100%, Color: # def1f6 a # f2f2f2 gradiente, Estilo: Radial.

Paso 7> Resaltar

Cree una nueva capa y cámbiele el nombre a "Resaltar 1". Con Resaltar 1 capa activa, presione ( Ctrl + clic izquierdo ) en la capa "Base" para cargar la selección. Elija la herramienta Pincel ( B ) con color blanco, tamaño de 300 px y 0 dureza. Pinte sobre la selección y presione ( Ctrl + D ) para deseleccionar. Cambie el modo de fusión a Superposición y la opacidad al 90%.

Paso 8> Otro punto culminante

Para crear el reflejo de resaltado, primero, cree otra capa y cámbiele el nombre a "Resaltar 2". Elija la herramienta de marco elíptico ( M ) y dibuje una selección redondeada como la (imagen a). Rellene la selección con color blanco usando la herramienta Paint Bucket Tool ( G ). Con la capa "Resaltar 2" aún activa, presione ( Ctrl + clic izquierdo ) en el icono de la capa "Base". A continuación, vaya a Seleccionar> Invertir para invertir la selección y presione ( Eliminar) en su teclado. Cambie el modo de fusión a Overlay con un 30% de opacidad.

a) Dibuja una selección redondeada y rellénala con color blanco.
b) Invierta la selección y presione Eliminar en su teclado.

Paso 9> Sombra

Para crear la sombra, vuelva a seleccionar la Herramienta de recuadro elíptico ( M ) y dibuje una pequeña forma redondeada debajo del icono (imagen a). Rellénelo con color negro y presione ( Ctrl + D ) para deseleccionar su selección. Vaya a Filtro> Desenfoque> Desenfoque de movimiento y cambie la distancia a 100 píxeles, Ángulo a 0. Luego, vaya a Filtro> Desenfoque> Desenfoque gaussiano y agregue 2, Radio de 7 píxeles. Mueva la capa de sombra debajo de la capa "Base" y cambie el modo de fusión a Linear Burn con un 25% de opacidad.

a) Dibuja una pequeña forma redondeada y rellénala con color negro.
b) Añadir Motion Blur con 100 píxeles de distancia.
c) Agregue el Desenfoque gaussiano con un radio de 2,7 píxeles y presione OK.

Conclusión

Si le gustan los íconos planos sobre el brillo, simplemente desactive las capas Resaltar 1 y Resaltar 2. Para guardar el ícono con fondo transparente, desactive el fondo que creamos. Cambie el color base y agregue más íconos para crear un conjunto completo de íconos meteorológicos. Por: Dreamstale

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