Cómo dibujar el icono de Apple iCloud - Tutorial de Photoshop
iCloud, el nuevo servicio de almacenamiento en la nube introducido por Apple tiene un logotipo bastante simple pero hermoso. El ícono está hecho de material metálico y tiene un ícono de nube extruida en la parte superior. Puede que no lo sepa, pero crear este tipo de ícono es realmente muy fácil, y debajo está el ícono de iCloud que le enseñaremos a dibujar en esta publicación, usando Photoshop.!
Parece un poco complicado, pero de hecho todo lo que necesitamos es algunos estilos de capa, formas vectoriales básicas y un poco de dibujo manual. Vamos a entrar en eso!
Paso 1
Comience por crear un nuevo archivo con un tamaño de 512 x 512 px. Activar la herramienta Rectángulo redondeado. En la barra de opciones, establezca su radio a 75 px. Haga clic y arrastre para dibujar un rectángulo redondeado. Establece su color en # 5d5d5d.
Haga doble clic en la capa para abrir el cuadro de diálogo Estilo de capa. Agregue Superposición de degradado con degradado predeterminado, negro a blanco, y reduzca su opacidad al 76%.
Paso 2
Presione Ctrl + J para duplicar la forma de la capa. Haga clic en Editar> Transformación libre o presione Ctrl + T para realizar la transformación. Desde la barra de opciones establece su tamaño en 98%..
En el panel Capas, elimine el Estilo de capa arrastrando el ícono fx sobre el ícono de la papelera, que se encuentra en la parte inferior derecha del panel Capas. A continuación, haga doble clic en la miniatura de las capas para abrir el cuadro de diálogo Estilo de capa. Añadir sombra interna y superposición de degradado.
En la configuración de Superposición de degradado, establezca el Estilo del degradado en Ángulo. Haga clic en el cuadro de vista previa del degradado para abrir el editor de degradado y use la combinación de colores de # 8e8e8e, # a5a4a4 y # d8d8d8. Siéntase libre de jugar con cada posición de marcador, solo asegúrese de establecer el mismo color en el primer y último marcador.
Este es el resultado después de agregar estilos de capa..
Paso 3
Crear nueva capa. Rellénalo con degradado radial de blanco a negro..
Mantenga presionada la tecla Alt y arrastre la máscara vectorial desde la capa anterior a la capa actual. El gradiente ahora encaja dentro del icono.
Abre el estilo de capa y cambia su modo de fusión a pantalla.
Etapa 4
Dibuja un rectángulo redondeado dentro del icono. Establece su radio a 75px con el color # 2a2a2a.
Agregue 2 formas de círculo más (elija la herramienta Elipse, luego mantenga presionada la tecla Mayús y arrástrela). Desde la barra de opciones, establezca el modo de ruta en Agregar al área de forma.
Haga doble clic en la capa de la nube y luego agregue Sombra interior, Bisel y relieve, y Trazo.
Paso 5
Duplique la capa de la nube presionando Ctrl + J. Quite su Estilo de capa arrastrando el ícono fx desde la miniatura de su capa hasta el ícono de la papelera. Cambie su tamaño (Ctrl + T) al 89%.
Cambia el color de la forma a # 5d5d5d. Reordena la posición de cada forma hasta que el tamaño de la nube pequeña sea proporcional a la nube más grande.
Haga doble clic en la capa de la nube y agregue los siguientes estilos de capa.
Para la Superposición de degradado, asegúrese de usar la configuración exacta de la Superposición de degradado en el Paso 2.
Esto es lo que tenemos después de agregar estilos de capa a la pequeña nube..
Paso 6: Añadir textura de metal
El diseño actual es muy plano y demasiado limpio. Agreguemos una sutil textura metálica a la superficie. Crear nueva capa. Haga clic en Editar> Rellenar y seleccione Usar: Negro para rellenar la nueva capa con negro.
Haga clic en Filtro> Ruido> Agregar ruido.
Haga clic en Filtro> Desenfoque> Desenfoque radial. Seleccione el método de desenfoque: Spin and Quality: Best.
Este filtro hará girar el ruido y crea una onda circular..
Paso 7
Haga clic en Imagen> Ajustes> Nivel o presione Ctrl + L. En el cuadro de diálogo, arrastre el control deslizante negro en los Niveles de salida hacia el centro para aclarar la onda circular.
Mantenga presionada la tecla Alt y arrastre la máscara vectorial desde la capa base del icono hasta la capa actual. La onda circular está ahora dentro del icono..
Active la herramienta Selección de ruta y seleccione la ruta de la nube que creamos en el Paso 4. Presione Ctrl + C para guardarla en el portapapeles. Presione Ctrl + V para pegarlo en la máscara vectorial de la onda circular. Establece su modo de ruta para restar.
Finalmente, copie y pegue la ruta de la nube más pequeña que hemos creado en el Paso 5. Establezca su modo de ruta en Agregar a la forma.
Aquí está el resultado. La onda circular está dentro de la superficie del icono..
Cambiar el modo de fusión de la capa a la pantalla.
Paso 8: Sombra
Crear una nueva capa y colocar detrás de todas las capas. Cree una selección elíptica (usando la herramienta elipse) debajo del icono. Rellenar selección con negro.
Suavizar sombra utilizando filtro, Gaussian Blur. Haga clic en Filtro> Desenfoque> Desenfoque gaussiano.
Duplique la sombra presionando Ctrl + J. Agregue otro Desenfoque Gaussiano, para este tiempo use un radio más grande para obtener una sombra más suave. Si la sombra sigue siendo demasiado dura, puedes bajar la Opacidad de su capa.
Resultado final
Este es el resultado de nuestro tutorial. Como puede ver, el proceso de creación de este icono es muy sencillo. Solo necesitamos usar algunas formas vectoriales básicas y estilos de capas. Espero que disfruten de este tutorial. Si usted tiene alguna pregunta no dude en preguntar!
Descargar PSD
¿No se puede lograr cierto paso? Aquí está el archivo PSD del resultado para que lo pruebes y juegues con él..
- iCloud Icon Tutorial PSD File