15 49.0138 8.38624 1 0 4000 1 https://www.boydrice.com 300 0
theme-sticky-logo-alt
theme-logo-alt

Cree un iPod Nano de vídeo realista en Photoshop

Aprenda a pintar / recrear un objeto en Photoshop a partir de una foto existente. Este es un gran ejercicio para trabajar en la estructura de capas y las habilidades de la herramienta de lápiz. Descomponer el objeto y poder separarlo y colocarlo en el orden correcto es lo que llevará su obra de arte a un nivel completamente nuevo..

Tutorial de iPod

La imagen a continuación es lo que haremos, que está completamente hecha en Photoshop (menos la imagen del Papa Emperador) y, con suerte, le dará una mejor comprensión de cómo recrear un objeto en PS.

Paso 1: busque la imagen de referencia

Antes de comenzar, busquemos una foto de referencia para que sepamos en qué estamos trabajando. Fui a Apple’s

sitio y agarró uno allí.

Paso 2 – Recorte del iPod

Para obtener la forma básica de manera fácil y precisa, recorto la imagen y la coloco en mi documento.

Paso 3: crear la selección

Para seleccionar el iPod, mantenga pulsado el control y haga clic en la capa del iPod.

Paso 4 – Selección de relleno

Una vez que esté seleccionada, cree una nueva capa y asígnele el nombre base. Ahora llene (Mayús + Retroceso) la selección con un

gris neutro en la capa base recién creada.

Paso 5: use el lápiz para trazar el borde exterior de la parte superior del iPod

Ahora que tenemos nuestro esquema básico, podemos empezar a meternos en las cosas divertidas. Crea una nueva capa sobre el

capa base y asígnele el nombre superior. Ahora oculte (haga clic en el ojo en la paleta de capas) la capa base y amplíe la parte superior

parte del iPod. Asegúrese de que la capa superior aún esté seleccionada y tome la herramienta de lápiz y recorra el exterior

parte de la parte superior. Convierta la ruta en una selección y rellénela con rojo. Si oculta la capa original y

Vuelva a encender la base, debería tener algo que se vea así.

Paso 6: rastrear la parte interior de la parte superior del iPod

Bien, ahora hagamos la parte interior de la parte superior de la misma manera. Oculte todas las capas excepto el ipod original, cree una nueva capa en la parte superior llamada top-inner, use la herramienta de lápiz, recorra los bordes, cambie a la selección y rellene con un gris claro.

Paso 7: crear una capa de resaltado a la izquierda

Continúe y cree una nueva carpeta y coloque las dos capas superiores en la nueva carpeta y llámela superior. Mucho

más fácil de trabajar cuando mantenemos las cosas organizadas.

Creemos las dos barras resaltadas que corren por los lados del iPod. Crea una nueva capa sobre la base.

capa (debajo de la carpeta superior) y llámelo resaltado a la izquierda. Oculte todas las demás capas para que el iPod original pueda

visto. Haga clic en Control sobre la capa base para que la forma de la base ahora esté seleccionada. Agarra el rectangular

herramienta de marquesina, mantenga presionada la tecla alt (opción en mac) y debería ver la cruz con un signo menos al lado.

Todo lo que resalte con la tecla Alt presionada eliminará parte de una selección. Simplemente arrastre a la derecha

mitad de la base y deténgase justo en la línea resaltada. Si se hace correctamente, ahora debería tener su selección

hecha. Rellena con un gris claro y listo..

Paso 8: cree el resaltado derecho dejando el lado izquierdo sobresaliendo

Obtener el resaltado correcto es casi lo mismo, excepto que la línea no es un ángulo de 90 grados, por lo que tendremos que

agregar un paso adicional.

Cree una nueva capa sobre el resaltado izquierdo y asígnele el nombre resaltado derecho. Ocultar todas las capas excepto la

iPod layer original y vuelva a cargar la selección de la capa base. Agarre la herramienta de marco rectangular y manténgala presionada

baja la tecla alt (opción para mac) y coral de izquierda a derecha deteniéndote antes de llegar al borde resaltado. Ahora

llenar la selección con gris.

