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 1545n


Detalles y recursos del tutorial 94f6e

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 9526

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

Paso 2> Antecedentes 463t5z

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

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 w2b17

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

Paso 5> Rayos del Sol 5t2m4z

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.
c) Duplica nuevamente los rayos y gíralos 45 °.

Paso 6> Nube 3t2k59

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

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 n62

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

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.
c) Agregue el Desenfoque gaussiano con un radio de 2,7 píxeles y presione OK.

11s2s

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