Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Effects

Crea un iMac Negra y pulida en Photoshop

by
Read Time:11 minsLanguages:

Spanish (Español) translation by Elías Nicolás (you can also view the original English article)

Algunos meses atrás, antes de que se lanzaran los últimos iMac, estaba pensando en cómo sería un iMac negro. Siendo un Photoshopper, decidí intentar hacer uno. Después de publicarlo en un blog, la imagen se volvió viral y comenzó a aparecer en los blogs de Mac y tecnología, y mi sitio se inundó de tráfico. Hoy, si busca Black iMac en una búsqueda de Google, verá muchos sitios usando mi imagen. Hoy te mostraré cómo hice esa foto.

Paso 1

La primera cosa que necesitamos para que nuestro iMac negro sea uno regular para basarlo. Utilicé el modelo anterior porque cuando lo hice originalmente, eso era todo lo que estaba disponible. Aquí hay una imagen que encontré en las imágenes de Google de un iMac frontal. Es una foto de producto bastante estándar.

Paso 2

Ahora lo primero que debe hacer es crear una nueva capa en la parte superior, así que tome la Herramienta Rectángulo Redondeado (U) y dibuje un rectángulo negro con una curva que coincida con la imagen base. (Creo que usé un radio de 20px)

Paso 3

Ahora por el momento dejaremos la pantalla y nos concentraremos en el stand. Así que haga zoom y utilice la herramienta Pluma (P), dibuje alrededor del soporte como se muestra. Con la herramienta Pluma, es una buena idea usar la menor cantidad de puntos posible para obtener una línea más suave. Esto puede llevar algo de práctica y algunos intentos. También intente reflejar dónde coloca los puntos para que incluso si la línea es un poco torcida, al menos sea simétrica.

Paso 4

Una vez que tenga la ruta, haga clic derecho en ella y elija Hacer selección.

Paso 5

Ahora, antes de seguir adelante, quería señalar que el negro que usa Apple es una especie de negro mate o mate. En fotos tiene un elenco ligeramente azulado. En lugar de tratar de adivinar qué colores exactos usar, acabo de encontrar una imagen de una computadora portátil Mac negra y luego usar el gotero escogido en algunos tonos (como se muestra a continuación).

Paso 6

De todos modos, volviendo al soporte, con la selección aún hecha, creé una nueva capa y luego usé el Gradiente Reflejado y un negro oscuro y claro del paso anterior y completé el soporte como se muestra. Puedes ver que la parte clara del gradiente está en el medio. Hice esto porque cuando miras el soporte en la versión blanca, tiene el mismo tipo de luz y sombra pero está invertido.

En realidad, en casi todos los pasos de este tutorial, la idea es mirar cómo se ve la foto y luego emular el efecto utilizando grises oscuros y negros en lugar de blancos y grises claros.

Paso 7

Ahora el gradiente no era tan fuerte, así que agarré un cepillo grande y grueso de Dodge Tool (O), luego, mientras mantenía presionada la tecla Mayús para mantener mi pincel exactamente horizontal, lo repasé un par de veces para hacer que el resaltado pareciera más fuerte.

Paso 8

Después de esquivar la curva, utilicé la herramienta Dodge en la parte inferior del soporte para que se aclare allí también (como se muestra a continuación). Ya está empezando a parecerse a un soporte: ¡asombroso lo que puede hacer un poco de luz y sombra!

Paso 9

A continuación, volví a sacar la herramienta Pluma y esta vez dibujé una forma que capturó el área en la parte frontal del soporte (ver más abajo). Esta parte debe tener un color diferente para que cuando mire la imagen, pueda ver que esta parte está en un ángulo diferente al de la otra parte del soporte.

Tenga en cuenta que la base de mi selección de bolígrafos en la imagen que se muestra a continuación es completamente extraña. Eso es porque realmente no importa sobre esa parte, solo quiero tener esa curva en la parte superior.

A continuación, hacemos clic con el botón derecho con la herramienta Pluma aún seleccionada y seleccionamos Realizar selección nuevamente. Luego cree una nueva capa sobre la capa de soporte y rellénela con un gris oscuro.

Paso 10

Como puede ver en la imagen de abajo, tengo mi forma rara justo encima del soporte principal. Así que ahora presionamos Ctrl y hacemos clic en la capa de soporte para seleccionar sus píxeles y luego presionamos Ctrl + Shift + I para invertir la selección. Luego presione Eliminar para que todo lo que quede de nuestra extraña forma sea la intersección de las dos formas.