Paso 9: use la herramienta Pluma para eliminar el exceso & Obtenga el ángulo correcto del lado izquierdo del resaltado derecho

Tenemos todos los lados perfectos excepto el borde izquierdo. Baja la opacidad en la capa de resaltado derecha lo suficiente

para que pueda ver el borde realzado real en el iPod original. Ahora agarre la herramienta de lápiz o el lazo magnético y

haga clic justo encima del borde resaltado y luego haga clic justo debajo del borde para obtener el grado de borde exacto para

Este lado. Complete la ruta asegurándose de rodear todo el resaltado derecho innecesario, rellenar y eliminar

eso. Eso es todo para el momento culminante correcto.

Paso 10: use la marquesina elíptica para trazar la interfaz del menú & Selección de relleno

En un espíritu de orden, tomemos las capas de resaltado izquierda y derecha junto con la base y colóquelas en un

nueva carpeta llamada base. Asegúrese de que esta carpeta esté debajo de la carpeta superior en la paleta de capas.

Muy bien, crea una nueva capa sobre todas las demás y asígnale el nombre menú. Oculte las dos carpetas que revelan el

capa de iPod original y seleccione su herramienta de marquesina elíptica. Asegúrate de estar en tu menú recién creado

capa y dibuje un círculo alrededor del menú principal en el original y rellénelo con un gris oscuro.

Paso 11 – Ocultar capa de menú & Trazar el botón con marquesina & Llenar

Cree una nueva capa sobre la capa del menú y asígnele el nombre botón de menú. Ocultar todas las capas a continuación excepto la original y

use la herramienta de marco elíptico nuevamente para dibujar un círculo alrededor del botón de menú y rellene con un

gris más claro. Los colores son completamente irrelevantes en este momento para todo. Nuestra única preocupación es que

difieren lo suficiente para que podamos decir qué es qué.

Ok, veamos lo que tenemos ahora cuando esté todo junto.

Paso 12: use la herramienta Rectángulo redondeado para dibujar el borde exterior de la pantalla mientras ajusta el radio

Coloque las capas de menú y botón de menú en una nueva carpeta llamada menú que debería estar en la parte superior. Crear un

nueva capa sobre las demás y asígnele el nombre screen. Dado que las esquinas de la pantalla están redondeadas, vamos a

elija la herramienta Rectángulo redondeado. Una vez que se selecciona la herramienta, ajuste el radio de la esquina para que coincida con la pantalla

esquinas en el iPod. Para mí, 5px funcionó perfecto. Puede ser diferente para usted dependiendo de la resolución que

están trabajando en.

Paso 13: rellene la selección y use la deformación para dar forma al rectángulo para que coincida con la imagen

Como puede ver en la imagen de arriba, dibuje alrededor del borde exterior de la pantalla una vez que haya ajustado el radio

ajustes a tu gusto. No será una combinación perfecta y está bien. Solo acércate lo más posible.

Convierta la ruta en una selección (haga clic con el botón derecho en elegir hacer selección) y rellénela con rojo. Ahora ve a editar

transformar y deformar. Ahora simplemente tire de las esquinas para alinearlas con el original. Los lados de la pantalla

también debe tirarse con solo un toque, ya que no son ángulos de 90 grados.

Paso 14: repita los mismos pasos para crear la parte interior de la pantalla

Haga una nueva capa sobre la capa de la pantalla y asígnele el nombre de pantalla interna. Siga los pasos exactos como arriba, pero esto

tiempo dibuja alrededor de la parte interior de la pantalla. El radio utilizado en la sección interior fue de 2px. Una vez completado, mueva ambas capas a una nueva carpeta

llamada pantalla y ahora debería tener algo parecido a esto.

Paso 15 – Es hora de diseñar

Bueno, eso es todo para la mayor parte del dibujo. Es hora de empezar a peinar y dar vida al dibujo. Hacer una

copia de la capa del iPod original y muévela por encima de las otras capas. Ahora desliza la capa hacia arriba lo suficiente

para ver la parte inferior de su iPod. Ahora ve a tu capa base y haz doble clic en ella para abrir los estilos de capa.

