Cómo crear un mini reproductor de música en Adobe Photoshop

En el siguiente tutorial aprenderá a crear un mini reproductor de música usando Photoshop.



Imagen final

Como siempre, esta es la imagen final que crearemos:

Cómo crear un mini reproductor de música en Adobe Photoshop

Paso 1

Abra Photoshop y presione Control + N para crear un nuevo documento. Ingrese todos los datos que se muestran en la siguiente imagen y haga clic en Aceptar. Habilite la cuadrícula (Ver > Mostrar > Cuadrícula) y Ajustar a la cuadrícula (Ver > Ajustar a > Cuadrícula).

Necesitarás una cuadrícula cada 1px. Vaya a Edición > Preferencias > Guías, Cuadrícula y Sectores y céntrese en la sección Cuadrícula. Ingrese 1 en el cuadro Gridline Every y 1 en el cuadro Subdivision. Además, establezca el color de la cuadrícula en #696969. Una vez que configure todas estas propiedades, haga clic en Aceptar. No te desanimes por toda esa cuadrícula. Te facilitará el trabajo más adelante. También debe abrir el panel Información (Ventana > Información) para obtener una vista previa en vivo con el tamaño y la posición de sus formas.

Cómo crear un mini reproductor de música en Adobe Photoshop 1

Paso 2

Elija la herramienta Rectángulo redondeado, establezca el radio en 5 px y cree una forma vectorial de 492 por 40 px. Vaya al panel Capas y haga doble clic en esta nueva forma para abrir la ventana Estilo de capa. Ingrese todas las propiedades que se muestran en las siguientes imágenes y haga clic en Aceptar.

Cómo crear un mini reproductor de música en Adobe Photoshop 2
Cómo crear un mini reproductor de música en Adobe Photoshop 3
Cómo crear un mini reproductor de música en Adobe Photoshop 4
Cómo crear un mini reproductor de música en Adobe Photoshop 5
Cómo crear un mini reproductor de música en Adobe Photoshop 6

Paso 3

Elija la herramienta Rectángulo y cree un cuadrado de 10px. Seleccione esta nueva forma vectorial y cambie a la Herramienta de selección directa. Seleccione el punto de anclaje superior izquierdo y muévalo 5px hacia abajo, luego seleccione el punto de anclaje inferior izquierdo y muévalo 5px hacia arriba. Al final, tu rectángulo debería convertirse en un triángulo. Abra la ventana Estilo de capa para esta nueva forma e ingrese las propiedades que se muestran en las siguientes imágenes.

Cómo crear un mini reproductor de música en Adobe Photoshop 7
Cómo crear un mini reproductor de música en Adobe Photoshop 8
Cómo crear un mini reproductor de música en Adobe Photoshop 9
Cómo crear un mini reproductor de música en Adobe Photoshop 10

Etapa 4

Duplica el triángulo creado en el paso anterior (Control + J) y mueve la copia unos pocos píxeles a la derecha. Seleccione esta copia junto con el triángulo original y colóquelos como se muestra en la primera imagen. Haz tres nuevas copias de tu triángulo, gíralas 180 grados y colócalas como se muestra en la segunda imagen.

Cómo crear un mini reproductor de música en Adobe Photoshop 11

Paso 5

Elija la herramienta Rectángulo redondeado y asegúrese de que el radio esté establecido en 5px. Establezca el color de primer plano en # 4b738c, cree una forma vectorial de 200 por 4 px y colóquela como se muestra en la primera imagen. Abra la ventana Estilo de capa para esta nueva forma e ingrese las propiedades que se muestran en las siguientes imágenes.

Cómo crear un mini reproductor de música en Adobe Photoshop 12
Cómo crear un mini reproductor de música en Adobe Photoshop 13
Cómo crear un mini reproductor de música en Adobe Photoshop 14
Cómo crear un mini reproductor de música en Adobe Photoshop 15

Paso 6

Elija la herramienta Rectángulo redondeado, establezca el color de primer plano en #a6ddff, cree una forma vectorial de 135 por 2px y colóquela como se muestra en la primera imagen. Abra la ventana Estilo de capa para esta nueva forma e ingrese las propiedades que se muestran en las siguientes imágenes.

Cómo crear un mini reproductor de música en Adobe Photoshop 16
Cómo crear un mini reproductor de música en Adobe Photoshop 17

Paso 7

Elija la herramienta Elipse, cree un círculo de 12 px y colóquelo como se muestra en la primera imagen. Abra la ventana Estilo de capa para esta nueva forma e ingrese las propiedades que se muestran en las siguientes imágenes.

Cómo crear un mini reproductor de música en Adobe Photoshop 18
Cómo crear un mini reproductor de música en Adobe Photoshop 19
Cómo crear un mini reproductor de música en Adobe Photoshop 20
Cómo crear un mini reproductor de música en Adobe Photoshop 21
Cómo crear un mini reproductor de música en Adobe Photoshop 22

Paso 8