Paso 11

Ahora agarre la herramienta Sobreexponer (O) y nuevamente con un cepillo suave, agregue un resaltado donde se muestre. A continuación, mantenga presionada la tecla Alt y cepille el borde más a la derecha. Al mantener presionada la tecla Alt con la herramienta de esquivar, se cambia a la herramienta de grabación (y viceversa). Para que puedas cepillar rápidamente la oscuridad y la luz sin cambiar las herramientas.

Paso 12

Finalmente, para completar el soporte, duplicamos la parte delantera del soporte, presionamos Ctrl, hacemos clic en esa capa, y luego presionamos la flecha hacia abajo una vez y presionamos Eliminar. Esto debería dejarlo con una línea delgada de 1px (que se muestra en la selección en la imagen de abajo). Establezca esta capa en Superposición y 30% de opacidad, y le dará un toque de luz muy tenue.

Haga lo mismo otra vez, excepto que esta vez en lugar de la flecha hacia abajo, presione la flecha hacia arriba para que le quede una selección de 1px en la base. Coloque esta capa debajo del soporte, muévala hacia abajo 1px y use la herramienta Grabar para oscurecerla. Esta será una sombra tenue debajo del soporte.

(Tenga en cuenta que este paso no es esencial y suena complicado, pero en realidad es bastante simple. Si se pierde allí, no se preocupe, no afectará drásticamente la imagen final)

Paso 13

Ok, así que tenemos un soporte negro muy bueno. Aquí está en la parte superior de la imagen principal, y puedes ver que se ve bien.

Paso 14

Ahora empezamos a trabajar en el área de la pantalla. Lo primero que debemos hacer es deshacernos de la forma negra recta y reemplazarla con un degradado. Así que desactivamos la visibilidad de esa capa y luego presionamos Ctrl, hacemos clic en ella, creamos una nueva capa y luego dibujamos un degradado reflejado desde la esquina superior izquierda hasta la esquina inferior derecha para que quede claro en el centro y oscuro. en las esquinas, como se muestra.

Paso 15

Luego, agarré un cepillo grande y grueso y lo aclaré en diagonal un poco más como se muestra.

Paso 16

Ahora, una vez más, presiona Ctrl y haz clic en la capa de pantalla para seleccionar sus píxeles, luego ve a Seleccionar > Modificar > Contrato y usa un valor de 1px. Luego, en una nueva capa, rellénela con un tono más claro de gris oscuro como se muestra.

Sin dejar de lado la selección, vaya nuevamente a Seleccionar> Modificar> Contrato y esta vez use un valor de 2px. Cuando haya terminado, presione Eliminar y debería quedarse con una línea delgada de 2px que recorre la pantalla.

Esta delgada línea nos permitirá resaltar un poco y sombrear los bordes de la pantalla. Hice esto porque si observas cuidadosamente el iMac blanco, verás una línea delgada similar alrededor de la pantalla, particularmente en la parte superior derecha, donde está bastante resaltada.

Paso 17

Ahora toma tu cepillo Dodge grande y aligera estratégicamente la esquina superior derecha y un poco en el lado derecho y en la parte superior. Experimenta con donde te parezca más adecuado destacar.

Paso 18

Ahora apaga las capas de la pantalla negra por un momento, para que puedas ver la pantalla blanca detrás. Luego, en una nueva capa, use la herramienta Rectángulo redondeado con una curva muy leve esta vez (usé 2px) para dibujar un rectángulo donde se encuentra el área de visualización, como se muestra.

Paso 19

Ahora puede volver a activar el resto de las capas de pantalla. Ahora presione Ctrl y haga clic en la capa de visualización que acabamos de crear, luego cree una nueva capa en la parte superior, vaya a Selección > Modificar > Contrato, y use un valor de 2px. Llene esta nueva área con negro recto.

Como puede ver, lo que sucede es que la primera capa de visualización que creamos es en realidad un punto destacado alrededor del área de visualización principal. Si miras tu pantalla, es probable que puedas ver un poco de esto. Si quisiera hacer esto muy realista, podría usar un poco de Dodge y Burn para oscurecerlo y aclararlo adecuadamente. ¡Pero para nuestros propósitos esto servirá!

Paso 20

