Crear un icono de pincel en Adobe Photoshop – Photoshop Star

En el siguiente tutorial, aprenderá cómo crear un ícono de pincel simple en Adobe Photoshop.



Imagen final

Como siempre, esta es la imagen final que crearemos:

Crear un icono de pincel Final


Detalles del tutorial

  • Programa: Adobe PhotoshopCC
  • Tiempo estimado de finalización: 45 minutos
  • Dificultad: Principiante Intermedio

Paso 1

Abre Photoshop y pulsa Controlar + N para crear un nuevo documento. Ingresa todos los datos que se muestran en la siguiente imagen y haz clic OK. Habilitar la cuadrícula (Ver > Mostrar > Cuadrícula) y Ajustar a la cuadrícula (Ver > Ajustar a > Cuadrícula).

Para empezar, necesitará una cuadrícula cada 5pxasí que simplemente ve a Editar > Preferencias > Guías, Cuadrícula y Sectores y enfócate en el Red sección. Ingresar 5 en el Línea de cuadrícula cada caja y 1 en el Subdivisión caja. Además, establezca el color de la cuadrícula en #a7a7a7. Una vez que haya configurado todas estas propiedades, haga clic en OK. No te desanimes por toda esa cuadrícula, te facilitará el trabajo más adelante.

También debe abrir el Información tablero (Ventana > Información) para una vista previa en vivo con el tamaño y la posición de sus formas.
Crear un icono de pincel 1


Paso 2

Establezca el color de primer plano en #f2c366elige el Herramienta rectangular y crear un 80x40px forma vectorial Asegúrate de que permanezca seleccionado, enfócate en la parte inferior y cambia a la Herramienta de selección directa. Seleccione el punto de anclaje izquierdo y arrástrelo 10px a la izquierda, luego seleccione el punto de anclaje derecho y arrástrelo 10px A la derecha. El Encajar a la cuadricula característica facilitará su trabajo.

Al final, su rectángulo debe convertirse en un trapezoide simple como se muestra en la segunda imagen.
Crear un icono de pincel 2


Paso 3

Asegúrese de que su forma vectorial aún esté seleccionada y vaya a Editar > Transformar > Deformar. Concéntrese en el panel de control, seleccione Bulto desde el Deformación menú desplegable, marque la Orientación botón (indicado por el círculo azul), ingrese «-15» en el doblar cuadro y luego golpe Ingresar. Al final, las cosas deberían verse como en la segunda imagen.

Crear un icono de pincel 3


Etapa 4

Asegúrese de que su forma vectorial aún esté seleccionada y vuelva a ir a Editar > Transformar > Deformar. Concéntrese en el panel de control, seleccione Arco Inferior desde el Deformación menú desplegable, ingrese «25» en el doblar cuadro y luego golpe Ingresar.

Al final, las cosas deberían verse como en la segunda imagen.
Crear un icono de pincel 4


Paso 5

Asegúrese de que la forma de su vector permanezca seleccionada, elija el Lapiceracéntrese en el panel de control y compruebe el Restar de la forma frontal icono (indicado por el círculo azul).

Muévase a su forma vectorial y dibuje varios triángulos aproximadamente como se muestra en la siguiente imagen. Una vez más, el Encajar a la cuadricula característica debería facilitar su trabajo.

Crear un icono de pincel 5


Paso 6

Centrarse en el Capas panel y simplemente haga doble clic en su forma vectorial para abrir el Estilo de capa ventana. Activar el Sombra interiorel Brillo interior y el Gradiente de superposición luego ingrese los atributos que se muestran en las siguientes imágenes. Los números blancos de la Gradiente de superposición soporte de imagen para Ubicación porcentaje.

Crear un icono de pincel 6
Crear un icono de pincel 6
Crear un icono de pincel 6
Crear un icono de pincel 6


Paso 7

Establezca el color de primer plano en negro y elija el Herramienta rectangular. Crea dos, 5x65px rectángulos y tres, 10x65px rectángulos y colóquelos como se muestra en la siguiente imagen.

Centrarse en el Capas y asegúrese de que todos estos rectángulos negros estén seleccionados. Simplemente haga clic derecho en una de esas formas vectoriales y vaya a Combinar formas. Esto convertirá tus rectángulos en una sola forma vectorial.

Crear un icono de pincel 7


Paso 8

Asegúrese de que su forma de vector negro aún esté seleccionada y vaya a Editar > Transformar > Perspectiva. Concéntrate en la parte inferior, arrastra la esquina derecha 30 píxeles a la derecha luego golpea Ingresar. Al final, las cosas deberían verse como en la segunda imagen.

Crear un icono de pincel 8


Paso 9

Asegúrese de que su forma de vector negro aún esté seleccionada y vaya a Editar > Transformar > Deformar. Seleccione Bulto desde el Deformación menú desplegable, marque la Orientación botón, ingrese «-60» en el doblar cuadro y luego golpe Ingresar.

Al final, las cosas deberían verse como en la segunda imagen.
Crear un icono de pincel 9


Paso 10

Centrarse en el Capas panel, sostenga el Control de su teclado y simplemente haga clic en las formas vectoriales inferiores para cargar una selección simple a su alrededor, como se muestra en la primera imagen.

Sigue enfocándote en el Capas panel, seleccione su forma de vector negro y haga clic en el Añadir máscara de capa botón (indicado por el círculo azul en la siguiente imagen). Al final, las cosas deberían verse como en la segunda imagen. Ya no necesitará la selección, así que simplemente presione Controlar + D deshacerse de eso.