Elija la herramienta Elipse, establezca el color de primer plano en # 4b738c, cree un círculo de 4px y colóquelo como se muestra en la primera imagen. Abra la ventana Estilo de capa para esta nueva forma e ingrese las propiedades que se muestran en las siguientes imágenes.

Cómo crear un mini reproductor de música en Adobe Photoshop 23
Cómo crear un mini reproductor de música en Adobe Photoshop 24
Cómo crear un mini reproductor de música en Adobe Photoshop 25

Paso 9

Elija la herramienta Tipo y agregue texto en blanco como se muestra en la siguiente imagen. Use la fuente Calibri con el tamaño establecido en 11pt. Abra la ventana Estilo de capas para su texto e ingrese las propiedades que se muestran en las siguientes imágenes.

Cómo crear un mini reproductor de música en Adobe Photoshop 26
Cómo crear un mini reproductor de música en Adobe Photoshop 27
Cómo crear un mini reproductor de música en Adobe Photoshop 28
Cómo crear un mini reproductor de música en Adobe Photoshop 29

Paso 10

Elija la herramienta Rectángulo y cree una forma vectorial de 7 por 10 px. Selecciónelo y cambie a la Herramienta de selección directa. Seleccione el punto de anclaje superior izquierdo y muévalo 5px hacia abajo, luego seleccione el punto de anclaje inferior izquierdo y muévalo 5px hacia arriba. Al final, tu rectángulo debería convertirse en un triángulo. Selecciónelo y elija la herramienta Rectángulo. Marque el botón «Agregar al área de la forma» en la barra superior y cree un cuadrado de 4px como se muestra en la tercera imagen.

Cómo crear un mini reproductor de música en Adobe Photoshop 30

Paso 11

Elija la herramienta Elipse, cree un círculo de 10 px y selecciónelo. Continúe con la herramienta Elipse, marque el botón «Restar del área de forma» de la barra superior y cree un círculo de 8px como se muestra en la segunda imagen.

Ahora, la forma de su vector debería verse como en la segunda imagen. Selecciónelo y cambie a la herramienta Rectángulo. Asegúrese de que el botón «Restar del área de forma» aún esté marcado y cree un rectángulo de 5 por 10 px y se muestre en la tercera imagen.

Cómo crear un mini reproductor de música en Adobe Photoshop 31

Paso 12

Elija la herramienta Elipse, cree un círculo de 4px y selecciónelo. Continúe con la herramienta Elipse, marque el botón «Restar del área de forma» de la barra superior y cree un círculo de 2px como se muestra en la segunda imagen.

Ahora, la forma de su vector debería verse como en la segunda imagen. Selecciónelo y cambie a la herramienta Rectángulo. Asegúrese de que el botón «Restar del área de la forma» aún esté marcado y cree un rectángulo de 3 por 6 px y se muestre en la tercera imagen.

Cómo crear un mini reproductor de música en Adobe Photoshop 32

Paso 13

Seleccione las formas vectoriales creadas en los últimos tres pasos y colóquelas como se muestra en la siguiente imagen. Abra la ventana Estilo de capa para estas formas e ingrese las propiedades que se muestran en las siguientes imágenes.

Cómo crear un mini reproductor de música en Adobe Photoshop 33
Cómo crear un mini reproductor de música en Adobe Photoshop 34
Cómo crear un mini reproductor de música en Adobe Photoshop 35
Cómo crear un mini reproductor de música en Adobe Photoshop 36

Paso 14

Elija la herramienta Rectángulo redondeado y asegúrese de que el radio esté establecido en 5px. Establezca el color de primer plano en # 4b738c, cree una forma vectorial de 50 por 4 px y colóquela como se muestra en la primera imagen. Abra la ventana Estilo de capa para esta nueva forma e ingrese las propiedades que se muestran en las siguientes imágenes.

Cómo crear un mini reproductor de música en Adobe Photoshop 37
Cómo crear un mini reproductor de música en Adobe Photoshop 38
Cómo crear un mini reproductor de música en Adobe Photoshop 39
Cómo crear un mini reproductor de música en Adobe Photoshop 40

Paso 15

Elija la herramienta Rectángulo redondeado, establezca el color de primer plano en #a6ddff, cree una forma vectorial de 29 por 2px y colóquela como se muestra en la primera imagen. Abra la ventana Estilo de capa para esta nueva forma e ingrese las propiedades que se muestran en las siguientes imágenes.

Cómo crear un mini reproductor de música en Adobe Photoshop 41

Paso 16

Finalmente, elija la herramienta Rectángulo y establezca el color de primer plano en negro. Cree tres formas vectoriales de 1 por 10 px y colóquelas como se muestra a continuación. Abra la ventana Estilo de capa para estas nuevas formas e ingrese las propiedades que se muestran en las siguientes imágenes.

Cómo crear un mini reproductor de música en Adobe Photoshop 42

Imagen definitiva

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

Cómo crear un mini reproductor de música en Adobe Photoshop

¿Todavía no eres usuari@ de Fiverr ?

Tenemos una entrada sobre Fiverr donde te contamos cono funciona.

Deja un comentario