Diseñador de afinity: curso de choque en diseño de maquetas de tecnología

1. Introducción Trailer: Crear este impresionante concepto tecnológico en Affinity Designer juntos crearán este concepto exacto que se muestra aquí, perfecto para usuarios principiantes a intermedios. Y puedes construir este proyecto tanto en la versión de escritorio como en iPad de afinidad. Te enseñaremos los principios fundamentales para construir un dispositivo desde cero, mostrándote todas las técnicas a lo largo del camino y en caso de que te sientas perdido, se incluye el proyecto para el dispositivo creativo. Este curso comenzará con algunas herramientas básicas de desmitificación, pero dentro muy rápidamente, pasando a la creación de su nuevo dispositivo desde cero, guiado junto con usted. Así que ven y únete a nosotros y crea tus primeros conceptos tecnológicos con afinidad. 2. Introducción de la herramienta de degradado: Antes de empezar, solo quería repasar una herramienta y una herramienta que vamos a usar muy amplia en este diseño, y es la función de gradiente. Ahora si estás familiarizado con cómo funciona el gradiente y cómo usar la charla, siéntete libre de saltarte esto contigo, pero siento que es realmente importante que nos sumergimos en cómo usarlo porque vamos a utilizar en casi todas las partes individuales de la construcción aquí para crear cualquier tipo de forma. Por lo que sólo dibujaremos un rectángulo aquí. Por ejemplo, pasamos a las opciones de color de relleno. Tenemos Muestañas Color, y luego degradado como opción. Slider aquí en medio del degradado nos permite aplicar cómo va a afectar ese degradado a través de esa forma o elemento particular que hemos dibujado. puedes ver aquí solo tenemos de blanco a negro y tirar del deslizador más hacia el negro, nos ponemos más blancos y viceversa. Ahora tenemos diferentes tipos de gradiente, ya sea que vayamos por elíptica, por ejemplo, que nos puede dar más de como una fuente de luz, brillo o radio. Efecto similar. Y es más de una utilidad, agregamos múltiples puntos. ¿ Qué tipo de cool? Al igual que una fuente de luz desde un ángulo diferente. Diapositiva se estaban ajustando. Aquí está el punto medio, pero también tenemos opacidad y podemos bajar la opacidad a mí como 50. Aquí podemos ver a pesar de que el gradiente en realidad va a estar desapareciendo en lugar de solo el color, tenemos un gradiente de opacidad. Esto nos permite tener un fade que podría ser increíblemente útil si quisieras desvanecer una sombra hacia fuera en invisibilidad o algo más que podamos hacer con un doble clic es agregar en más puntos en nuestro gradiente. Aquí ya podemos pasar de blanco a gris a negro, pero podríamos hacer click en cualquiera de estos puntos y cambiar su referencia de color también. Podríamos tomar aquí este punto medio, por ejemplo, y darle un tono rojo. Entonces vamos de blanco a rojo a negro. Eso es realmente importante que entendamos. Podemos sumar múltiples puntos porque si tenemos blanco como decimos nuestro punto más ligero como fuente de luz, podríamos añadir otro punto blanco en más adelante. Imitar una especie de dos fuentes de luz que se unen. Tenemos un verdadero reflejo de la luz justo ahí y ahí, por ejemplo, podemos llegar a ser demasiado complejos con esto. Ahora cuando también recogemos la herramienta de degradado, que es ésta de aquí mismo, podemos arrastrar esto directamente sobre una fuente también y podemos aplicar la dirección. Y como ven aquí, tenemos los puntos que los insertamos antes. Todavía podemos mover esos deslizadores y puntos donde podemos elegir el ángulo y la dirección del gradiente para simular la luz y otros movimientos. Tenemos todos esos controles deslizantes y podemos ajustarlos según sea necesario porque vamos a usar esto tan extensamente a lo largo de esta factura, es importante que utilicemos esta herramienta, comprendamos con qué facilidad funciona, guardar como explicarlo varias veces. Y así es como somos capaces de cambiar el ángulo y la apariencia de nuestro gradiente y cómo podemos desvanecerse entre las diferentes fuentes. Alinearlos exactamente donde queremos cada uno. 3. Creando el cuerpo: De acuerdo, así que ahora hemos configurado nuestra plantilla con afinidad y la tenemos abierta. Con lo que vamos a empezar es una plantilla visual que tenemos en el escritorio y que se proporcionará para ti. Debe estar en las descargas. Junto a esta lección, vamos a traer eso a la afinidad. Podemos hacer esto yendo a Lugar de Archivo, seleccionando la imagen misma y haciendo clic en Abrir. Y luego tenemos que arrastrar a través nuestra plantilla y estirarnos para que llena el espacio así. El template fue creado usando Procreate y esencialmente solo rastreas alrededor de una imagen de un iPhone y dándonos las dimensiones con las que trabajar. Entonces tenemos una ayuda visual para ayudarnos en nuestra creación en Affinity Designer usando el mismo método para traer la plantilla, voy a traer una imagen que va a ser nuestro objetivo para nuestra final patrón. Como podemos ver, sólo podemos arrastrar eso de la misma manera agregando otra imagen en. Ahora nos hemos dado dos capas. Podemos verlos en el lado derecho aquí. Hay una garrapata disponible junto a cada una si quieres apagar o en una capa, simplemente puedes hacer clic en eso y ocultarlo por el momento. Ahora para seguir configurando, lo que vamos a hacer es dibujarnos unos lineamientos. Podemos pasar a las mediciones en el lado izquierdo y simplemente arrastrarnos. Y eso entonces nos presentará esos lineamientos que queremos usar usando Command Plus, podemos acercar a la imagen para una mejor precisión, donde nos van a dar una directriz justo abajo el borde del primer teléfono aquí, que es más o menos el centro de la imagen aquí. Y Comando colon nos permite ver a esos guías y encenderlos y apagarlos no es cuando los necesitamos. Vamos a pasar por ahora y establecer una serie de pautas. Me gustaría que siguieras en tu proyecto también. Ya sea que estés siguiendo o no junto con el mismo proyecto o diseñando el tuyo propio. Vale la pena tener estas guías configuradas, hace que la colocación de tus formas vectoriales sea mucho más fácil más adelante después, vamos a utilizar la herramienta rectángulo para crear nuestra primera forma. Vamos a usar esta herramienta de rectángulo y bloquear completamente cómo la forma del primer iPhone. Con la Herramienta Mover seleccionada, podemos hacer clic derecho en nuestra forma recién creada. Podemos utilizar el menú para convertir a curvas. Ahora, cuando usamos nuestra Herramienta Nodo por aquí desde la izquierda, los puntos ya no cambiarán el tamaño, sino que cambiarán la perspectiva y la curva de la forma, permitiéndonos igualarla a ángulo y posición en la que se presenta el iPhone. Si sostenemos la barra espaciadora mientras movemos los nodos, van a chasquear dos se crean pautas, que hace que sea mucho más fácil para hacer una alineación muy fina. Para que las cosas sean más fáciles de ver, si seleccionas tu capa, tenemos un ajuste de opacidad arriba y podemos ajustar la opacidad. Entonces podemos ver que se crean forma y lo que está pasando por debajo, haciendo mucho más fácil alinear las cosas si estás luchando en absoluto, alinear tus formas con tu referencia. Con nuestra capa de forma seleccionada. Vamos a hacer uso de la herramienta de esquina desde el lado izquierdo aquí. La herramienta de esquina nos permitirá cambiar esencialmente la forma de un ángulo sólido a una esquina curva pulsando y arrastrando. Y como se puede ver, crea un círculo que nos da más o menos la conformación de esquina que necesitamos hacer click y arrastrar hasta que el círculo coincida con la curvatura que queremos que aparezca en esa forma. Si ahora pones la opacidad de nuevo a plena. Entonces tenemos una forma sólida. Vamos a hacer clic en nuestra capa, arrastrarla hacia abajo para moverla debajo de nuestra plantilla, y luego apagar nuestra plantilla. Zoom hacia atrás hacia fuera. También apagaremos nuestras guías con colon de Comando para que podamos ver la forma que hemos creado hasta ahora. Si encendemos la capa de nuestra imagen de referencia, queremos asegurarnos de que ese tipo de parezca la forma y el rendimiento similares que tenemos pasando hasta ahora. Esta es nuestra primera parte fundacional. Lo primero que notamos mirando nuestra referencia es que hay un degradado en color a través del teléfono. Vamos a tomar nuestra forma, ir a las herramientas de color arriba en la esquina superior izquierda. Y en lugar de hacer clic en Rellenar, cámbialo a degradado. Y entonces podemos empezar a aplicar nuestro degradado haciendo clic en los nodos en cada extremo, podemos entonces elegir los colores a definir entre. Por lo que aquí podemos elegir un gris muy, muy oscuro y un gris muy, muy claro. Como se puede ver, eso nos está dando una mezcla entre los dos. Una vez que tengamos nuestro conjunto de colores degradados, vamos a utilizar la herramienta de relleno desde el lado izquierdo. Con esto, entonces podemos ajustarlo para que tenga lugar el ángulo del degradado. Y al extenderla extiende el rango del degradado o cambiando su dirección, cambia la dirección del efecto degradado, como podemos ver aquí. Si necesitamos ajustar nuestros colores en absoluto para obtener los efectos deseados, podemos volver a la herramienta de color degradado y ajustar los colores también. Si estás luchando por conseguir los colores degradados correctamente, podemos usar la herramienta de selección de colores, arrastrarlo sobre nuestra imagen de referencia y escoger los colores que vamos a convertir la plantilla vuelve a entrar y ver cómo nuestra forma y gradiente recién creados se alinean con nuestra plantilla original. ¿ encaja en ese espacio? Bueno, notarás que hay un borde biselado alrededor del sitio del iPhone. Y podemos ver que ahí y nuestra referencia, vamos a mirar a crear eso a continuación. Vamos a crear eso duplicando nuestra capa con nuestra Capa de Forma seleccionada presiona Comando J. Y eso copiará la capa exactamente como es con la capa debajo seleccionada. Vamos a volver a nuestra herramienta de color y cambiarla lejos del gradiente, vuelta a un sólido. Podemos hacer algo así como el negro en este caso. Entonces vamos a seleccionar algo llamado la herramienta de contorno. Una vez que hayamos seleccionado eso, somos capaces de ver que ahora tenemos mangos de nodos alrededor de nuestra forma. Y si lo arrastramos ligeramente, va a crear una versión más grande de esa forma con todas las curvas y contextos y todo lo que tenía antes de rellenar nuestro borde biselado ahí. Ahora con nuestra nueva capa de bisel seleccionada, vamos a volver a poner gradiente. Fue puramente a los colores sólidos. Podemos ver fácilmente lo que estábamos haciendo. Vamos a usar nuestro filtro y aplicar un relleno degradado similar a la capa superior, pero vamos a usar colores ligeramente más oscuros que el borde biselado destaque un poco. Seleccionando de nuevo la herramienta de movimiento y la capa, vamos a aplicar un trazo a nuestro nuevo borde biselado, en algún lugar entre nought 0.8. Entonces uno debería ayudarnos a darnos esa poca definición entre las dos partes. la siguiente sección continuaremos introduciendo el logotipo de Apple en nuestra forma. 4. Añadir el logotipo: Ahora vamos a buscar para añadir el logo a nuestra plantilla aquí. Y esto va a ser un iPhone de Apple, así que va a ser el logotipo de Apple. Nos dirigimos a la Herramienta Texto y arrastramos un cuadro a cualquier parte de nuestra plantilla, creará una nueva capa para nosotros. Y si usamos Shift Command K en Mac, eso insertará el logotipo de Apple en un formato de texto. Usaremos el control de tamaño de píxeles de texto en la parte superior aquí y lo cambiaremos a un 144, dándonos una imagen más grande con la que trabajar. Volviendo a la herramienta Mover, podemos luego mover el texto logotipo de Apple a nuestras capas originales. Necesitamos dimensionarlo y conseguir el ángulo correcto. Para perspectiva, vamos a utilizar ese menú de nuevo de convierte las esquinas. Cuando hagamos esto, aparecerán muchos puntos alrededor de nuestra manzana porque está seleccionada la herramienta nodo. Volvemos a nuestra herramienta de mudanza. Todavía se aplican los puntos de curva. Acabamos de tener nuestros mismos nodos en caja antes y ahora podemos cambiar la perspectiva. Cambiamos nuestra opacidad cada vez tan levemente. Intenta alinearlo más o menos con donde queremos esté en la plantilla que tenemos hecha y podemos simplemente ajustarla muy fácilmente así para que esa perspectiva sea correcta. Ahora si necesitas refinar las posiciones un poco más pesada flecha sobre los nodos aquí y ves que gira a esta configuración de doble flecha. Puedes hacer esos pequeños ajustes según sea necesario. Ahora si escondemos nuestra capa en tu plantilla que hicimos antes y traemos el logotipo de Apple. Así que ahora está encima de nuestras dos formas. Hemos hecho esa base y el bisel que acaba de abrir nuestra referencia de nuevo y echar un vistazo a dónde estamos. Podemos ver que nuestro logotipo de Apple necesita ser más ligero. Entonces vamos a entrar en el color y cambiar eso. No necesariamente necesitamos dar un gradiente aquí. Vamos a aplicar la sombra y esa reflexión de una manera ligeramente diferente. 5. Crear profundidad: Vamos a crear el borde del iPhone ahora y darle la apariencia de tener profundidad y ser un objeto físico con algunas profundidades a él. Y es relativamente simple de hacer. Y te mostraremos las técnicas ahora que usaremos para hacer eso. Antes de empezar eso sin embargo, ya hemos creado tres capas y vamos a empezar a crear muchas más a lo largo del proyecto. Así que empecemos a nombrarlos para que no nos perdamos entre todas nuestras capas. Para ello, basta con hacer doble clic en el nombre de una capa y puedes darle un nombre apropiado. Una vez que hayamos hecho eso, vamos a usar el comando J Command a otra vez en la capa exterior más grande. Entonces el que creó nuestro bisel y crear más versiones del mismo, vamos a nombrar estos recorte uno y cortar dos. Y estas van a ser las capas que usamos para crear la profundidad del dispositivo. Vamos a cambiar nuestra plantilla y volver a encendernos. Apaga nuestra referencia. Agrega algunas pautas nuevas en la memoria, solo puedes arrastrar los que entran desde un lado. Entonces podemos usar Command colon para encenderlos y apagarlos. Ahora tenemos nuestra capa inferior más seleccionada aquí. Y si sostenemos la tecla Shift, podemos moverla a lo largo de nuestros guías sin que se mueva hacia arriba y hacia abajo. Por lo que sólo podemos moverlo a su posición aproximadamente con nuestra plantilla. Ahora en las dos capas que creamos, vamos a ir a ese color y cambiar el color. Entonces tenemos un color base y un color de capa superior. Esto es justo para que podamos definir muy fácilmente en qué estamos trabajando y la separación de dos manteniendo el comando, ahora somos capaces de seleccionar ambas capas aquí. Arriba hacia la cima aquí tenemos una herramienta llamada interceptación. La interceptación nos va a permitir cortar una forma en base a lo suficiente. Y hacer click aquí nos permitirá cortar la capa inferior. Por qué la forma de la capa superior dejándonos con solo la forma de borde aquí. Ahora podemos ver que tenemos la forma cortada correctamente. Podemos buscar para volver a aplicar nuestro degradado si necesitas cargar aquí la imagen de referencia. Pero vamos a aplicar un degradado similar a lo que había en la capa posterior, pero con un color ligeramente más claro. Recuerda, también estás creando tu propio renderer. Puedes experimentar si has hecho un fondo de color diferente, podrías mirar para que los bordes parezcan ser metálicos o estén coloreados. Realmente puedes experimentar en crear tu propio cabello. Cuando apagamos nuestras guías aquí podemos ver la parte superior de nuestra capa está empezando a desvanecerse. Sólo significa que fuimos un poco demasiado livianos en nuestro gradiente, solo podemos ajustar eso según sea necesario. Ahora la perspectiva que queremos no es del todo perfecta. Y lo que lo regala, o los bordes superiores, solo una duplicación completa de la capa anterior. Lo que vamos a hacer es volver a utilizar nuestra opción Convertir a puntos. Y usando la herramienta Node, solo vamos a aplanar un poco a los. Ponemos lineamientos en. Entonces si tienes espacio y podrías usar tu comando de colon para traerlos de vuelta si los necesitas. Esos nos ayudarán simplemente a aplanarlo precisamente en esos bordes. Si es necesario. Siempre se puede hacer otra guía también y traer eso. Hasta ahora hemos estado haciendo esto y por yo dos, les doy una idea de cómo funciona todo. Pero si traemos a nuestra guía de nuevo, podemos ver que estamos un poco fuera usando nuestro chico y también de capa de transparencia, usarías esas notas y simplemente alinearlo exactamente al modelo de hardware donde se necesita. Y podemos simplemente ajustar cada bit individual hasta que encaje y luzca justo. Ahora en nuestra referencia, los bordes, claramente un tipo metálico de Material y tienen poco de un paso de gradiente diferente. En nuestra herramienta de degradado, vamos a agregar un nodo extra. Y podemos hacerlo haciendo doble clic. Y eso nos da un paso extra en el gradiente. Y se puede ver cuando lo ajustamos, es ajustar el paso medio del gradiente para que podamos ir de oscuro a claro a oscuro, por ejemplo. Mirando de nuevo nuestra referencia, podemos decidir si necesitamos o no que sea oscuro o más ligero también. Al mirar nuestra referencia, hay algunas capas y reflexiones adicionales que suceden y abordaremos esas un poco más tarde usando algunas técnicas diferentes. 6. Cámara y sombreado: A continuación vamos a abordar la adición de la interfaz de la cámara. Entonces, si volvemos a cambiar nuestra capa para traer nuestra plantilla, usamos Command colon para traer nuestras pautas de vuelta. Hemos establecido las pautas aquí en el lugar más apropiado para que construyamos este módulo de cámara. Podemos acercar más de cerca usando Command Plus. Y al igual que antes, para agregar nuevos lineamientos. Simplemente arrastra desde la parte superior o la medición del sitio y solo podemos traer nuestro forro final justo aquí. No necesitamos todas las capas aquí, así que podemos apagar estas capas de color. Si todavía los tenemos comprometidos. Nos dirigimos hacia el lado izquierdo aquí podemos usar nuestra herramienta de selección de formas. Vamos a arrastrar una forma seleccionada sobre nuestras pautas, que va a cubrir ese módulo de cámara para nosotros. Ahora como antes, cuando cambiamos algunos de los colores, es sólo un simple indicador visual rápido para nosotros qué área es esa. En este caso, vamos a cambiar esto a verde. Y luego vamos a arrastrarlo hacia abajo y dejarlo caer con el resto de las capas. De esa manera aún podemos ver nuestra plantilla por encima de ella también. Al seleccionar nuestra herramienta de flecha, podemos entonces hacer cosas como sesgar la imagen. Podemos ayudarlo a alinear el módulo de la cámara, igual que lo hicimos antes. Tómese el tiempo para que éstos se alineen con nuestros lineamientos también. Además de alinearlo con nuestra imagen templada. Usaremos son convertir a menú de curvas, solo por ese detalle fino ahí. Ahora seleccionemos nuestra herramienta de esquina, igual que cómo redondeamos antes los bordes de las esquinas. Vamos a hacer exactamente la misma técnica para redondear los bordes de nuestra plaza que acabamos de alinear aquí para encajar el módulo de cámara en nuestra plantilla. Ahora vamos a apagar nuestras capas es Comando codon para apagar nuestras guías. Y volveremos a alejarnos con el comando menos. Y lo que estamos buscando es solo asegurarnos de que la perspectiva parezca correcta al mirar lo que acabamos de crear. Podemos ajustar nuestro color para darle un gradiente similar para ayudarnos a ver esa perspectiva. Significar como un color relevante más claro a nuestra imagen de referencia también puede ser realmente útil. Ahora nuestra maqueta tiene profundidad y un borde biselado. Entonces vamos a mirar a crear eso ahora como la siguiente parte. Y lo haremos mucho en la forma en que creamos profundidad en el propio dispositivo. Para crear la profundidad y el bisel, vamos a necesitar tres copias. Entonces si seleccionamos nuestra capa, podemos hacer clic derecho y seleccionar Duplicar quien usó el comando teclado, comando J para crear esos. Asegúrate de tomarte el tiempo para nombrar estas capas a medida que avanzamos. Como los proyectos sólo se volverán más complejos a partir de aquí. Y tener un buen administrador y buen nomenclatura te ayudará a medida que avanza. Por el momento, coloreemos cada capa individual para que podamos, con una referencia visual muy rápida, ver en qué capa es la que estamos trabajando. Sabemos qué capa cortaría en otro rojo y verde. Obviamente un contraste perfecto mientras se mantiene presionado el comando selecciona tu segunda capa. Entonces vamos a ir al menú superior y usar restas y restar. Cortaremos esa capa superior de la de abajo, dejándonos con solo nuestro borde biselado en el rojo ahí. Ahora si seleccionamos nuestro nuevo borde biselado, podemos mirar ajustando su color, que lo devuelven a un gris más oscuro ahora, o incluso un negro que va a ayudar a crear ese tipo de vista de sombra y profundidad que nosotros están buscando. Se, sea cual sea el color que tengas asignado a la cara superior. Simplemente usa el deslizador visual y puedes ver cuando se ve bien y empieza a dar ese efecto de sombra justo aquí. Al igual que lo hicimos por el cuerpo del dispositivo, vamos a aplicar un gradiente a estas capas ahora para darle esa sensación de muertes y tridimensiones, así como ayuda con la iluminación efecto de que sea un objeto 3D. Nuevamente, puedes hacer esta preferencia de iluminación como quieras, o copiar aquí la referencia. Sólo vamos a aplicarlo los mismos colores y puede haber luz en el mercado en diferentes áreas para dar una sensación de cambio de material. Pero queríamos asegurarnos de que los ángulos también sean relativamente los mismos para que el reflejo y la fuente de luz parezca estar viniendo del mismo lugar usando colores más claros o permitiendo que una parte más vibrante del gradiente brille a través da una impresión de un material diferente. Por ejemplo, el metal de aluminio necesita ser más oscuro pasando a la luz, mientras que la base de la cámara aquí que de hecho puede ser vidrio u otro material brillante tendrá que ser un poco más ligero y tener más de ella, gradiente más ligero que se muestra a través para dar esa impresión. Y podemos ver que lo invisible en la referencia aquí también. Ahora para añadir algo de profundidad extra a nuestra capa basal que creamos antes, vamos a agregarle un efecto que le ayude a darle una especie de sensación de sombra como si la luz hubiera sido bloqueada, pero no del todo porque es un objeto translúcido. Si tenemos nuestra capa seleccionada justo al final de nuestro menú Capas, ahí está el ícono de efectos. Vamos a usar el efecto desenfoque gaussiano. Y como sacamos ese slider, podemos ver que aplica más de un efecto de desenfoque a nuestra capa aquí. Y solo queremos un poco de ella solo para difundir ligeramente los bordes de esa capa de Bezos, dando esa sensación de unos objetos translúcidos y luz pasa por y creando una especie de sensación de sombra natural está utilizando efectos como este en pequeños detalles que dan la sensación de que un render es un objeto físico real. Es importante prestar atención a estos detalles más pequeños porque sí tienen un efecto en tu percepción general de la imagen final. 7. Sombreado de logotipo: Entonces vamos a seguir con nuestro gradiente y sombreado así como algunos de los sombreados y detalles. Lo primero que vamos a hacer es añadir un poco de un bajo sombra y bisel al módulo de la cámara aquí. Como antes, vamos a crear dos copias más del módulo de cámara. Entonces vamos a cambiar sus colores a rojo y verde respectivamente. Lo que queríamos hacer, vamos a alinear esta capa superior. Entonces tenemos sólo una astillera del fondo con las curvas y todo en el lugar correcto para nosotros. Es para hacer esto como necesitamos. Vamos a moverla ligeramente hacia arriba. Y entonces vamos a necesitar ajustar la capa superior hasta obtener la curva deseada y la apariencia de sombra que queremos en la capa roja a continuación. Al igual que antes, vamos a mantener el comando, seleccionar esas dos capas y queremos restar. Entonces el superior corta lejos de la parte inferior, dejándonos con solo esa pequeña astillita ahí. Ahora sólo tenemos que arrastrar esto de nuevo hacia arriba en nuestro orden de capas para poder verlo. Ahora vamos a ajustar el color. Vamos a hacer que sea un poco más ligero aquí para dar esa impresión de la luz que brilla a través. Vamos a usar de nuevo el desenfoque gaussiano, solo para darle ese poquito de fuzziness alrededor de los bordes porque una sombra y algo que tiene una luz oscurecida a través de ella nunca es tan preciso borde definido. Queremos un poco de sombra natural y se desvanecen pasando ahí. Gaussiano borroso nos da justo lo que necesitamos. A continuación, prestemos un poco de atención a nuestro logotipo de Apple. Cómo obtendríamos ese tipo definido gradiente de metal cepillado. Para ello, vamos a utilizar una técnica llamada máscara de recorte. Así que vamos a crear dos formas para mostrarte cómo funciona esto. Vamos a crear un cuadrado rojo y sólo vamos a crear un círculo también. Simplemente cambiaremos ese color a verde. Entonces esto es agradable, visual fácil de ver. Ahora en nuestras capas vamos a arrastrar la verde a la caja de la roja que ves justo debajo de ella. Por lo que ahora justo ahí. Y desaparece de nuestra vista cuando soltamos, ahora tenemos una máscara de recorte. Todavía está ahí. Somos capaces de moverlo y podemos moverlo a cualquier posición de la plaza, pero sólo se mostrará a través de la propia plaza. Esto se llama máscara de recorte, y es una técnica realmente útil para crear formas y efectos específicos. Y vamos a usar eso en un segundo para crear el efecto de clasificación en el logotipo de Apple. También podemos aplicar esto a algunos de los detalles más finos también. Así que vamos a eliminar estos lejos muy rápido. Lo que haremos, buscaremos crear una máscara de recorte con la parte debajo de la sombra que acabamos de hacer también. Para que podamos tomar esto y simplemente arrastrarlo abajo por debajo de nuestra sección principal aquí. Y ahora, sólo será visible por debajo de esa pieza principal de vidrio que hicimos. Debido a esa máscara de recorte, vamos a batir ese borde duro, pero luego obtenemos el borroso en los bordes gaussianos que ponemos ahí antes. Y podemos ajustar el gradiente a como sea que lo necesitemos. Los mejores visuales que buscamos. Eso no es parámetros establecidos aquí. Simplemente míralo visualmente y decide lo que crees que realmente le conviene y se sienta mejor. Pero al usar esa máscara de recorte, solo hace esos bordes borrosas. Y el truco gaussiano lo hicimos un poco más fácil. Así que seleccionemos el logotipo de Apple. Hará esto ligeramente diferente, pero el uso de las mismas técnicas hace que el logotipo sea más ligero. Eso va a ser más fácil para nosotros ver qué está pasando. Entonces simplemente dibujemos una forma. Simplemente podemos tomar la herramienta pluma y dibujar algo muy sencillamente que pasa por el logo como una forma de triángulo. Mientras sea un cheque cerrado, va a estar absolutamente bien. Triángulo siendo el más simple que podemos hacer. Entonces vamos a cambiar el color de eso para que sea mucho más oscuro, como se puede ver en este momento, solo está tendido encima de la manzana es muy, muy simple. Recuerda lo que acabamos de aprender con la máscara de recorte. Una vez que traemos eso, la Manzana definirá la forma de eso. Vamos a derribarlo. Y ahí vamos muy fácilmente. Tenemos ese degradado caliente, muy duro recortado usando plantilla de Apple ahí mismo. Casi estamos dando la impresión de un reflejo y esa parte realmente brillante del metal cepillado. Pero como antes, entonces podemos usar gradiente o incluso podríamos usar desenfoque gaussiano y muy, muy ligeramente definir y dar forma a que a cómo nos parezca. Por ejemplo, lo hemos hecho mucho más duramente que en el ejemplo, pero podemos ajustarlo y marcar tanto como necesitemos. Pero también no limitado a cuántas veces hacemos esto. Podríamos crear múltiples capas o múltiples imágenes dentro de ese tipo de reflexión clicada. 8. Diseño de lentes: El siguiente activo que vamos a mirar a crear son las lentes para el dispositivo. Si comenzamos por traer nuestra guía, usando también nuestras líneas guía, podemos asegurarnos de que solo sumamos todos los que nos van a ayudar a alinearnos correctamente con las tres lentes como se muestra en el dispositivo. Para empezar a crear las lentes, lo primero que vamos a hacer es elegir la herramienta de puntos suspensivos. Y luego apenas comienza dibujando nuestro primer círculo dentro de nuestras pautas aquí, es útil cambiar el color a algo que fácilmente definible simplemente elegiría el negro por el momento ya que no se utiliza y podemos alinear eso fácilmente entonces si encuentras el rojo o el verde más fácil para ti, baja por esa ruta. Como antes, tener nuestra herramienta de flecha seleccionada nos permite ajustar las formas para que encaje dentro de nuestra directriz. Nos va a ayudar a tener esa perspectiva consistente. Una vez que tengamos esa totalmente alineada, vamos a duplicar esa forma muy como lo hacíamos antes al crear la propia cámara albahaca. Te resulta útil aquí agregar algunas pautas adicionales para los otros círculos de la cámara. Y vamos a mover nuestra segunda capa hacia arriba de nuevo, crear esa perspectiva y profundidad. La segunda capa, vamos a hacer de ella un tono más oscuro primero. Una vez que lo hayamos hecho ese tono más oscuro entonces solo lo moverá a las nuevas pautas como tal. Cuando apagamos nuestras guías, en realidad podemos ver que de manera muy sencilla incluso solo estos dos colores nos han dado la apariencia de profundidad en la cámara están listas por la perspectiva y la forma que percibimos cómo se ven. Por lo que ya está funcionando para nosotros. Ahora vamos a duplicar nuestra capa más superior otra vez, que es esa capa gris. Y vamos a enjuagar y repetir para crear los otros elementos de círculo de la cámara tiene exactamente la misma técnica, hará uso de la perspectiva de la guía cada vez. Y lo que vamos a hacer aquí al empezar a obtener múltiples capas es asignaremos algunos colores diferentes. Así que solo un vistazo rápido, podemos ver en dónde estamos, en qué capa estamos trabajando. Debido a todos estos Bezos, capas , círculos, si son grises, puede ser bastante difícil ver rápidamente dónde estás trabajando y qué tipo de perspectiva tienes realmente para usar el rojo y verde de nuevo, para que podamos ver en qué estamos trabajando ahí. Y podemos recortarlas igual que las tenemos para las otras capas también. Ahora tenemos la base del primer módulo de cámara hecho. Vamos a ver cómo conseguir el color y la textura asignados correctamente. Y trabajaremos desde el anillo exterior hasta el más interior. Empezaremos con lo más exterior, que podemos ver en nuestro ejemplo. Tiene un bonito brillo alrededor del sitio. Entonces tenemos que emular eso usando nuestra herramienta de degradado, igual que lo hicimos antes. Por lo que tenemos que elegir nuestro gris. Podemos hacer esto con nuestra propia elección visual, porque recuerda, podríamos estar creando cualquier cosa aquí. Podríamos elegir colores. Podríamos estar creando un dispositivo completamente verde si así lo deseabas. Lo importante es asegurarse de que nuestros ángulos de reflexión de luz del gradiente permanezcan consistentes a la sensación de luz direccional siempre siendo consistentes y por lo tanto sean reales. Si te resulta útil, deshabilitó algunas de las capas superiores también. Puede ser más fácil ver y ajustar tu degradado cuando solo estás mirando la única área con la que estás trabajando, lugar de tener todas las capas apiladas encima de ella. Ahora este elemento realmente destaca es encontrar que tiene bordes duros. Por lo que vamos a usar la herramienta de trazo para asegurarnos de que tenemos seleccionada la capa correcta. Arriba por la parte superior. Aquí vamos a Stroke y vamos a introducir un trazo medida que tire del deslizador por aquí se puede ver en tiempo real el efecto. Tiene algo que solo puedes elegir a ojo pero bastante estrecho solo para agregar algunas líneas duras por ahí. Volveremos a ir a nuestro menú de Efectos. Y esta vez vamos a usar algo llamado sombra exterior. Esto nos va a permitir crear una sombra basada en la forma que hemos creado. Y tenemos que establecer el ángulo similar a nuestro gradiente. Entonces nos da un efecto de sombra. Naturalmente dependiendo de la fuente de luz falsa que hayamos creado usando la guía de degradado. Y se puede ver que a medida que traemos este slider, agrego más y más sombra alrededor. Necesitamos el ángulo para decidir el ángulo correcto de eso. Entonces obtenemos más sombra en la parte inferior como si las fuentes de luz que vienen de la parte superior ahí que se puede ver haciendo eso de repente nos da tanta más profundidad en esa parte. Ahora vamos a estar trabajando en la capa roja aquí. Para que esa segunda pista interior, si seleccionamos eso, y vamos a darle su color, lo hará negro por ahora que podemos ajustar eso a medida que avanzamos. Por ejemplo, nuestra referencia muestra que es especie de un color de tipo gris más oscuro. Ahora parte del tema de perspectiva aquí viene del trazo se ha aplicado a la capa inferior. Si volvemos a seleccionar eso, estamos mirando la sección de gradiente para el trazo. Queremos que el gradiente se aplique también al trazo. Por lo que es más intenso a una parte de lo que es la otra. Y eso nos ayudará en ese cambio de perspectiva porque está agregando esa caricia en un lugar que no queremos que sea. Sólo hay que ajustar casualmente esto hasta que se sienta bien. No hay ajustes específicos que siempre lo van a hacer perfecto. Pero si seguimos por aquí y vemos que sólo estamos ajustando, echando un vistazo y viendo cómo cambia visualmente. Y notarás que cuando pongamos ese gradiente ahí en el trazo que está más definido en decir, la izquierda, la inferior que es la parte superior. Y eso ayuda a dar más perspectiva de que ese ser una forma que sobresale. Ahí vamos. Hemos creado la primera parte del módulo de cámara. 9. Detalles finos de la lente: Ahora vamos a crear el iris de la cámara. Ahora aquí es discutiblemente donde la mayor parte del detalle entra en este diseño. Y vamos a tener que crear muchas capas y montones de diferentes partes detalladas. Entonces lo que vamos a hacer es crear eso en un archivo separado y después traerlo. Y lo haremos solo por claridad para que podamos ver todo lo que se está haciendo. Y traeremos nuestra plantilla de ejemplo para que podamos mirarla y usarla como referencia, solo Comando N para crearnos un nuevo archivo. Y luego solo tenemos pestañas a través de la parte superior aquí. Y cualquier elemento que queramos traer, solo podemos seleccionar esas capas o el grupo. Presiona el Comando C y luego apúntate a nuestro nuevo archivo y al Comando V para traerlos. que como se puede ver aquí, tenemos para una referencia y hemos traído la parte de bajo de la lente que construimos. Y vamos a crear el iris dentro de eso y luego convertirlo en grupo y traerlo de vuelta a nuestro proyecto original. Ahora vamos a crear esta lente aquí. Y ya tenemos círculos y todo creado en perspectiva. Queremos cambiar el color y el dimensionamiento, etc. Así que vamos a usar ese comando J para duplicar. Entonces ajustaremos la luz de color antes para que podamos ver siempre la capa en la que estamos trabajando. Nuevamente, puede ser útil hacer un color contrastante realmente brillante si es necesario. Sólo vamos a ser negros por ahora porque eso se destaca entre el gris realmente fácilmente. Y ahora sólo vamos a aplicar nuestros gradientes. Ya tenemos el gradiente ahí dentro ya que agregamos más capas y ajustamos los colores. Una vez que hagamos esto, se verá como un pequeño ícono de altavoz. Ahora las dos herramientas principales que vamos a usar aquí van a ser las herramientas de copa como hemos usado antes para cortar una forma, estás usando otra con la máscara. Entonces vamos a estar usando la herramienta de mezcla. Eso es lo que nos ayuda a conseguir esas capas de aspecto translúcido de diferentes vidrios. No vamos a repasar lo que hace cada modo de mezcla individual. Pero te mostraremos los que vamos a usar y cómo utilizarlos para obtener este efecto de vidrio aquí en la lente de la cámara. Ahora vamos a trabajar sistemáticamente lo mejor que podamos en crear y construir las capas trabajando desde atrás más para ello, voy a empezar con esa pequeña curvatura verde justo aquí. Lo primero que vamos a hacer es copiar la nueva capa que acabamos de hacer usando el comando J, y desactivaremos la capa debajo de ella. No necesitamos eso por el momento. Ahora es una especie de forma compleja de media luna que necesitamos crear aquí. De nuevo, vamos a cortar eso usando esa herramienta de enmascaramiento. Entonces vamos a crearnos una nueva forma la hará roja para que podamos ver exactamente lo que estamos usando y qué estamos cortando anchura. Y vamos a colocar eso para acercarnos algo al tipo de referencia que necesitamos, esa pequeña astilla ahí. Ahora si movemos nuestra capa roja a continuación, podemos ver el tipo exacto de corte que vamos a tener. Entonces como antes, si sostenemos Comando y seleccionamos ambas capas, entonces podremos cortar una de la otra. Este caso queríamos usar intersectar en lugar de restar para darnos esa forma. Justo ahí. Tenemos nuestra forma recortada. Se necesita alguna afinación fina y ajuste. Una cosa que vamos a hacer es simplemente bajar la opacidad de esta capa roja. Podemos ver su relación con las otras capas debajo de ella. Si bien lo ajustamos, solo queremos conseguir ese tipo de curva, ese borde de anillo como podemos ver en el ejemplo. Haremos eso usando la prueba de opacidad para conseguir esas curvas mostrando un like. Así que ahora en esta cámara iris, hay un poquito de un reflejo verde pasando. Vamos a cambiar el color ahora de esta capa. Y como antes, queremos aplicar un degradado para que podamos usar el blanco y el verde usando el blanco para ser el reflejo realmente alto y luego el verde se desvanece lentamente, solo dando ese tipo tonalidad que se ve en la lente de la cámara. Y de nuevo, es algo que podemos poner los colores. Olvida más o menos cómo queremos un blanco bastante verde oscuro, realmente brillante. Y luego define cómo se va a reflejar el degradado solo usando los controles aquí y ajustar hasta que se vea correcto. No hay refranes o ángulos perfectos para colocarlo. Realmente es una preferencia y elección de diseño hecha por usted mismo. Esta capa se mezcla con una capa más oscura debajo de ella y obtenemos ese brillo degradado a través. Vamos a cambiar nuestra capa de mezcla para fijar la luz. Esto debería funcionar muy bien una vez que empecemos a agregar más de esas capas reflectantes encima de ella, vamos a bajar a nuestra capa gris negra otra vez y duplicar ese comando J de nuevo. Y esta vez estamos buscando crear esa media luna en el lado derecho. Entonces nuestra segunda capa de reflexión ahí, y vamos a usar exactamente las mismas técnicas que ya hemos utilizado. Entonces vamos a dibujar una forma y hacer las interceptaciones, pero solo estamos buscando conseguir esa pequeña rebanada de media luna en el lado derecho esta vez. Entonces podemos entonces crear esa reflexión, agregando así más profundidad. Ahora es el momento de volver a usar nuestra herramienta de degradado. Ahora en esta parte de la lente, tendemos a conseguir un reflejo azul oscuro, grisáceo que la elección del color puede ser de ti, pero tenemos que ir entre ese color y blanco pico lejano absoluto de la reflexión. Y entonces vamos a marcar eso como antes. Selecciona tomar este momento para recordarte que si estás luchando con esto, si tienes este archivo de proyecto, por lo que absolutamente ábrelo. Siéntase libre de copiar una de las lentes está en su propio proyecto y trabajar en él lado a lado. Echa un vistazo o las capas terminadas y todos los ajustes terminados si deseas emular con precisión, y luego intenta recrearlo tú mismo, está ahí como recurso para que utilices. Ahora con nuestra reflexión aquí, el modo de mezcla va a impactar enormemente cómo se percibe esto. Y este es realmente buen ejemplo de echar un vistazo a través los diferentes modos de mezcla para intentar lograr el resultado que deseas. Y se puede ver que si lo dejamos en ciertas, parecía realmente reflexivo como luz brillante. Otros le dan una especie de sensación manchada. Algunos le dan al instante esa gran mezcla 3D que hemos ido por su. Depende de lo que estés buscando y cómo quieras que sea tu resultado final. Pero así es como lo logramos. Conseguimos estas diferentes capas en y tenemos que marcar y ajustarlas por yo con el tiempo para obtener la mirada deseada al miedo levantar esencialmente lente de cámara de cristal que refleja todo a su alrededor y simular el entorno que, eso fue en. Aquí, solo vamos a experimentar con diferentes modos de mezcla, diferentes gradientes para dar una reflexión diferente desde diferentes ángulos. Puedes hacer es copiar repetidamente tu lente, ajustarla, y guardar este proyecto. Y luego tienes todo este tipo de marcadores para más tarde y solo puedes usarlos en otros proyectos preconstruidos con diferentes tipos de reflexión y visuales que luego puedes simplemente fácilmente ajusta el tamaño de una vez que hayas creado tu lente y estás contento con cómo se ve o incluso tu lote de lentes. Lo que queremos hacer es agruparlos juntos y nombrarlos para seleccionar todas las capas que van a estar involucradas. Puedes sostener Comando y hacer clic en cada uno. Haré clic en la parte superior , mantendré presionada Mayús y pulsaré a la parte inferior y resaltaré todos ellos. El comando G construirá un grupo de esos para usted. Y yo sugeriría que les nombras tipos específicos de lentes cada vez también, sobre todo si puedes guardarlos y llevarlos a tu otro proyecto, entonces solo el caso de seleccionar el grupo, presionando Comando y C y volviendo a nuestro original y vamos a dejar caer esa lente ahí. Y podemos ponerlo en nuestro módulo de cámara que construimos en nuestro dispositivo o listo. 10. Detalle de la cámara: Ahora vamos a empezar a trabajar en algunos de los detalles más finos del módulo de cámara. Una vez que hayamos hecho el primero entonces lo duplicará dos o tres, y ajustaremos los gradientes para obtener el efecto de iluminación correcto para cada uno. Lo que vamos a empezar es echando un vistazo a los gradientes que tenemos pasando, en las capas actuales aquí. Ahora si miramos el anillo más externo en nuestro ejemplo aquí, se vuelve a poner oscuro, claro y oscuro otra vez. Entonces vamos a añadir algunos colores extra a nuestros gradientes en esa capa base. Y eso nos va a permitir tener esos puntos extra de luz. Como se puede ver hay los agregamos y simplemente usaremos nuestro mango para ajustar esos puntos clave a donde necesitamos que estén. Una vez que esto esté configurada en éste, entonces somos capaces de aplicar que cuando lo duplicamos a los otros, teniendo ahí esos dos puntos blancos, seamos capaces de simular el efecto de haber un fuente de luz reflejándose en dos lugares, pero es absorbida por la lente de la cámara. Y ya ves tenemos esas dos reflexiones ahí a la izquierda y a la derecha. Entonces cometimos un pequeño error. El bisel bordes que podemos ver en nuestro ejemplo, uno es metálico o metálico en color y lo dejamos negro para la profundidad. Entonces vamos a cambiar el color de eso. Vamos a aplicarle un gradiente también. Y lo necesitamos para tener un brillo y tonalidad similares al borde exterior también. Ves las reflexiones de luz necesitan para representar y estar en el mismo espacio. Pero también queremos que el gradiente muestre que hay un ángulo diferente y una iluminación diferente. Sólo tenemos que marcar el final hasta que visualmente se vea correcto. Y probablemente necesitaremos sumar los puntos extra en así como el gradiente también. Pasa el tiempo aquí ajustando y perfeccionando eso. Entonces se ve lo más real posible con solo marcar en pequeños cambios de gradiente para conseguir que esa reflexión parezca lo mejor posible. Aplicado ese gradiente extra, las dos capas se mezclan un poco mucho. Lo que vamos a hacer en la capa inferior, que va a subir el nivel del trazo dando solo un borde más duro. Deberíamos mostrar alguna agradable separación entre las dos capas como si estuvieran encajadas juntas y a metal parte separada. Algo que realmente puede ayudar a vender este efecto es usar también el gradiente en el trazo, dando exactamente la misma reflexión en detalle que está sucediendo en el color y la forma general. El trazo aún le da ese borde duro, pero entonces todavía se ve afectado por la iluminación y los reflejos que están sucediendo. De lo contrario, acabas de tener un borde duro muy antinatural. Entonces solo vamos a aplicar eso aquí también. Ahora en adelante, sólo vamos a seguir usando exactamente las mismas técnicas, las mismas capas, el mismo ajuste de gradiente, sólo para marcar en esa lente. No vamos a hacer nada nuevo sabio, pero no quiero saltarme nada. Por eso quiero que puedas ver visualmente cada paso que damos. Pero aquí no se necesita orientación. Estamos usando las mismas técnicas, solo marcando por i, él basado en nuestra referencia. Ahora si aún no lo has hecho, queremos que sea toda la lente, un grupo y lo nombras algo así como lente, queda una lente, lo que funcione para ti. Una vez que hayas hecho de esto un grupo, vamos a doblarlo hacia abajo, seleccionarlo, y hacer el Comando J, y queremos duplicarlo. Entonces tenemos tres copias exactas de esta lente. Entonces vamos a sacar nuestra referencia y vamos a mover cada uno de los grupos lente 123 a las posiciones correctas. 11. Base de la cámara: Ahora vamos a crear las reflexiones en la base del módulo de cámara. Y para ello, vamos a usar esa técnica de máscara de recorte que usábamos antes. Vamos a asegurarnos de que tenemos una cámara basada, seleccionarla y luego necesitamos dibujar en forma. Tenemos que dibujar una conformación que tenga un borde recto duro. Pero antes pudiéramos hacer un triángulo o algún tipo de rectángulo, todo lo que se une y nos dé ese borde duro lo suficientemente largo como para recorrer todo el camino a través de la base estará bien. Asigne un color a él. Tenemos que estar cada vez tan ligeramente más oscuros para conseguir el efecto de que el lado más claro esté sobre el lado derecho. Voy a arrastrarlo hacia abajo la base de la cámara que hicimos antes. Entonces obtenemos esa máscara de recorte y podemos ver exactamente con qué estamos trabajando. Hay lente superior, tenemos un reflejo que se superpone con la parte más brillante de la base. Entonces para crear eso, lo que vamos a hacer es subir a nuestra lente superior. Y necesitamos encontrar la capa ahí dentro que tenga un círculo grande. Vamos a duplicar eso. Podemos usar la capa base y luego traerla si es necesario. Selecciona ese comando y J para hacer una duplicación de la misma, vamos a establecer el color para que sea blanco puro porque va a ser un reflejo de vidrio. Déjame llevar eso hasta la capa superior. Va a parecer realmente extraño. Pero vamos a volver a usar esa misma técnica de una máscara de recorte. Lo que podemos hacer ahora es dibujar una forma de la máscara de recorte. Cuando cerremos esa forma, solo tendremos la pequeña resbaladiza sobrante. Y si miras, estamos alineando eso con la base de reflexión que hemos puesto en la base del módulo de cámara de ahí. Porque queríamos simular los guantes reflejando plenamente la pieza de luz. Sólo vamos a hacerlo rojo para que sepamos que estamos cortando una forma vía otra. Entonces una vez hayamos seleccionado los dos juntos y vamos a usar restas para tomar una forma de la otra. Y eso nos deja esa parte perfectamente blanca que como reflejo. 12. Detalles del módulo de cámara: Ahora vamos a trabajar en el verdadero detalle fino en este módulo de cámara aquí. Vamos a mirar a construir el flash en, creo que en algunas de las capas de sombra extra. Y luego, por último, introduciendo ese sensor LIDAR, sólo vamos a hacer algo aquí para hacernos la vida un poco más fácil. Vamos a traer nuestra imagen de referencia debajo nuestro render y simplemente hacerla un poco más grande para que podamos hacerlas lado a lado. Así que cuando acercamos, realmente podemos mirar los detalles de lo que está pasando lado a lado. Una vez que hayamos alineado eso, lo que vamos a hacer es cambiar nuestra plantilla de nuevo en la forma en que las cosas se ven bien. Ahora podemos ver en la escala de plantilla exactamente dónde vamos a estar posponiendo el flash. Así que empecemos a hacer la base para nuestro flash. Abre nuestro render y solo asegúrate estemos en la capa superior aquí. Entonces cualquier cosa que dibujemos va a aterrizar encima de todo lo demás. Y vamos a agarrar nuestra herramienta de puntos suspensivos y vamos a dibujar herramienta de elipses por encima del flash en el render. Sólo círculo muy simple. Obviamente las perspectivas no van a ser perfectas. Por lo que sólo podemos acercarnos aquí y finalmente podemos ajustar eso. Simplemente utilizando el mango un tema solo para sesgarla un poco por el ángulo. Una vez que hemos ajustado eso y lo conseguimos en el lugar justo. Asignemos un color. Vamos a ir por un gris claro o plata aquí. Vamos a ajustar esto y aplicar gradientes a medida que avanzamos. Solo tienes algo que podamos ver y va a ser más o menos lo que buscamos. Y lo adivinaste, necesitamos múltiples capas para hacer el ribete y la sombra, el detalle. Entonces vamos a duplicar nuestro comando de capa recién creado J. Vamos a necesitar tres de estos para empezar. Y como hemos hecho antes, asignemos algunos colores contrastantes para que podamos ver lo que estamos cortando unos contra otros con un contraste realmente claro. Entonces aquí nos hemos ido naranja y verde también. Primero lo primero, asegúrate de que tenemos seleccionada la capa correcta. Y vamos a buscar hacer esa capa superior un poco más pequeña dentro sí misma y lo estamos haciendo para que podamos mantener la perspectiva correcta, no lo hará. Así que tenemos eso más o menos alineado. Tenemos esos bordes apareciendo, que van a ser los bordes resaltados mirando nuestra referencia. Tenemos que duplicarlo otras tres veces porque vamos a usar esto varias veces. Ahora selecciona uno de nuestros nuevos círculos más pequeños y uno de los verdes más grandes. Vamos a cortarlas juntas para darnos ese borde exterior recortado así que ahora tenemos múltiples capas del mismo color. Entonces nuestra capa inferior, esa realmente va a ser la visual del flash. Es sólo cambiar eso a un amarillo, llegar más o menos a lo que sería el color de la carne igual que un indicador visual para nosotros allí, vuelta en nuestro recién cortado borde biselado. Echemos un vistazo a la herramienta de trazo y vamos a aplicar un poco de trazo ahí para dar esa definición de borde duro, necesitamos separarla como el cuerpo metálico frente al frente de cristal de la carne. Ahora tomemos nuestra segunda capa verde. Entonces la parte inferior más, vamos a movernos que cada vez tan ligeramente hacia el lado derecho y eso se va a convertir en ese metal duro, el borde biselado en el lado izquierdo. Ya ves aquí hemos creado dos partes separadas para cada lado del bisel. Ahora, casi exactamente lo mismo que hicimos con nuestros lentes de cámara. Vamos a añadir ese gradiente y asegurarnos de que tenemos el blanco para el brillo absoluto. Y luego alguna variación en el gris como la línea exterior y lo retocan hasta que tengamos esos valores correctos dándonos ese brillo de luz. Puedes basarlo en la lente de tu cámara, idealmente el de arriba a la izquierda, cualquier tipo de posición de brillo que vaya a tener va a ser lo mejor para que imites, pero algo a lo largo de esas líneas. Ahora aquí hay otra técnica para conseguir una sombra realmente fina. Lo que vamos a hacer es copiar ese que acabamos de hacer y darle un gradiente y vamos a cambiar su color a negro. Ahora que hemos cambiado su color, vamos a usar las teclas de comando de flecha y moverla simplemente cada vez tan ligeramente, solo un toque, sólo va a golpear un borde sombreado muy, muy pequeño que camino. Así que pasemos a nuestra capa amarilla de la lente ahora. Vamos a tener que duplicar de nuevo a este tipo también. Entonces Comando J para hacer una copia de eso. Y lo que vamos a hacer aquí es que vamos a hacer estos cada vez tan ligeramente más pequeños. Así que tenemos esos destellos de lente dentro del propio flash y aligerarlos cada vez tan ligeramente en color. Hagamos algunos de los detalles a costado de los flashes también. Entonces lo que tendremos que hacer es duplicar este color más claro que acabamos de hacer. Apenas ven J a hacer una copia de eso. Queremos encogerlo y luego vamos a darle la vuelta a 90 grados. Por lo que sólo inclinarlo de lado, así. Sólo vamos a cambiar el color. A algo un poco más oscuro para que podamos ver en qué estamos trabajando porque tenemos el mismo color uno encima del otro en este momento. Una vez que hayamos alineado eso, queremos copiar eso también. Entonces queremos volver a cambiar el color para que sea un color más claro, pero no tan ligero como el fondo. Acabamos de hacerlo más oscuro, tan fácil visual para trabajar. Se puede ver en el ejemplo ahí, tenemos estos detalles extra de flash ahí también. Entonces podremos seleccionar todas estas capas una vez que las juntemos y estamos contentos con esa parte inicial del flash y simplemente copiarlas. Entonces duplicarlos, arrástrelos a lo largo. Y tenemos nuestro flash construido allí. Se ve ligeramente desviado en perspectiva. Entonces creo que si solo destacamos ese y lo movemos un poco hacia abajo, eso debería ayudar a ajustar esa perspectiva y lucir un poco más correcta si definitivamente podemos ver eso en nuestro referencia también, esa segunda parte del flash es ligeramente inferior a la inicial. Sentir. Quizás se necesite un poco más de sombra aquí. Vamos a tomar nuestra capa de degradado aquí y caeremos al panel de efectos. Aquí hay una característica llamada sombra externa. Ya hemos usado esto antes. Vamos a introducir un poco de sombra paralela usando esta cosa más importante aquí es conseguir la pesca correcta. De lo contrario sombreará todo alrededor de una manera antinatural. Pero si obtenemos el ángulo justo, nos dará ese poquito de sombra, solo su desenfoque a ella puede ayudar realmente buen detalle también. Esto es tal vez un poco mucho ya que es una parte tan pequeña, pero cuando alejas el zoom, puede parecer mucho más natural tener algunas imágenes de tipo sombra o reflexión pasando ahí dentro. Ahora nuestra imagen de referencia aquí está sugiriendo que también está muy iluminada desde Gran Bretaña, el lado del dispositivo que da este tipo de sombras estiradas de cada lente de la cámara. Vamos a echar un vistazo a las sombras se aplicaron y se van a aplicar ya a cada lente de cámara porque las ponemos ahí cuando creamos la lente. Sólo vamos a ajustar los ángulos y longitudes para tratar de imitar ese tipo de sombra en ellos allí. Ahora si traemos la copia de seguridad de la plantilla, podemos ver que en realidad no tenemos el sensor LIDAR, el micrófono dibujado en nosotros, pero podemos ver eso ahí en la referencia. Echemos un vistazo a seguir igualando esa referencia. Y vamos a crear el sensor LIDAR. Ahora podemos ser realmente astutos al respecto. Ya hemos creado exactamente algo de ese tamaño, dar forma a un ángulo en nuestro flash LED. Sólo copiemos parte de una capa de flash LED y bajemos eso en una copia allí. Y solo podemos dejar caer esa recta y luego mirar para ajustar el color y el gradiente. Es esto más de un gris con un tal vez ligeramente más claro en la parte superior a más oscuro en la parte inferior. Tipo de efectos que suceden. Luciendo bastante bien hasta ahora. 13. Diseño de botones: Vale, ahora nos vemos bastante bien. Definitivamente parece un dispositivo. El módulo de cámara se ve muy bien porque hemos hecho esas rayas que detallan el poco de sombra. El cuerpo ahora necesita un poco de trabajo haciéndolo también. Entonces vamos a ver algunos de los detalles. Están creando esos bordes finos además de agregar el botón en el lateral. Lo que vamos a empezar a hacer es encontrar nuestra capa para el costado del dispositivo. Como podemos ver justo aquí. Vamos a empezar agregando un trazo a eso para darle ese poco de separación de la parte posterior del dispositivo, igual que parece en nuestra referencia o dispositivo real. Un iPhone en este caso también tiene ese daño duro del bisel en casi todos los casos. Vamos a crear el botón en el costado del dispositivo. Ahora, traeremos nuestra capa aquí para que podamos ver exactamente dónde está porque está dibujada ahí. Con tu diseño conceptual, podrías colocarlo donde quieras. Ahora para dibujar esto en azul, usa la herramienta rectángulo y literalmente simplemente dibujaremos una forma encima de todo lo demás. Ahora este pequeño mango aquí arriba en la parte superior izquierda, pequeño punto rojo. Podemos usar eso para ajustar la curvatura de la forma. Y luego solo aplicaremos un nuevo color. Nestlé esto en la carpeta de capas correctas. Si es necesario, dale un nombre rápido también. Ahora se ve un poco extraño, es simplemente plano en el costado del dispositivo. Entonces vamos a hacer una copia de la capa que acabamos de hacer, que es el botón. Y vamos a cambiar el color. Sólo vamos a hacer un negro sólido aquí. Lo que vamos a hacer es siempre tan ligeramente ajustar el posicionamiento asegurándonos de que tenemos esa capa seleccionada. Podemos usar la flecha hacia abajo y la flecha derecha para simplemente siempre tan ligeramente alejarla solo para darle a eso un poco perspectiva de profundidad ahí dentro. Y acercaremos en un segundo. Solo echa un vistazo a cómo nos va con eso. Y podemos ver en tiempo real mientras tocamos las flechas, el movimiento y la profundidad que se ha creado, queremos dar la impresión de que los botones realmente, realmente cerca del dispositivo. Entonces no necesariamente está desprendiendo ninguna sombra, pesar de que sabemos que también vamos a retroiluminar ese dispositivo con otro como nuestra referencia. Solo queríamos dar la apariencia de un pequeño hueco fino que solo veríamos desde este lado y no del otro por la perspectiva. Ahora hay un efecto que podemos usar que nos ayudará a enfatizar aún más esto. Si en la capa original más que en la nueva capa de sombra, vamos a efectuar y usamos el efecto relieve. Esto nos ayudará tipo de tener la sensación del gradiente como si hubiéramos conseguido todo lo demás, pero solo resaltará los bordes hacia fuera para nosotros como podemos ver allí. Podemos ver que sólo están enganchando. Nos da algo de la sensación que lo queremos como si el cuerpo metálico se hubiera cortado tan ligeramente alrededor del botón como si fuera en el dispositivo parte de una elección de diseño solo ayuda a enviarlo un poco más que es una cosa física real. Ahora, una cosa que no hemos hecho aquí, lo tenemos bastante cerca del borde trasero en el tuyo. Podrías moverlo absolutamente al centro. Podría ser un círculo, podría estar abajo en la parte inferior, completamente hasta ti. Aquí es justo donde lo hemos puesto en éste porque así apareció en la referencia. Ahora se ve bien, de cerca, pero si alejamos el zoom, ¿se vende? ¿ Obviamente está ahí? Sí. Se ve bastante bien. Se sienta muy bien en los dispositivos en una buena posición. Parece como si alguna vez estuviera tan ligeramente sobresaliente y también está grabado en That is perfect. Bueno, puedes adivinar qué vamos a hacer ahora, pero echemos un vistazo a aplicar un degradado para que esa textura de iluminación a través del dispositivo coincida también con el botón. Porque al minuto se destaca sólo un poco. Entonces sólo vamos a ajustar ese gradiente de ribete justo ahí mismo. Y luego lo ajustaremos con el botón también. Ahora, me gusta el diseño de autos. No obstante, si echamos un vistazo a nuestra referencia, podemos ver que en realidad hay un poco de una superficie plana de textura creada en el botón también. Echemos un vistazo a cómo aplicaríamos algo así también. Si queríamos bajar ese tipo de ruta de diseño, lo que tenemos que hacer es obviamente seleccionar nuestra capa superior de nuevo para nuestro botón. Podemos usar el Comando J para hacer una duplicación de eso. Nuevamente, lo que vamos a hacer aquí, haremos una versión offset un poco más pequeña de la misma. Y eso nos va a permitir tener ese tipo de sensación de la superficie más pequeña con los bordes curvos entrando y luego sombra así como si está grabado todo el camino alrededor del borde del botón, como podemos ver aquí, técnica muy simple, pero nos da una visión muy diferente de esa parte lateral siendode esa parte lateral siendo forma diferente y sutilmente diseñada de manera diferente. Ahora echemos un vistazo a la coincidencia de esos gradientes. Ahora acabamos de dar un top y luego algunos lados. Entonces lo que vamos a hacer es mirar haciendo primero un gradiente en el lado del botón, que va a quedar oscurecido de la luz a que necesita estar en el mismo tipo de sombra y color, pero absolutamente más oscuro , pero no todo el camino al negro. Vamos a mirar para hacer como una especie de cosa gris oscuro allí y ver qué podemos hacer con eso. Y entonces el lado superior del botón puede ser esencialmente coincidir con el sitio del teléfono a menos que quisiéramos destacar y ser definidos por diferentes colores. Ahora podemos ir hiper detallados en los detalles más pequeños porque venden la apariencia general de la realidad. Cuando ponemos estos gradientes en esto, en múltiples puntos, tenemos múltiples puntos de luz y reflexión. Recuerda que lo hacemos con solo hacer doble clic en nuestro deslizador radiante que agregará otro punto de color en. Podemos hacer uso de esos medios siendo blancos. Así que como un reflejo puro mientras se tiene la plata gris o donde sea que su tonalidad esté entre sí. Esto nos permite tener el brillo justo en la parte superior aquí y en la sección media, mientras vamos a lo mucho más oscuro ya que se curva alrededor a la parte de luz oscurecida del botón. Es, sólo vamos a seguir ajustando esos gradientes y haciendo ajustes finos hasta que estemos contentos con nuestro resultado. 14. Antena: Muy bien, entonces en nuestra referencia que nuestras barras de antena, por lo que estas pequeñas áreas plásticas donde la señal puede salir del dispositivo. Y cuando cargamos aquí la referencia, podemos ver dónde van a estar. Esto va a ser súper simple para nosotros hacer. Hemos utilizado todas las herramientas y técnicas. Así que agarremos una forma y vamos a dibujar una conformación donde debería estar. Simplemente dale una bonita línea recta así y cambiaremos el color a negro sólido ya que así aparecen en la mayoría de los casos. A lo mejor queremos que sea blanco y mezclarse con el dispositivo. Va a ser una preferencia de tu elección. Entonces solo utilicemos nuestra referencia para alinear el ángulo y ponerlo en el lugar correcto. Y luego al igual que antes, vamos a usar esa máscara de recorte bajándola a la capa correcta. Entonces el lado del dispositivo en este caso, que luego hará que cree una máscara basada en esa forma y se cortará perfectamente a medida. Porque nuestra perspectiva y todo ya se ha puesto. Incluso cortará esos lados del ángulo correcto y le dará el aspecto correcto en perspectiva. Y todo. Se consiguió algo muy, muy simple de agregar ahí. 15. Crear un segundo dispositivo: Probablemente estés pensando, cierto, todavía tenemos mucho que hacer. Necesitamos crear el dispositivo MAX y hay mucho otro sombreado y cosas que seguir. Martin va a mostrarte algunas cosas en un minuto que realmente te van a hacer sonreír. Lo primero que vamos a hacer aquí es solo encontrar nuestra capa lateral aquí y solo necesitamos darle un poco más de profundidad y brillar en esa capa lateral. Entonces vamos a volver a usar nuestro gradiente cuando sumen algunos puntos extra en para que podamos tener un punto mucho más oscuro en entrar en un punto más claro y luego oscuro de nuevo con el tipo de reflexionar y entrar ahí. Nuevamente, completamente una preferencia a la que puedes modificar esto a lo que creas que es correcto y sin embargo quieres que aparezca tu iluminación. Estas son solo las técnicas que estamos utilizando aquí. Como puedes ver, el dispositivo que hemos hecho es siempre tan ligeramente diferente a nuestra referencia solo en base a esas opciones, solo puedes seguir refinándolo y ajustándolo y llevándolo más y más allá y más hasta que estés feliz. Lo que hemos hecho aquí, ahora tenemos un punto negro, como se puede ver, y luego podemos hacer a los puntos blancos. Y eso nos da dos puntos de luz de reflexión es si hay algo material real, digamos tal vez bloqueando la luz o el ángulo de la luz, solo permitiendo que esos reflejos sacudan la plaqueta. Y solo podemos usar nuestros deslizadores que usamos justo al inicio de crear esto solo para seguir ajustando eso y llevándolo a donde nos guste. Ahora vamos a mirar a hacer el segundo dispositivo, el que tiene la pantalla mirando hacia nosotros. Lo primero que me gustaría hacer es simplemente ordenar un poco el proyecto. Entonces tenemos montones de capas, ábrela en un minuto, solo vamos a desplazarse, tocar los triángulos y simplemente condensar esas capas hacia abajo y verás por qué en tan solo un momento va a ser mucho más beneficioso para nosotros si trabajamos de esta manera. Si hemos terminado con algún callejero, como tenemos todas estas partes aquí. No están en grupo. Vamos a seleccionar todos ellos. Podemos sostener Mayús y hacer clic en la parte superior y la parte inferior y luego hacer Comando G. Eso, por defecto tomará todas esas partes que seleccionamos y las chocó a un grupo para nosotros. Y vamos a conseguir con estas cosas agrupadas porque vamos a reutilizar muchos de estos activos en tan solo un momento. Ahora vamos a sacar todas las partes de nuestro dispositivo aparte del módulo de cámara. Y vamos a hacer de esos en grupo también. Entonces vamos a duplicar ese grupo con nuestro comando, J Command. Y este va a ser nuestro teléfono trasero. Así que renombra esa nueva columna vertebral grupal. Entonces vamos a traer nuestro respaldo de plantilla porque tenemos ese nuevo grupo que ha sido duplicado y tiene todos los elementos aparte del módulo de cámara. Podemos simplemente deslizar eso y traerlo allí a nuestra guía. Y luego solo podemos usar nuestros marcadores de tamaño para simplemente conseguirlo aproximadamente en la posición correcta y al tamaño correcto y simplemente darle un poco de estiramiento allí. Lo hermoso de construir todo a partir de vectores es que cambia de tamaño a la perfección. Y voila, esencialmente tenemos la segunda factura telefónica ya. Muy bien, hagamos el borde biselado alrededor de la pantalla. Entonces vamos a abrir ese grupo para nuestra columna vertebral. Queremos encontrar la capa que era el borde curvo alrededor de la parte posterior del dispositivo anterior. Y vamos a cambiar su color para ser un negro sólido. Ese tipo de nos da lo que buscamos justo al bate. Pero lo que vamos a hacer es entonces mirar la capa por encima de eso. Entonces va a ser esa capa de degradado gris. Y si solo lo encogemos un poco, solo obtenemos ese bonito borde negro sólido o biselado ahí alrededor del borde del dispositivo. Luciendo bien. Ahora vamos a abordar los botones. Estamos mirando el lado abatible del dispositivo, por lo que tiene estos botones de volumen hacia arriba y hacia abajo. Bueno, afortunadamente, ya creamos ese botón de sueño-despertar. Entonces dentro del grupo R aquí, podemos simplemente resaltar todas las capas que conforman ese botón comando J para duplicarlas. Entonces podemos cambiarles el nombre para que sepamos cuál va a ser cuál. Entonces muy sencillamente podemos ajustarlos, moverlos, y redimensionarlos para ajustarlos a botones de volumen en el lado abatible del dispositivo a, usando de nuevo nuestra capa aquí, solo podemos redimensionarlos exactamente como necesitemos, asegurándose de que tengamos seleccionados sus grupos y que ya tengan la profundidad, sensación y corrección de gradiente e iluminación. Pero de nuevo, podemos ajustarlo si queremos. Y luego podemos simplemente copiar eso una vez que hayamos creado uno para hacer el siguiente que tenga un tamaño alrededor de ahí mismo. Así que vamos a duplicar el grupo para nuestro nuevo botón más pequeño. Entonces podemos simplemente arrastrar la duplicación a la de arriba y vamos a ser buenos ahí. Ojalá deban mirar por ahí ¿verdad? Vamos a tener un poco hermoso y hagamos esto una vez más para el cambio aún más pequeño hacia la cima. Si mantenemos pulsada Shift mientras tenemos esto seleccionado, en realidad podemos copiar esa capa directamente del bate. Podemos simplemente mantener el turno, arrastrarlo hacia arriba y copiar ahí arriba. Y luego de nuevo, podemos cambiar el tamaño de ese para que se ajuste a ese interruptor más pequeño también. Entonces tenemos todos los fundamentos ahí. Si queríamos ajustarlo, cambiar su color o cambiar su apariencia para tal vez darle más de un interruptor en lugar de un aspecto de botón. Pero tenemos todos los elementos que ya están construidos , echar un vistazo. Así que vamos a golpear Comando 0 para alejar, y se ve bastante bien. Ahora es absolutamente convincente. Creo que lo que probablemente necesitamos mirar a crear es la muesca porque eso se ha convertido en un poco de un diseño icónico del iPhone. Así que echemos un vistazo a estallar, y también nos falta la simetría allí parecía ser realmente fácil de crear. Podríamos hacer otra forma y redondearla, o ya hemos creado el tipo de forma correcto. Así que vamos a copiar una de las capas fuera de nuestros botones. Podemos simplemente bajar eso ahí y cambiar el color al partido el tamaño del dispositivo. Y luego pon un pequeño círculo ahí, super fácil de hacer. Entonces ahí vamos. Acabamos de copiar la forma de nuestro botón. Simplemente redimensionamos eso otra vez. Y solo buscaremos aplicar el color correcto con un poco de coincidencia de degradado para conseguir ese ribete Eso es aplicar una herramienta de trazo a esa forma. Y eso nos va a dar ese bonito contorno de la simetría. Encuéntralo útil aquí apagar tu capa para que puedas ver ese contorno y no se está exacerbando esencialmente a través de la plantilla que estamos usando. Ahora eso haría bien. Pero si abrimos aquí nuestra referencia y acercamos un poco, podemos ver que tiene un detalle un poco más fino. Es como un aspecto en relieve porque es una pieza separada de metal que está insertada, ¿verdad? El agujero negro es en realidad una especie de asimilarlo entero. Veamos cómo podríamos hacer eso también. Si has querido bajar ese poco extra de detalle. Pero la capa seleccionada, podemos elegir nuestro menú Efectos desde abajo aquí. Tenemos bisel y grabados, y podemos usar eso en nuestra capa. Es un poco como el trazo, pero da una perspectiva de propósito y hace mucho el trabajo extra para nosotros como efecto. Echamos un vistazo a lo que hacen las diferentes opciones. Nos darán un sabor ligeramente diferente de lo que queremos que haga. Si se borra, opuesto, tipo de resbaló hacia abajo cada vez tan ligeramente. ¿ Queremos este realmente tipo de sumergido, tipo de lucir así y ajustarlo a cómo quieres usarlo. Honestamente, simplemente realmente sutil porque una vez que nos acercamos a la derecha, solo mantiene esa impresión de que solo está un poco incrustado, casi una imperfección, pero también una opción de diseño. Creo que nos conformaremos con eso. Eso se ve bastante bonito. Lo siguiente a mirar es que vamos a añadir el agujero para que el pasador similar entre a pop que Semantria. Y en realidad vamos a tener que dibujar algo de nuevo. Creo que se asegura de que estemos en la capa correcta y vamos a agarrar nuestra herramienta elipse y dibujarnos en un pequeño círculo justo aquí. Simplemente le daremos a eso un color de relleno de negro por ahora. Muy bien, vamos a acercarnos un poco. Vamos a añadir algunos detalles adicionales a esto para asegurarnos de que tenga esa profundidad y perspectiva como antes. Voy a pequeño círculo que acabamos de hacer, volveremos a duplicar ese comando J. Lo que vamos a hacer esta vez en lugar de una especie de forma fuera el uno del otro, usaremos la técnica de máscara de recorte. Lo que tenemos que hacer es hacer una capa más ligera que la otra o podemos hacer nuestro rojo y verde si estás luchando por ver cómo es, debería ser relativamente fácil. Ahora cuando arrastramos la parte superior a la siguiente capa, eso nos va a ayudar a crear esa máscara de recorte. Se puede ver representado en la propia pantalla. Muestra que se convirtió en ese color gris ¿verdad? Ahora tenemos a esas capas por alguna razón nuestro color se volvió a negro. No estoy seguro de por qué, así que sólo nos aseguramos de que sea gris otra vez. Dice que es gris pero no lo está mostrando en el sitio. No sé si eso es un bicho, extraño que creemos que están sucediendo. Solo necesitamos ahora mover esa capa inferior cada vez tan ligeramente hacia el look correcto y eso nos ha dado ese tipo de curvatura gris en ese poco de profundidad en el agujero del sim que hay. Muy bien, abordemos esa notch icónica y bien, ahora icónica en la pantalla. Ahora podríamos tomar esa capa superior y cortarla e intersecarla. Pero como es todo un color sin fisuras que se mezcla con el borde del bisel. Creo que simplemente dibujaremos una forma en la capa superior. Y entonces solo lo ajustaremos usando nuestro cursor que tenemos antes para conseguir la perspectiva correcta, solo usando nuestra guía de referencia ahí para que podamos simplemente alinear los bordes y un beat, realmente bastante fácil de hacer. Necesitas ver los bordes negros, así que baja un poco la opacidad. Mira, es simplemente agradable y fácil para nosotros alinearnos ahí arriba. Recuerda las plantillas justo ahí como guía para ti. Si quieres salir de esto, absolutamente puedes saber que si fueras a decir alinear la línea fondo en la muesca del bisel ahí, puedes tener esta muesca sea de cualquier tamaño. Podría ser un pequeño bulto pequeño, podrías estirarlo justo a través de la parte superior del dispositivo y la perspectiva seguiría siendo correcta. Es solo algo útil tener ahí solo para ahorrarte tiempo en lugar de tener que hacer tu propia perspectiva y lineamientos para absolutamente todo está justo ahí. Referencia rápida y fácil para ti. Acabamos de poner eso a negro y esa es nuestra muesca hecha. Ahora, acercamos un poco, echa un vistazo a nuestra referencia. Hay un pequeño arreglo de cámara y configuración de micrófono en la muesca. Por el momento, sólo porque estamos tan acostumbrados a ver estos dispositivos, es obvio que no hay nada ahí. Ahora ya hemos construido algunas grandes opciones de lentes de cámara que aún podemos ajustar. Lo que vamos a hacer. Entraremos en nuestro grupo y encontraremos las curvaturas y bits para una de las lentes de la cámara. Y solo veremos traer eso sobre un cambio de tamaño para que quepa en ese espacio. Luce bien y fácil para nosotros hacer. Y nos salva el trabajo de reconstruir y cortar todas esas capas y conseguir corregir los colores y la tonalidad. Nuevamente, solo reutiliza lo que ya tenemos. Entonces podemos ajustar nuestros gradientes para ajustar la iluminación, el tamaño y el color. Aquí vamos, nos estamos acercando de verdad, realmente ahora se ve como un gran diseño. Lo que definitivamente tenemos que hacer es poner una imagen ahora en la pantalla y podemos usar cualquier imagen que nos guste. Y en el siguiente video, eso es lo que vamos a ver haciendo. 16. Reflexiones Y Antecedentes: Demos nuestro segundo dispositivo y agradable y fondo. Y para crear los toques finales, dale un bonito reflejo a los dispositivos también. Cualquier imagen que te guste como fondo. Si necesitas un checkout de imagen de fondo, Pixabay, Pexels, ambas grandes opciones para las gratuitas. Para insertarlo. Vamos a ir a File y luego Place. Entonces tenemos que elegir la ubicación de la imagen en nuestro disco duro, me resulta fácil poner las cosas en el escritorio personalmente, Mike tiene su propio sistema de archivos aquí y va a usar un fondo que creó. Ahora vamos a seleccionar aproximadamente la capa en la que queremos que pase al gran gradiente aquí, y solo hacemos clic y arrastramos para soltarla. Si tenemos snap-on, podríamos llegar a encajar algunas de nuestras líneas de orientación como esa. Tenemos que terminarlo en la posición correcta y luego usaremos nuestra máscara de recorte para que la bajemos sobre sí misma. Por lo que se engancha consigo mismo. Eso es más o menos lo hizo por nosotros. Podemos cambiar la perspectiva de la misma si nos gusta, y moverla alrededor. Como se puede ver, que es más o menos acaba de hacer el trabajo inmediato del bate para nosotros allá en nuestras capas, vamos a condensar todo hacia abajo. Así que acabamos de tener los dos dispositivos y vamos a crear nuestra agradable sombra de calidad aquí. Una vez que hayamos hecho eso, vamos a seleccionar los dos y queremos básicamente hacer una duplicación de ellos juntos. Y luego vamos a unir a esos dos también. Una vez que los tengamos, solo los pondremos en la capa inferior. Ahora mientras que eso seleccionado, podemos simplemente arrastrar la parte superior derecha del camino hacia abajo hasta la parte inferior hasta que tengamos aproximadamente el aspecto y la forma correctos. La forma en que puedes hacer esto sin los problemas de dimensionamiento es hacer clic derecho, bajar a transformarte y luego elige Voltear Vertical y te dará una copia vertical exacta. Y solo puedes arrastrarlos hacia abajo y igualarlos así. Si recuerdas todo el camino al inicio de esto, hace aproximadamente una hora y media a dos horas donde utilizó la opción de transparencia en nuestro gradiente. Bueno, también hay una herramienta llamada transparencia, que nos permite hacer algo similar. Si simplemente lo arrastramos sobre nuestra imagen recién invertida. Ahora podemos usar estas dos asas para dar un efecto de transparencia. Y esa es la forma en que vamos a simular esa reflexión al tenerla un bonito borde duro justo en donde empieza a reflexionar. Luego usando ese deslizador de transparencia para simplemente desvanecerse cada vez tan ligeramente. Si acabamos de acercar de nuevo completamente aquí. Aquí vamos. Tenemos nuestros dispositivos completamente renderizados con su agradable reflejo. Podemos dar toda la imagen de sensación terminada. Acabamos de arrastrar una forma por el fondo y tal vez darle su propio gradiente. Si usamos colores que coinciden manera similar a lo que ya se está viendo, entonces va a dar un efecto bastante bonito. Creo que aquí si hacemos un bonito degradado se desvanecen justo al punto de la reflexión, eso va a quedar bastante bonito. Entonces crearemos otro también para ir detrás de nuestra capa de reflexión, en lugar de solo tener ese borde gris duro, tendremos un buen fade off que coincide con el fade off del reflejo también. Se debe dar una bonita continuidad a la imagen de esa manera. Al igual que así. Sólo una nota rápida aquí. Yo sí moví la imagen un poco demasiado lejos hacia la izquierda. Hay un poco de gris arriba en la esquina superior derecha, pero eso se va a arreglar en tu versión del proyecto simplemente moviendo la imagen hacia la derecha. Se, vamos a dar a menos que una sombra sombra a nuestros renders ahora para darle una especie de ajuste de realismo y calidad sentado en su lugar. A partir de aquí, depende completamente de ti. Me encantaría que vayas un poco más en profundidad con las lentes de la cámara y las hagas para que sean todas individuales como en la referencia, podemos cambiar nuestros ángulos de iluminación y conseguir una sensación de diferente luz donde incluso tal vez miraría cambiar el color de la luz. O esperamos ver sus renders, por favor sí compartirlos en los proyectos. Y me encantaría cualquier comentario que tuvieras ahí dentro también. Muchas gracias por tomar el curso. Espero verte en otro en el futuro. Cuídate.