En este tutorial, aprenderemos cómo usar Photoshop para dibujar un hermoso ícono. La pantalla es un monitor de escritorio y una computadora host. El efecto final se muestra en la siguiente imagen.
para cuatro íconos de diferentes tamaños
son los siguientes.
1. Como se muestra en la Figura 1, dibuje un rectángulo redondeado.
Figura 1
2. Presione las teclas Ctrl+T y ajuste el mango para obtener la forma que se muestra en la Figura 2.
Figura 2
3. Aplique el estilo gráfico que se muestra en la Figura 3 y la Figura 4.
Figura 3
Figura 4
La imagen después de aplicar el estilo gráfico se muestra en la Figura 5.
Figura 5
4. Mantenga presionada la tecla Ctrl mientras hace clic en el nombre de la capa en el panel de capas para cargar la selección de capas. Ahora, presione la tecla de flecha derecha para mover la selección 4 píxeles más hacia la derecha.
Figura 6
5. Presione Shift+Ctrl+I para invertir la selección, luego mantenga presionado Ctrl+Alt+Shift y haga clic en el nombre de la capa para seleccionar la parte que se muestra en la Figura 7.
Figura 7
6. Mantenga la selección, cree una nueva capa, establezca el color de primer plano en #CFCECE y el color de fondo en #757575, seleccione un degradado lineal desde el color de primer plano hasta el color de fondo y complete la selección. Presione las teclas Ctrl+D para cancelar la selección. El resultado se muestra en la Figura 8.
Figura 8
7. Utilice la herramienta rectángulo para dibujar un rectángulo y presione la tecla D para cambiar los colores de primer plano y de fondo al blanco y negro predeterminado. Utilice un degradado lineal desde el color de primer plano hasta el color de fondo para rellenar el rectángulo. El resultado se muestra en la Figura 9.
Figura 9
8. De manera similar, use la herramienta Rectángulo para dibujar otro rectángulo. Esta vez, rellene el rectángulo con un degradado radial desde el primer plano hasta el fondo, configurando el color de primer plano en #A0D4F9 y el color de fondo en #1877D4. Los resultados se muestran en la Figura 10.
Figura 10
9. Utilice la herramienta de lápiz debajo del monitor para dibujar una forma como se muestra en la Figura 11.
Figura 11
10. Aplique el estilo de capa como se muestra en las Figuras 12 y 13.
Figura 12
Figura 13
La imagen después de aplicar el estilo de capa se muestra en la Figura 14.
Figura 14
11. Utilice la herramienta Elipse para dibujar una elipse como se muestra en la Figura 15.
Figura 15
12. Aplique el estilo de capa como se muestra en las Figuras 16 y 17.
Figura 16
Figura 17
La imagen después de aplicar el estilo de capa se muestra en la Figura 18.
Figura 18
13. Ahora vamos a dibujar una torre cerca del monitor. Para lograr este objetivo, dibuje tres formas diferentes como se muestra en la Figura 19. Puede usar la herramienta de lápiz al dibujar o puede dibujar primero un rectángulo y luego transformarlo.
Figura 19
14. Aplique el mismo estilo de capa a las tres capas donde se encuentran los gráficos anteriores, como se muestra en las Figuras 20 y 21.
Figura 20
Figura 21
15. Organice estos gráficos para que parezcan un chasis vertical, como se muestra en la Figura 22.
Figura 22
16. Como se muestra en la Figura 23, dibuje una línea recta negra de 2 píxeles.
Figura 23
17. Seleccione la Autoforma como se muestra en la Figura 24 de la lista de Autoformas.
Figura 24
18. Dibuje un contorno como se muestra en la Figura 25.
Figura 25
19. Aplique el estilo de capa de superposición de degradado como se muestra en la Figura 26.
Figura 26
La imagen después de aplicar el estilo de capa Superposición de degradado se muestra en la Figura 27.
Figura 27
20. Utilice la herramienta Elipse para dibujar una elipse y rellénela con un degradado lineal desde el color de primer plano gris claro hasta el color de fondo gris oscuro. El resultado se muestra en la Figura 28.
Figura 28
21. Utilice la herramienta Elipse para dibujar otra elipse y rellénela con un degradado radial desde el color de primer plano blanco hasta el color de fondo rojo. El resultado se muestra en la Figura 29.
Figura 29
22. Utilice la herramienta Rectángulo y la herramienta Línea para dibujar tres formas como se muestra en la Figura 30. Puedes hacer esto dibujando primero un rectángulo negro, luego agregando una línea gris de 2 px, luego agrupa estas capas y fusionalas. Después de esto copia y pega la capa.
Figura 30
: De esta forma se obtiene el efecto de icono final, como se muestra en la Figura 31. dirección original
Figura 31