1. Design & Illustration
  2. Graphic Design

Diseña un brillante mando de Apple fotorrealista

Scroll to top

Spanish (Español) translation by Ender Gamboa (you can also view the original English article)

Apple tiene muchos productos hermosos. Los diseños de sus productos alcanzan constantemente un estatus codiciado, lo que los distingue como una empresa innovadora. En este tutorial, te enseñaré cómo hacer un nuevo y brillante control remoto de Apple.

Paso 1

En primer lugar, crea un nuevo documento y rellénalo de negro.

Step 1Step 1Step 1

Paso 2

Haz una nueva forma como la de la siguiente imagen usando la herramienta Rectángulo Redondeado con un Radio de 5px más o menos. Tú decides. Nómbrala "Forma remota".

Step 2Step 2Step 2

Paso 3

Haz una selección de esta Forma Remota. Crea una nueva capa, y usando la Herramienta Degradado, arrastra de izquierda a derecha. Utiliza los ajustes de la imagen de abajo, con el color izquierdo (#ffffff) y el derecho (#e4e4e4). El degradado no es muy fuerte, pero es necesario para destacar un poco.

Step 3Step 3Step 3

Paso 4

Ahora añadiremos algunos matices simples a la forma para que parezca más real. Haz una forma blanca similar a la imagen de abajo. Asegúrate de que es más alta que la forma remota. Ve a Filtro > Desenfoque > Desenfoque gaussiano y utiliza un radio pequeño.

Step 4Step 4Step 4

Paso 5

Ahora, utilizando la misma técnica, haz una forma más oscura. Hazla más fina que la blanca. Aplica un Desenfoque Gaussiano usando los ajustes de abajo.

Step 5Step 5Step 5

Paso 6

Ahora acerca las formas blanca y gris. Muévelos al lado izquierdo de la forma remota. A continuación, duplícalas, gíralas y muévelas hacia el lado derecho.

Step 6Step 6Step 6

Paso 7

Ahora tenemos que hacer la parte superior del mando. Para hacer esto, necesitas hacer una nueva forma usando la herramienta Rectángulo Redondeado. Rellénalo con negro. A continuación, colócalo detrás de la forma remota.

Step 7Step 7Step 7

Paso 8

Necesitamos enmascarar las formas blancas y grises del mando. Haz Ctrl-clic (MAC: Comando + Clic) en la capa del mando para hacer una selección. A continuación, Ctrl + Shift + Click (MAC: Comando + Shift + Click) para añadir la cabeza remota a la selección. Asegúrate de haber seleccionado una de las capas de sombra en la Paleta de Capas. Ve a Capa -> Máscara de capa -> Revelar selección. Haz esto para cada sombra.

Step 8Step 8Step 8

Paso 9

Ahora baja la opacidad de las formas grises y blancas hasta que se vea algo así.

Step 9Step 9Step 9

Paso 10

Puedes hacer el fondo de un color gris claro porque ahora podemos ver mejor el producto. La forma del mando está terminada. Ahora tenemos que añadir algunos botones al mismo.

Primero haremos el botón del MENÚ. Comienza por hacer un círculo usando la herramienta Elipse y los ajustes de abajo.

Step 10Step 10Step 10

Paso 11

Ahora tenemos que hacer los botones de Play, Pausa, Avance Rápido, Retroceso Rápido, Subir Volumen y Bajar Volumen. Empieza por hacer un nuevo círculo encima del primero, asegurándote de que es más grande.

A continuación, tenemos que restar un círculo de éste. Para eso, mantén pulsadas las teclas Alt y Menos (MAC: Opción y Menos). En este punto, aparecerá un "menos" cerca de tu cursor. Esto indica que vas a restar un trozo de tu forma. Haz clic y resta un círculo empezando por el centro de este círculo grande mientras mantienes pulsadas las teclas Alt y Menos (MAC: Opción y Menos) y arrastrando un círculo (pulsa shift para hacer un círculo perfecto). Mira las imágenes de abajo para ver el resultado.

Step 11Step 11Step 11

Paso 12

Rellena esta forma con (#f6f6f8) y añade la configuración de abajo a las Opciones de Fusión.

Step 12Step 12Step 12

Paso 13

Ahora haz el último botón, que se usará como botón de Play/Pause. Necesitas hacerlo exactamente donde acabas de restar un círculo. Después de hacerlo, rellénalo con (#f6f6f8) y utiliza la configuración de abajo.

Step 13Step 13Step 13

Paso 14

Ahora tenemos que añadir el texto que va en los botones. Usa Arial Black para la fuente y este color: (#c4c4c4). Para las formas, utiliza el mismo color. Hazlos usando la herramienta Rectángulo y la herramienta Forma Personalizada. Haz lo mismo con los botones de volumen y de avance/retroceso.

Step 14Step 14Step 14

Paso 15

Ahora es el momento de hacer los botones más brillantes. Lo hacemos simplemente haciendo una selección del botón Play/Pause mediante Ctrl + Click en el botón. A continuación, resta de esta selección con la herramienta Marco elíptico. Mantén pulsada la tecla Alt y arrastra un círculo sobre la selección. Haz una nueva capa. Muévelo encima de las otras capas. Rellena la selección con blanco.

Step 15Step 15Step 15

Paso 16

A continuación, repita el paso 14, pero esta vez haciendo este efecto brillante para el botón de volumen.

Step 16Step 16Step 16

Paso 17

El control remoto está terminado. Ahora tenemos que completar un paso muy importante. La forma de presentar los productos es muy importante, así que tenemos que hacer un fondo sencillo y atractivo.

Crea una nueva capa y colócala detrás del mando. Usando la Herramienta Degradado, establece el Degradado Radial de negro a blanco. Asegúrate de que está seleccionada la opción Reverso. Ahora haz clic y arrastra desde el centro hacia afuera. A continuación, disminuya la Opacidad de esta capa al 33%.

Step 17Step 17Step 17

Paso 18

Ahora duplica la carpeta remota. Combina esta carpeta remota copiada en una sola capa. Para esto, haz clic con el botón derecho del ratón en la carpeta remota copiada y luego selecciona Fusionar Grupo. A continuación, gire la carpeta remota copiada al revés. Mueve la capa de degradado que acabas de hacer sobre ella. A continuación, selecciona de nuevo la capa remota. Ve a Filtro > Desenfoque > Desenfoque gaussiano. Ajusta el Desenfoque al 2%. A continuación, mueve la capa remota copiada más abajo.

Step 18Step 18Step 18

Paso 19

Haz una selección. Crea una nueva capa. Haz un suelo brillante para que el mando se refleje en él utilizando la herramienta Degradado. Haz clic y arrastra de arriba a abajo. Mueve esta capa sobre la copia del mando.

Step 19Step 19Step 19

Paso 20

Ahora haz la sombra que el mando reflejará en este suelo. Haz una forma similar a la mía. Muévelo encima de los degradados. Luego ve a Filtro > Desenfoque > Desenfoque gaussiano. Utiliza el 8%. Luego disminuye la Opacidad al 7%. Y ya está. Acabas de terminar el diseño.

Step 20Step 20Step 20

Bono

Abajo hay un bono para ustedes. Cubre cómo cambiar simplemente el color del mando en unos pocos segundos.

Ve a la carpeta remota y busca la capa Remote Shape. Encima de ella está la capa Degradado que necesitas hacer invisible. Ahora vuelve a la Forma Remota. Elige un color para el primer plano. Luego presiona Alt + Retroceso. ¡Listo! Tienes un mando rojo.

Haz lo mismo con la capa del botón de reproducción y la capa del botón de volumen. Por último, disminuye la opacidad del botón de volumen brillante y del botón de reproducción brillante. Y por supuesto, haz el reflejo para este como lo hiciste para el primer mando. ¡Buena suerte!

Step 21Step 21Step 21

Conclusión

Step 22Step 22Step 22