A continuación coloqué una imagen en la pantalla. Quería un bonito fondo abstracto de tipo Mac, y afortunadamente para nosotros, tenemos un tutorial de Psdtuts+ sobre esto. Básicamente, solo utilicé la salida de ese tutorial, excepto que modifiqué el color para que fuera verde. Puedes usar lo que quieras. Simplemente coloque la imagen y presione CTRL + T para transformarla al tamaño correcto. Es posible que necesite recortar la imagen para que encaje.

Paso 21

Ahora los iMacs siempre tienen esas pequeñas cámaras en la parte superior, así que luego hice una selección circular alrededor de la cámara en la foto del iMac blanco, la copié y la coloqué en la misma posición en una nueva capa sobre las otras capas negras del iMac.

Paso 22

Ahora necesitamos un muelle! Una vez más, solo fui a Google y encontré una captura de pantalla del escritorio de alguien, recorté el dock utilizando la herramienta de selección rectangular y lo pegué en la parte superior. El único problema es que el fondo es azul! Así que necesitamos ajustar eso a verde antes de que terminemos de colocarlo.

Paso 23

Así que utilicé la herramienta Varita Magica (W) e hice clic en el área azul para seleccionarlo todo. Luego mantenga presionada la tecla Mayús y haga clic en cualquier área que se pierda, como dentro del símbolo de Quicktime. Básicamente asegúrese de obtener todos los píxeles. No es terriblemente importante para que sea una selección realmente agradable porque estaremos reduciendo esto, gracias a Dios, porque de lo contrario tendríamos que usar la herramienta Pluma.

Una vez que tenga la selección, vaya a Imagen > Ajustes > Tono / Saturación y mueva el control deslizante Tono hasta que toque un color verde claro que coincida aproximadamente con el fondo verde (o que coincida con el fondo que usó).

Paso 24

Ahora colocamos ese muelle sobre el fondo de pantalla y presionamos Ctrl + T para transformarlo hacia abajo.

A continuación necesitamos un pequeño logotipo de Mac para pegar en la pantalla. Una vez más encontré una imagen usando una búsqueda de imágenes de Google normal. Este es un bonito color plateado que debería funcionar bien.

Paso 25

El problema, sin embargo, es que hay una sombra detrás del logotipo que no queremos. Así que tome la herramienta Pluma y trace los bordes del logotipo como se muestra. Cuando haya terminado, haga clic con el botón derecho y elija Hacer selección, luego presione Ctrl + C para copiar el logotipo de su fondo de sombra.

Paso 26

Ahora, para colocar el logotipo, apague todas las capas negras para que pueda ver nuevamente la imagen de su guía iMac blanca, luego reduzca el tamaño del logotipo para que coincida aproximadamente con el tamaño y la posición del logotipo en la máquina. ¡Luego vuelve a cambiar las capas negras!

Paso 27

¡Casi terminamos!

A continuación, creamos un reflejo sutil para que parezca que el iMac realmente está parado allí. Así que duplique la capa de soporte, presione Ctrl + T y gírela 180 '. Luego desvanezca la capa al 20% y agregue una capa de ajuste como se muestra para que se desvanezca.

Paso 28

A continuación, agregaremos también una sombra muy sutil debajo del iMac. Así que dibuja una elipse como se muestra en gris oscuro.

Paso 29

Ahora desvanezca la sombra de la elipse hasta un 20% de opacidad y vaya a Filtro > Desenfoque > Desenfoque gaussiano y use un valor de aproximadamente 10px para obtener un buen desenfoque. Cuando hayas hecho eso, presiona Ctrl + T para transformar y exprimir la sombra solo verticalmente (de modo que no sea tan alto, pero siga teniendo el mismo ancho). Hacemos esto para que la sombra se vea como si estuviera en el mismo plano que la mesa o en lo que sea que esté el iMac.

Paso 30

¡Y ya casi hemos terminado! Moví el iMac a un lado y agregué un poco de texto para terminarlo. En caso de que te lo preguntes, el tipo de letra es Myriad Pro Semibold, que se parece bastante al tipo de letra que usa Apple (aunque no es el mismo, a menos que me equivoque).

Conclusión

¡Ahí lo tienen, hemos creado una nueva apariencia para el iMac! En el PSD de ejemplo para este tutorial, he incluido el PSD para este tutorial y el original que creé hace algunos meses, que es bastante similar pero mucho más grande y con algunas variaciones menores. ¡Espero que hayas disfrutado el tutorial!

One subscription.
Unlimited Downloads.
Get unlimited downloads