ventana. Verifique el botón de superposición de degradado y siga los pasos a continuación.

  • Paso 1: cambie el ángulo de 90 a cero grados. Esto forzará al gradiente a ir en un

    ruta horizontal (de izquierda a derecha) en lugar del eje vertical predeterminado que es de arriba a abajo.

  • Paso 2: haga clic en la barra de color de degradado para abrir el editor de degradado
  • Paso 3: para cambiar el color del degradado, debemos seleccionar las paradas de color que deseamos modificar.

    Por defecto habrá dos. Uno a la izquierda y otro a la derecha.

  • Paso – 4 – Para cada parada, puede seleccionar un color que se mezclará gradualmente con el color del

    siguiente parada. Una vez que haya seleccionado la parada de la que desea cambiar el color (vea el paso 3), haga clic en el

    muestra de color para abrir el menú del selector de color.

  • Paso 5: una vez que la ventana del selector de color esté abierta, coloque el cursor sobre la capa del iPod original (debería ver

    una herramienta de cuentagotas) y haga clic en la parte más oscura de la sección central, justo a la derecha de la izquierda

    destacar.

Al hacer clic en la capa del iPod, seleccionamos el color exacto de la imagen y lo convertimos en el color

de nuestra parada de color izquierda. Haga clic en Aceptar para cerrar la ventana..

a B C

Paso 16: completa el degradado para la capa base

Ahora que sabemos cómo ajustar el degradado, todo lo que tenemos que hacer ahora es terminar de elegir los colores..

Para la parada de color de la izquierda, mi color es # 787879 y luego agarro la parada del extremo derecho, que es # e8e8e9. Ahora

aunque haya seleccionado colores directamente de la imagen del iPod, es posible que no se vean bien. Eso es porque

su capa base abarca todo el ancho del iPod, pero lo que en realidad está diseñando es solo el medio

sección de la capa base. Los lados izquierdo y derecho están cubiertos por las capas de resaltado..

Entonces, para ajustar esto, una vez que haya seleccionado el color de las paradas de color izquierdo y derecho, presione ok para cerrar el

editor de degradado y comience a deslizar la barra de escala hacia abajo hasta que haga coincidir los colores izquierdo y derecho

la imagen. Para mí fue 57. Una vez que se solucione, vuelva al editor de degradado y realice los ajustes

necesario para que su degradado coincida. Para mí, agregué una tercera parada en el medio que es #adadae y yo

moví las paradas del medio y la derecha hacia abajo un poco hasta que obtuve lo que estaba buscando. Aquí es donde tu

solo juega un rato hasta que obtengas el resultado que deseas.

Paso 17 – Configurar el degradado de resaltado a la izquierda

Para la capa de resaltado de la izquierda, utilicé 4 paradas de color y los colores utilizados son (de izquierda a derecha):

  • 1. # 4b4b4c
  • 2. # 737374
  • 3. # 555556
  • 4. # 929293

Ajusté la escala al 95% y bajé un poco el color del extremo derecho.

Paso 18 – Configurar la capa de resaltado derecho

Para comenzar con el resaltado derecho, copio el estilo de capa de la capa izquierda y lo pego en el

Derecha. Luego abra los estilos de capa e invierta el degradado. Desmarqué la alineación con la capa para que yo

tenga un poco más de control sobre el ángulo y cámbielo a -2. La escala también se ha cambiado a

37. Los colores utilizados son:

  • 1. # 191919
  • 2. # b8b8b8
  • 3. #fefefe

Una vez que se completó, creé dos capas más, una llamada negra y la otra blanca. Cargué el

selección de resaltado derecho y solo le dio un poco más de un borde más oscuro en la parte inferior usando un suave

pincel negro y bajando la opacidad de la capa con solo un toque. Para la capa blanca cargué la derecha

resalte la capa nuevamente (haga clic en el control para cargar la selección) y usó un pincel blanco suave para resaltar la

borde izquierdo un poco y también aclarar la parte inferior del degradado.

Paso 19 – Estilo de las capas superiores

