Share
En el tutorial de hoy, crearemos un televisor LCD desde cero utilizando formas simples y estilos de capas. También aprenderemos cómo crear un patrón transparente para crear los altavoces y también cómo crear algunas luces indicadoras agradables. Empecemos!
Comience por crear un nuevo archivo, tamaño 2600x1700 px. En Photoshop, es más fácil comenzar con un tamaño grande para ayudarnos a centrarnos en los detalles. Usando un rectángulo redondeado con un radio de 5 px, cree una forma y use los siguientes estilos de capa.
Cree un rectángulo redondeado más pequeño dentro de la forma anterior para crear la pantalla. Añade los siguientes estilos de capa.
Con la herramienta Rectángulo redondeado, cree otra forma detrás de la pantalla. Haga clic con la herramienta pluma para agregar nuevos puntos de anclaje como se indica a continuación. Seleccione un nuevo punto con la herramienta de selección directa y muévalo hacia abajo. Agrega estilos de capas como se muestra a continuación.
Crea otro rectángulo redondeado. Esta vez debajo de la televisión. Agregue un punto en el medio del lado inferior y muévalo hacia abajo. Seleccione puntos en la esquina superior, presione Cmd / Ctrl + T y muévalos más cerca. Finalmente, mueva los puntos como se indica a continuación. Añadir estilos de capa.
Dibuja un rectángulo redondeado que conecta la base y la pantalla. Pulsa Cmd / Ctrl + T, haz clic derecho y elige Perspectiva. Cambie su tamaño, vea la imagen de abajo para referencia. Haga doble clic en la capa para abrir las opciones de estilo de capa. Activar máscara de capa oculta los efectos y agrega los siguientes estilos de capa.
Añadir máscara de capa. Pinte la parte inferior de la forma con negro hasta que se mezcle con la base.
Ahora, podemos empezar a crear reflexiones. Crea una forma como se muestra a continuación. Añade los siguientes estilos de capa. Use un degradado de negro a blanco con el modo de fusión configurado en Pantalla. Cambia el modo de fusión de la capa a Pantalla para eliminar el negro y dejar solo los píxeles más claros.
Dibuja otra forma como se muestra abajo. Agregue Superposición de degradado con el modo de fusión configurado en la pantalla. Cambiar el modo de fusión de la capa a la pantalla.
Crea otra forma para la reflexión. Añade los siguientes estilos de capa.
Repita el paso anterior para crear otro reflejo en el otro lado. Agregue los siguientes estilos de capa, pero esta vez use la dirección opuesta para el ángulo.
Crea una forma como se muestra a continuación. Añade los siguientes estilos de capa. Cambiar el modo de fusión a la pantalla.
Duplica el reflejo y colócalo en el otro lado..
Crea una forma debajo de la base. Esta es la parte que toca el suelo. Añade los siguientes estilos de capa.
Vamos a añadir una sombra en el suelo. Crea una nueva capa debajo del televisor, crea una selección rectangular. Agregue Gaussian Blur para suavizarlo y cambiar su opacidad al 5%..
Este televisor es demasiado limpio y parece poco realista. Necesitamos añadir algunas texturas. Mantenga presionado Cmd / Ctrl + Shift, luego haga clic en el TV y en la capa base para crear una selección basada en su forma. Cree una nueva capa encima de todas las demás capas y rellénela con negro. Haga clic en Filtro> Ruido> Agregar ruido. Cambiar el modo de fusión de la capa a la pantalla.
Para crear altavoces, primero debemos crear su patrón. Crea un nuevo archivo de 50 x 50 px. Activar la herramienta elipse. Desde la barra de opciones configurada en Tamaño fijo 20 x 20 px. Esta configuración creará automáticamente una forma de círculo de 20x20 px.
Presione Cmd / Ctrl + R para activar la regla. Arrastre la regla hasta el centro de la imagen para crear una guía vertical y horizontal en el centro. Dibuja un círculo en el medio.
Dibuja otro círculo y colócalo en el centro de cada esquina..
Haga clic en Editar> Definir patrón para guardarlo como un patrón.
Crear nuevo archivo, tamaño 3000 x 3000 px. Abre el panel de canales y crea un nuevo canal..
Haga clic en Editar> Rellenar. Utilice el patrón que creamos anteriormente.
Cmd / Ctrl-clic en el canal para cargarlo como una selección. Crea una nueva capa, rellénala con negro. Seleccionar todo y copiar (Cmd / Ctrl + C).
Vuelva a su archivo de TV. Crea una selección rectangular en el lado derecho de la pantalla..
Haga clic en Editar> Pegar en. El patrón se colocará automáticamente dentro de la selección. Pulsa Cmd / Ctrl + T y cambia su tamaño. Añade los siguientes estilos de capa.
Crea un rectángulo redondeado que cubra el altavoz. Cambie su relleno a 0% y agregue estos estilos de capa.
Duplica el altavoz y colócalo en el otro lado..
Agregue la marca del televisor y aplique los siguientes estilos de capas para darle un aspecto metálico.
Crea una pequeña forma de rectángulo redondeado. Asegúrese de que su opacidad se establece en 100% con su relleno establecido en 0%. Aplicar los siguientes estilos de capas..
Duplique la forma y cambie su tamaño como se muestra.
Crea otro rectángulo redondeado. Usa los mismos estilos de capa..
Activar la herramienta de línea. En la barra de opciones, establezca Puntas de flecha en Fin. Usa los estilos de la capa anterior y agrega Color Overlay.
Cree el signo más y menos utilizando la herramienta rectángulo para el indicador de volumen.
Agreguemos un indicador hacia arriba y hacia abajo para el canal. Dibuja una forma de rectángulo. Haga clic en su medio con la herramienta pluma para agregar nuevos puntos de anclaje. Selecciónalos y muévelos hacia arriba. Use los estilos de capa anteriores, Resplandor externo, Superposición de color y Trazo. Para crear un indicador hacia abajo, solo necesitas duplicar la forma y girarla verticalmente..
Para crear el indicador de potencia necesitamos combinar algunas formas. Comience creando una forma de círculo. Duplique la ruta del círculo y cambie su tamaño, desde la barra de opciones, seleccione Restar. Crea una ruta rectangular y selecciona Agregar.
Activar la capa de fondo. Crea un degradado radial de gris claro a gris más oscuro.
Duplicar la capa y redimensionarla. Este va a ser el piso.
Todavía tenemos que distinguir el suelo de su fondo. Haga clic en el icono Bloquear transparencia en el panel Capas. Pintar la parte superior del piso. Primero, haga clic en un lado, luego presione Mayús y haga clic en el otro lado para pintar una línea recta.
¡Eso es! Hemos terminado Puedes ver la imagen final abajo..
Accentsconagua