Crear un icono de pincel 10


Paso 11

Asegúrese de que su forma vectorial negra enmascarada aún esté seleccionada, concéntrese en el Capas panel, baje su Opacidad a 20% y cambiar el Modo de fusión a Cubrir.

Crear un icono de pincel 11


Paso 12

Para los siguientes pasos necesitará una cuadrícula cada 2 píxelesasí que simplemente vaya a a Editar > Preferencias > Guías, Cuadrícula y Sectores y entrar 2 en el Línea de cuadrícula cada caja.

elige el Herramienta Rectángulo redondeadocéntrese en el panel de control y configure el Radio a 3 píxeles. Vaya a su lienzo, cree un 84x10px rectángulo redondeado y colóquelo como se muestra en la primera imagen.

Abre el Estilo de capa ventana para esta nueva forma vectorial e ingrese los atributos que se muestran en las siguientes imágenes.

Crear un icono de pincel 12
Crear un icono de pincel 12
Crear un icono de pincel 12
Crear un icono de pincel 12


Paso 13

Asegúrese de que su rectángulo redondeado aún esté seleccionado y duplíquelo (Controlar + J). Centrarse en el Capas panel, simplemente haga clic derecho en esta copia nueva y vaya a Borrar estilo de capa. Asegúrese de que la copia permanezca seleccionada, baje su Llenar a 0% luego abre el Estilo de capa ventana e ingrese las propiedades que se muestran en las siguientes imágenes.

Crear un icono de pincel 13
Crear un icono de pincel 13
Crear un icono de pincel 13


Paso 14

Para los siguientes pasos necesitará una cuadrícula cada 5pxasí que simplemente vaya a a Editar > Preferencias > Guías, Cuadrícula y Sectores y entrar 5 en el Línea de cuadrícula cada caja.

Utilizando el Herramienta rectangularcrear un 80x20px forma vectorial y colóquelo como se muestra en la primera imagen. Asegúrese de que este nuevo rectángulo permanezca seleccionado y muévase a la Propiedades tablero (Ventana > Propiedades). Concéntrese en la sección de las esquinas y simplemente ingrese «10px» en los cuadros superiores como se muestra en la siguiente imagen.

Al final, su nueva forma vectorial debería verse como en la segunda imagen.
Crear un icono de pincel 14


Paso 15

Abre el Estilo de capa ventana para la forma vectorial realizada en el paso anterior e ingrese los atributos que se muestran en las siguientes imágenes.

Crear un icono de pincel 15
Crear un icono de pincel 15
Crear un icono de pincel 15
Crear un icono de pincel 15


Paso 16

Utilizando el Herramienta rectangularcrear un 20x40px forma vectorial y colóquelo como se muestra en la primera imagen. Asegúrese de que este nuevo rectángulo permanezca seleccionado y muévase a la Propiedades tablero (Ventana > Propiedades). Nuevamente, concéntrese en la sección de las esquinas y simplemente ingrese «10px» en los cuadros superiores como se muestra en la siguiente imagen.

Al final, su nueva forma vectorial debería verse como en la segunda imagen.
Crear un icono de pincel 16


Paso 17

Abre el Estilo de capa ventana para la forma vectorial realizada en el paso anterior e ingrese los atributos que se muestran en las siguientes imágenes.

Crear un icono de pincel 17


Paso 18

Pegar Mayús + Control + Alt + N para crear una nueva capa, selecciónela y envíela al fondo (Mayús + Control +[[ ). Asegúrese de que esta nueva capa permanezca seleccionada, elija la Herramienta Bote de pinturaestablezca el color de primer plano en #edd6c8 y simplemente haga clic dentro de su lienzo.

Crear un icono de pincel 18


Paso 19

Centrarse en el Capas panel, haga clic derecho en la capa hecha en el paso anterior y vaya a Convertir a objeto inteligente. Asegúrese de que este nuevo objeto inteligente permanezca seleccionado y vaya a Filtro > Ruido > Añadir ruido. Ingrese los atributos que se muestran en la siguiente imagen y haga clic en OK.

Crear un icono de pincel 19


Paso 20

Seleccione todas las formas que componen su pincel y duplíquelas (Controlar + J).

Asegúrese de que solo se seleccionen las copias y conviértalas en un nuevo objeto inteligente. Selecciónalo, baja su Llenar a 0% luego abre el Estilo de capa ventana e ingrese los atributos que se muestran en las siguientes imágenes.

Crear un icono de pincel 20
Crear un icono de pincel 20
Crear un icono de pincel 20


Paso 21

Vuelva a seleccionar el objeto inteligente creado en el paso anterior y duplíquelo (Controlar + J). Centrarse en el Capas panel, haga clic derecho en esta copia nueva y simplemente vaya a Borrar estilo de capa.

Asegúrese de que este nuevo objeto inteligente permanezca seleccionado, baje su Llenar a 0% luego abre el Estilo de capa ventana e ingrese los atributos que se muestran en las siguientes imágenes.

Crear un icono de pincel 21
Crear un icono de pincel 21
Crear un icono de pincel 21


¡Y hemos terminado!

Así es como debería verse el resultado final.

Crear un icono de pincel Final

¿Todavía no eres usuari@ de Fiverr ?

Tenemos un post sobre Fiverr donde te contamos cono funciona.

Deja un comentario