Diseñar la parte superior es bastante simple. Simplemente llene la capa superior interna con un negro sólido. Para la capa superior, solo hago una superposición de degradado que va de un gris oscuro a una luz en el frente. También agregué dos capas de resaltado adicionales. Le di al lado derecho de la parte superior un poco de sombreado negro con un cepillo suave. En la otra capa, agregué un poco de resaltado de pincel suave blanco en la parte frontal izquierda de la capa superior.

Paso 20 – El menú exterior

No hay mucho que hacer aquí. La configuración de estilos de capa utilizada se publica a continuación. Tenga en cuenta que utilicé una superposición de degradado, pero como puede ver con la configuración de color, una superposición de color también habría funcionado.

Paso 21 – El botón de menú

La configuración de estilos de capa para el botón de menú es:

Paso 22 – El texto del menú

Usé Verdana Bold 9pt para el texto del menú. No estoy seguro de qué se usa en el iPod y, para ser honesto, no es una preocupación importante. Mientras esté cerca, eso es todo lo que necesito para un texto tan pequeño. Los triángulos son wingdings3 8pt letra “t”. También puede utilizar una herramienta de lápiz para crear su propio triángulo y rellenar con blanco. El botón de pausa se creó dibujando un rectángulo y llenándolo de blanco. Para todos mis personajes, bajé la opacidad solo un toque para lograr un ligero aspecto blanquecino. También utilicé la herramienta de transformación libre en todas las piezas y les di una ligera rotación.

Paso 23 – La pantalla exterior

Bueno, es hora de diseñar la pantalla exterior para que tenga algo que se parezca a la imagen de abajo. Copie la configuración de estilos para lograr este aspecto.

Paso 24 – La pantalla interior

Nuevamente, solo estoy usando estilos de capa para la parte interna de la pantalla.

Paso 25 – Dibujar & Estilo del botón superior

Utilice la herramienta Pluma para dibujar la forma de la parte inferior del botón, convertir la ruta en selección y rellenar con cualquier color en una nueva capa. Ahora siga la configuración de estilo a continuación.

Para la parte superior utilicé la marquesina elíptica para dibujar la parte superior del botón, hice una nueva capa y la rellené con cualquier color. Ahora use la configuración de estilo a continuación.

Paso 26: crear aspectos destacados de la pantalla

Dado que el resaltado de la pantalla es el mismo que el de la base, no es necesario dibujarlo. Simplemente cargue la selección del resaltado derecho en la carpeta base. Una vez seleccionado, cree una nueva capa en la carpeta de la pantalla asegurándose de que esté encima de las capas en la carpeta y llénela con # b8b8b9. Ahora cargue (ctrl haga clic en la capa) la capa de la pantalla exterior, seleccione inversa y elimine. Ahora tenemos una copia de nuestro resaltado base, excepto que solo se encuentra en la parte superior de la pantalla de nuestro iPod..

Haga clic en la máscara de agregar capa en su nueva capa de resaltado de la pantalla derecha, haga que su color de primer plano sea negro y seleccione la herramienta de degradado. Asegúrese de tener la transparencia marcada y abra su menú de degradado y seleccione el primer plano al degradado de transparencia.

Asegúrese de que la máscara de capa esté seleccionada y no la capa real y arrastre la línea de degradado desde el borde derecho hasta aproximadamente la mitad de la barra de resaltado. El uso de negro en la máscara de capa ocultará todo lo que esté pintado. Al usar la herramienta de degradado, podemos lograr una buena & desvanecimiento gradual lento. Una vez que estoy feliz, bajo la opacidad a 28 y la tuya debería verse así:

Siga los mismos pasos para crear su barra de resaltado izquierda. No usé una máscara de capa en esta y simplemente la llené con el mismo color que la derecha y bajé la opacidad a 6.

Paso 27 – Imagen final

Ahora simplemente busque una imagen para colocar en la pantalla, dimensione correctamente y colóquela debajo de las dos capas de resaltado de la pantalla y listo. Espero que esto haya sido útil y, si tiene alguna pregunta, publíquela en el comentario. Ah, y buena suerte para encontrar una imagen más genial que la foto de mi Papa Emperador.

Previous Post
15 Göz Alıcı Altın Göz Farı fikri
Next Post
Cómo crear un recorte en Photoshop