Tendencias de diseño 2022 y cómo crearlas

1. Vista previa de las clases: Pasé por miles de proyectos y sitios web para buscar temas y tendencias comunes. Entrando en 20-20. Las tendencias suelen desarrollarse debido a una evolución en la tecnología o nuevas herramientas y software común que facilitan la realización de ciertos efectos o estilos. Tomemos por ejemplo, los efectos de vidrio esmerilado que se han visto últimamente. Al usar Adobe XD, un programa para crear diseños de aplicaciones web y móviles. Puedes crear este efecto y solo unos segundos. Y crearemos nuestros propios efectos de vidrio esmerilado y aplicaremos una animación sencilla para crear el proyecto. Usted ve aquí. Dimensiones de Adobe a principios de 2020. Fuera de la función de efecto Tipo, donde se pueden agregar rápidamente objetos de tipo 3D. Se puede cambiar la iluminación del material para obtener alguna topografía bastante impresionante que salta de la pantalla y es increíblemente fácil hacer esto. Vemos tendencias y topografía como el uso de tipos de letra condensados. Estaremos cubriendo algunas de mis bases de tipo condensado favoritas fáciles de encontrar para que podamos crear un par de publicaciones rápidas y efectivas en Instagram. Por último, cubriremos tendencias y color. Discutiremos cómo el color está tomando el control. No solo una elección de color, sino realmente una cobertura total de color en superficies de diseño. Y hablaremos más de lo que eso significa cuando estudiemos tendencias. No solo para perseguir la siguiente cosa genial, sino también para volverse relevante como diseñadores que pueden avanzar en lugar de quedarse quietos. Entonces repasemos algunos de los temas y tendencias de diseño que veo avanzando hacia el año 2021. No sólo eso creará estas tendencias, haciendo proyectos rápidos y emocionantes para cada tendencia importante. Entonces te veré en la siguiente lección. 2. Tendencias de color: 20-20 con un año áspero. Fue un año oscuro y muy aislante para la mayoría de nosotros. Y la mayoría de nosotros hicimos grandes cambios en nuestras vidas debido al 19 encubierto. Algunos de nosotros cambiamos de carrera y algunos pueden haberse movido para estar más cerca de un sistema de apoyo. Lo único que nos gusta del 20-20 es que se acabó en 2021, está aquí. El tono pan sale con un color cada año y le etiqueta un color caliente, nuevo y moderno. Y 20-20 tono pan seleccionó este clásico color azul. Dole y el blues oscuro pueden evocar una sensación de calma y confianza. También pueden indicar tristeza y soledad. Pantone no sabía nada del COBIT 19 y cambiaría el mundo ese año cuando seleccionaran este color. Pero creo que fue un color muy apropiado que coincide con el estado de ánimo de ese año. En 2021, el tono pan seleccionó este amarillo más vibrante, emparejado con este gris de tono medio estable. Leah turistas Eisenmann, el director ejecutivo del Pantone color Institute, dijo esto, la unión de un gris definitivo perdurable con un vibrante iluminador amarillo expresa mensajes de positividad apoyados por la fortitud, práctico y sólido de roca, pero al mismo tiempo, alerta y optimista. Esta es una combinación de colores que nos da resiliencia y esperanza. Conforme estudiamos en muchas lecciones que enseño sobre teoría del diseño y teoría del color es que los amarillos son colores duros de usar, pero sí evocan una sensación de energía y esperanza y optimismo y exactamente lo que todos estamos necesitando después de año de azul. Pero lo que descubrí al investigar tendencias y proyectos no es solo los tonos más brillantes y vibrantes que surgirán, sino que es una cobertura de color más total en un proyecto. Esto significa que los diseños empaquetados, por ejemplo, serán más expresivos y dedicarán más del espacio total de diseño al color en general. Tomen por ejemplo, los embalajes que investigué y las tiendas. Algunos productos pueden hacer bien mediante el uso una presentación brutalista más moderna era fondos blancos crudos y topografía simple. Eso es genial si hace eco de tu estilo de marca. Pero encontré productos que tenían más cobertura total de color en empaques realmente, realmente me llamó la atención. El diseño de packaging que vi fue ilustrativo, esperanzador, emocionante, y simplemente genial. Si el producto tiene una serie, entonces se utilizó el color para denotar un sabor o tipo de producto diferente. Esto también lo podemos ver en proyectos de diseño digital como diseños de aplicaciones móviles y sitios web. Se usan menos espacios en blanco simples y se usan más fotos y fondos a todo color y titulares. Elementos de diseño más coloridos miran a través de los fondos y se están utilizando muchos colores de alto contraste. Colores neutros como los bronceados de Grey parecían ser populares en los últimos años. Creo que encontraremos que vemos colores menos neutros en lugar de tonos más saturados. En 2021. La selección de colores puede ser dura como diseñador, algunos colores coinciden, acompaña a la industria, mientras que otros, están puramente ahí para evocar ciertos pensamientos o emociones. Creo que entender los temas globales que nos afectan puede ayudar a guiar o elegir color para avanzar. Especialmente durante los tiempos en que todos estamos sentimos que estamos afectados por igual. A medida que ven más diseñadores dedican áreas de su diseño al color. Veo esto como una forma de traer más alegría, esperanza y luz y un mundo que lo necesita desesperadamente. 3. Tendencias de la tipografía: Esta siguiente tendencia, una que afecta a la topografía. Por ser práctico, gente tiene mucho que decir en los mensajes de redes sociales. Se nos enseña a ser auténticos y genuinos y expresivos de nuestros sentimientos en las redes sociales para ser relevantes y compartibles. Todo eso toma mucho espacio y rara vez se pueden hacer en frases simples muy cortas. Aquí es donde las caras laterales condensadas pueden ser muy útiles. Tomen por ejemplo, esta tipografía para una publicación de Instagram. Este es concepto variable Acumen y tiene un ancho de caracteres estándar que coincide con otras tipografías y su clasificación. Las tipografías condensadas usan anchos de caracteres más estrechos, lo que te permite encajar más caracteres y un espacio total. Esta imagen utiliza la misma tipografía, pero una versión condensada de la misma tipografía. Soy capaz de incluir mi titular y aún me queda espacio en la parte inferior para una visual o una foto. Sorprendentemente, ambos usan el mismo tamaño 50 para su tamaño tipo. Qué diferencia hace el uso de una tipografía condensada. publicación de Instagram se están repleto de información a medida que los Save se vuelven más importantes y valiosos que los likes. Cuando guardas un post, es porque tiene mucha información que es difícil de recordar. Por lo que puedes guardarlo para más tarde. Instagram se toma en serio las salvaciones y decide que las publicaciones con más salvos deben ser más atractivas. Por lo tanto, tienden a clasificar estos puestos más altos en búsqueda. Es por ello que se ve la tendencia de utilizar la topografía condensada. Existen razones lógicas prácticas por las que surgen tendencias, y esto es un gran ejemplo de eso en acción. Y con cualquier tendencia se ve a la gente empujándolo más. Aquí es cuando vemos ejemplos dramáticos de tipos de letra condensados, como los que se utilizan aquí. Algunas de estas son caras de tipo personalizado y algunas son simplemente dibujadas a mano o ilustradas en vector. Estos caracteres alargados permiten que la topografía tome el centro-escenario, creando una tensión interesante y un espacio normalmente en blanco. Otro desarrollo es el uso del tipo de esquema. Esto permite que se vean áreas detrás del tipo, pero también permite que los elementos topográficos sean superpuestos. Una vez más, nos da más espacio en nuestro diseño. También veo esto usado a menudo y el diseño de movimiento y tipo de contorno de video corto que capta la atención emparejado con tipo sólido, hacen videos súper interesantes. Lo que creo que es único sobre el tipo de contorno es cómo el contorno aporta más enfoque a las formas de los personajes. Esto significa que la tipografía puede convertirse en una presencia más fuerte y el diseño. Vamos a explorar algunas tipografías condensadas populares, comúnmente vistas que puedes encontrar y empezar a usar en tus publicaciones de redes sociales estarán creando varios ejemplos de nuestra lista de preselección. Y podemos ver cómo podemos encajar titulares más largos en áreas más pequeñas y aún así permitir que el diseño respire y disfrute de márgenes adecuados en espacios en blanco. También aprenderás a integrar tipografía de contorno para que podamos crear presentaciones de tipo único. Así que vamos a saltar directamente a Adobe Photoshop. 4. Vidrio Esmerilado y Glassmorphism: La siguiente tendencia que vamos a cubrir se llama morfismo de vidrio o elementos de diseño de vidrio esmerilado. Hay algo realmente interesante en mirar a través de un objeto para ver la luz reflejada a través de él, y ver esa ligera distorsión, igual que mirar a través de una ventana esmerilada. Se siente muy nuevo y fresco. Y esta tendencia de diseño pronto se hará cargo. Ya en 2020, hablé de cómo algo llamado skeumorfismo se estaba convirtiendo en una popular tendencia de diseño de interfaz de usuario. Según estudiamos el año pasado, este es el arte de hacer que los objetos parezcan táctiles y más realistas con efectos añadidos, sombras y reflejos. Esto puede incluir botones, bordes e iconos. Esto evolucionó hacia un nuevo morfismo, que vimos popularizado y 20-20 con sus temas de color más monocromáticos. Casi ocho aspecto brillante, brillante. morfismo del vidrio es otra evolución de esta tendencia y lo lleva unos pasos adelante agregando elementos de transparencia a los objetos. Esto crea un efecto de vidrio esmerilado que permite que los objetos se distorsionen detrás del vidrio, dando a los objetos una enorme cantidad de profundidad en este espacio. Lo que es realmente interesante de esta tendencia es que permite que se vean gradientes y texturas de fondo incluso cuando están bloqueados por objetos de diseño, botones y cajas. Esto puede empujar los objetos de fondo hacia adelante mientras se mantiene la visibilidad de los objetos importantes en la parte superior. Esto permite un espacio casi 3d. En 2D. Se puede ver este conjunto de iconos utiliza vidrio esmerilado para permitir que el círculo rojo aún se vea escondido detrás del círculo superior. Este efecto puede funcionar bien tanto en estados de ánimo oscuros como claros, lo cual es esencial para cualquier estilo de interfaz de usuario en estos días. Hasta el momento, esta tendencia se ha visto con los diseños de aplicaciones móviles y el diseño web, como se ve aquí en este ejemplo de proyecto. Creo que lo que lo hace efectivo es seleccionando Sólo unos pocos objetos para que sean transparentes. En esta interfaz de usuario en modo oscuro, el fondo tiene un ligero efecto de vidrio esmerilado. En mezcla, el diseño mantiene el foco. ¿ Por qué seguir haciendo todo legible y fácil de usar? Este sitio web landing pages es sólo unos pequeños toques del vidrio esmerilado para hacer esta ilustración de sentir más capas, pero nunca abruma el diseño. Este ejemplo permite que el vibrante gráfico de fondo texturizado se vea a través del diseño. Pero el efecto esmerilado ayuda a mantener el texto legible y visible. Este es un efecto duro de sacar y la mayoría del software, porque hay que añadir este efecto de vidrio esmerilado capa por capa manualmente. Pero Adobe XD tiene una función en la que se pueden crear efectos similares al vidrio de escarcha en vivo. Vamos a crear un animado que vidrian elementos de interfaz de usuario utilizando esta herramienta. Es sorprendentemente rápido y fácil de empezar a usar. Te prometo que solo serán unos minutos y vidrio esmerilado o de repente aparecerá en tu pantalla. Entonces te veré en Adobe XD. 5. Tipografía 3D: Allá en 20191 de mis predicciones de tendencia de diseño fue ver más objetos 3D y diseño. 3d es lo que considero una tendencia macro o una tendencia que puede abarcar años, si no décadas. Creo que estamos en medio de una súper tendencia 3d de 10 años. Esto se debe a que ha habido muchos avances en el software 3D para que sea más alcanzable y fácil de usar. Se cuenta con un software gratuito de movimiento 3D llamado licuadora que da a cualquiera acceso a herramientas de creación 3D sin ningún costo. Y es por ello que estamos viendo una explosión no sólo de objetos 3D, sino ahora de topografía 3D. Como se mencionó anteriormente, las dimensiones de Adobe y los primeros 20-20 salieron con una nueva característica de objeto 3D de tipo, donde se puede hacer rápidamente cualquier tipo de cara como un objeto 3D. Puedes aplicar diversos materiales y pieles a este objeto 3D para que sea hiper realista. En 2019, cuando hablé por primera vez sobre los objetos 3D como tendencia, usamos Adobe Photoshop para crear objetos 3D simples. Photoshop es genial para hacer lo que, 30 proyectos, pero la tendencia en 2021 se centrará más en el look topográfico hiperrealista. Esto significa que el tipo 3D tendrá materiales de iluminación más realistas, refracción, reflexiones, otros efectos que alguna vez son imposibles con menores costos, software espera más biseles y tipo 3D. Esto crea capas complejas que agregan profundidad y riqueza. También puede hacer que el tipo de relleno sea más redondeo y más suave. Creo que empezaremos a ver materiales menos súper brillantes que se utilizan, pero más estera o efectos de bajo brillo, dando al tipo una sensación táctil. Habrá más experimentación con texturas y formas dentro del tipo 3D. En lugar de solo usar un simple material en un personaje. A medida que el software mejora la apariencia de luz y sombras y 3D, notarás más refracción, vidrio y personajes con transparencia también. Y vamos a crear nuestro propio póster topográfico 3D usando dimensiones de Adobe. Vamos a apilar son letras, por lo que se sostienen entre sí para crear un diseño unificado. Te veré en dimensiones de Adobe, y esto en realidad es mucho más fácil de lo que estás pensando. Entonces te veré en la siguiente lección. 6. Proyecto #1: publicaciones de redes de redes: Bienvenido al primer proyecto en las lecciones de diseño tendencias 2021. Lo que quería hacer es proporcionar un proyecto práctico que se empareje bien con la tendencia de la que estoy hablando. Para que puedas tener algo tangible que puedas empezar a desplegar en tu propio trabajo gráfico. Entonces algo común con lo que me encuentro son las publicaciones en redes sociales, algo que todo el mundo necesita aprender a diseñar en algún momento. Y quería hablar de tipografías convencidas aquí. Y así tengo esto como recurso descargable. Puedes seguir adelante y agarrar eso aquí. Dondequiera que encuentres los recursos descargables en las lecciones. Y tengo acceso a diez o más tipos de letra condensados que son bastante comunes definidos. Y hay dos lugares donde encontré estas tipografías. Traté de mantenerlo lo más simple posible. Hay fuentes de Adobe y también fuentes de Google. Para que puedas ir a Google Fonts, esas están abiertas a cualquiera. Cualquiera puede descargar las fuentes de Google. Y para las fuentes de Adobe. Cualquiera que pueda hacer eso, si tienes una suscripción a Adobe Creative Cloud, si tienes eso, puedes acceder a todas las fuentes de Adobe. Y por supuesto, si sabes qué buscar, todo lo que tienes que hacer es escribir condensado y cualquier tipo de lugar cat tuck donde puedas encontrar fuentes y deberías poder encontrar abundantes disponibles. Son tipografías y fuentes bonitas, bastante comunes. Entonces aquí no estamos Adobe Photoshop. Vamos a crear un tablero de arte sencillo para una publicación de Instagram. Entonces sólo vamos a ir a Archivo Nuevo y vamos a hacer 1080. 1080, me gusta hacer una buena alta resolución porque nunca se sabe cuándo vas a estar necesitando usar estos. Por lo que tenemos buena resolución nítida y prácticamente todo lo demás por defecto. Vamos a seguir adelante y crearlo. Y quiero tratar de encontrar una foto. Lo que quiero hacer es tener un titular sencillo, muy corto para que podamos tipo de práctica son la tipografía condensada. Vamos a crear esto que ven aquí mismo. Vamos a emparejar fuente, un titular con una foto. Entonces solo vamos a seguir adelante y encontrar una foto. Me encantó encontrar todas mis fotos de pixels.com. Este es de Marcello Díaz. Y lo que quiero hacer es en lugar de proporcionarte un enlace directamente a esto, simplemente puedes escribir el nombre del artista o el nombre del fotógrafo y encontrarlo porque muchas veces los fotógrafos quitaron sus fotos y hace que esas enlaces no funcionan y rotos. Entonces en lugar de eso, puedes hacer eso o puedes escribir en fondo negro. Vamos a hacer como un fondo negro oscuro postes. Por lo que puedes usar cualquiera de estos como tema, solo tratando de encontrar una foto que podamos aislar fácilmente y poner un nuevo fondo detrás de ella. Ahora que tenemos cargada la foto, voy a seguir adelante y desbloquear la capa. Yo sólo voy a copiar comando C. Sólo estoy copiando, y voy a llevar eso a mi documento en blanco y seguir adelante y hacer clic en Aceptar. Lo que quiero hacer es ir a clic derecho y me gusta convertir todo a objetos inteligentes, sobre todo las fotos cuando las reduzco solo para que retenga la resolución original y no se borre cuando trato de hacerlo más grande otra vez, algunas, si Yo decido hacerlo más grande, y quiero seguir adelante y aislar el tema aquí. Forma rápida de hacer eso es ir a seleccionar tema. Yo uso esto muchas de mis lecciones, así que sólo vamos a hacer una buena selección rápida. Y elegí esta foto porque fácilmente, no funciona muy bien con esos algoritmos selectos como el algoritmo de objetos. Entonces voy a hacer un atajo de comando rápido. Voy a hacer Command J. Y es bueno cortarla automáticamente, cortar, hacer la selección, y crear una nueva capa encima. Por lo que ahora la tengo como nueva capa en la parte superior. También puedes usar una masa de capas para hacer la selección para que puedas volver atrás y editar si necesitaba tener todo seleccionado. Puedo bajar aquí a mi máscara de capas, solo hacer una máscara de capas rápida. Y yo solo amo ahí mismo. A mí me gusta la masa de capas porque solo puedes eliminar la máscara de capas y luego recuperar la foto original. Entonces, cualquiera que sea la forma que prefieras, y consigue mi herramienta de rectángulo. Y hagamos una especie de, tomemos una muestra. A mí me gusta tomar muestras de imágenes en lugar de usar sólo negro. Consigamos inspiración, inspiración de color a partir de la foto misma. Entonces vamos a conseguir la herramienta cuentagotas. Vamos a probar tipo de uno de estos negros más oscuros, grises. Y voy a conseguir la herramienta de rectángulo y hacer el fondo y bajar ese sistema y de aprendizaje, es un bastante simple hasta ahora. Entonces usemos nuestras tipografías condensadas. Por lo que tenemos muchas opciones diferentes. Las tengo todas disponibles aquí. Por lo que fácilmente puedo agarrarlos, los que me suministré en la lista. Así que pasemos un poco por algunos de estos están más condensados que otros. Entonces es cuando no es del todo tan condensado. El ancho es un poco más ancho que el anterior, pero tendrán características y estilo diferentes. Algunos de ellos son una especie de peso más delgado y algunos de ellos son mucho más audaces. Y quiero ir con la petanca tipo condensado, Joyce. Entonces voy a ir con uno de mis favoritos, que es Como. Entonces como, y esto es un, creo que hay una versión y hay una versión B. Vamos a usar un. Por supuesto puedes usar cualquier opción de fuente que te gustaría si no tienes acceso a fuentes de Adobe o decides que quieres usar otra tipografía condensada, eso está bien. No tienes que usar este. Entonces lo que voy a hacer es que sólo voy a seguir adelante y copiar esto ya que ya lo tengo como texto. Y sólo lo voy a pegar. Vamos a escribir en nuestro titular. Genial para redes sociales, por supuesto, podrías escribir en un titular. Esto es sólo algo que tenía. Entonces lo que quiero hacer, lo primero que quiero hacer es querer colapsar. De verdad quiero unificar este titular porque tenemos este espaciado apretado entre los personajes y yo desharía el espaciado apretado entre las líneas también. Así que apriete el dejar un poco. Entonces va a hacer doble clic en mi capa de tipo. Cambiemos aquí mismo el dejar. Vamos a conseguir un buen espaciado. Justo así. Eso también nos permitirá hacer este impacto más grande, un poco mayor de un titular, lo cual es realmente importante. Y así otra cosa que quieres hacer con los titulares es un poco lío con tal vez dos colores. Porque ahora mismo todo lo que todas las palabras significan lo mismo. Ellos, ellos, ellos, no están rotos en absoluto como un bloque grande. Entonces lo que quiero hacer es que tal vez quiera resaltar las dos primeras letras y convertirlas en un color diferente. Y mantengamos la parte superior, especie de este color naranja rojizo. Y vamos al fondo. Y me gusta encontrar inspiración a partir de las fotos. Entonces sólo voy a probar uno de estos blues tal vez un poco ese azul más claro. Y eso puede entrar en mi recolector de color y especie de hacerlo un poco más brillante. Me encantaría encontrar inspiración y fotos porque todo va un poco juntos, todos los campos juntos cuando estás. Obteniendo inspiración de la propia foto. Por lo que tiene especie de tonos fríos y tonos cálidos. Eso es lo que hace única a esta foto. Entonces tal vez pueda generar un color diferente aquí. Y no quiero que esté tan saturado más un poco D saturar un poco. Entonces voy a ir una especie de diagonal mi recolector de color y me voy un poco más brillante. Justo así. Está tratando de igualar ese color casi al atardecer y luego el color azul. Otra cosa que quiero hacer es hacer que esto se sienta en capas. Entonces en lugar de tener la topografía descansada arriba, es por eso que aislamos la, la mujer. Llevemos a la mujer en la parte superior para que cubra un poco el poco. Por supuesto que podría ser múltiple, ya sabes, lugares siempre y cuando se sienta en capas. Y podría tomar ese otro nivel agregando un poco de sombra de ella. Podríamos o simplemente hacer doble clic, conseguir el Panel de Estilos de capa esto hacer una sombra de gota que proyecta en un ángulo así como este para que parezca que está echando una sombra sobre la topografía hace cambiar la distancia y el tamaño ya está en un nivel tan alto. Al igual que eso, como que agregamos un poco de sombra de gota y cambiamos el ángulo para que muestre una sombra arrojando esta dirección. Y probablemente pueda limpiar un poco esa selección. Y no fue la selección perfecta. Usaría la herramienta de lápiz para limpiarlo si quiero hacer. Entonces, quiero practicar un poco de emparejamiento de fuentes. Entonces tenemos esta tipografía realmente audaz, condensada, apretada. Encontremos una tipografía Serif para emparejar realmente bien con esto, para tonificarla un poco. Entonces vamos a tener un pequeño subtítulo, fuentes condensadas. Y hagámoslo un color blanco o tal vez ni siquiera un blanco crudo, pero una especie de gris claro solo para tonificarlo. Usemos una pantalla Brill de exhibición Brill. Esa es una especie de tipografía serif clásica bonita. E incluso podemos hacer de esto una cursiva. Creo que eso sería un buen toque para una tipografía Serif. Con las redes sociales, a veces tienes otras cositas que decir. Algunas personas también tienen su manejador de Instagram ahí o tienen un hashtag que están promocionando o una acción guardar como tipo de información. Eso probablemente sería una especie de buena indicación de como un poco de subpartida Se podría poner ahí. Vamos a duplicar esto. Tengamos como sólo otro elemento. Por lo que casi podemos hacer esto como una plantilla que alguien pueda intercambiar lo que quisieran usar. Hagamos un número. Al igual que tal vez es parte de una serie, tal vez es parte de un carrusel. Algo en esas líneas y mira la tipografía condensada. Por lo que normalmente nunca sería capaz de poner algo tan grande. Dos dígitos, dos caracteres. Normalmente no sería capaz de encajarlo en ese espacio estrecho, pero debido a que se trata de una tipografía condensada, funciona bastante bien. Y entonces lo que voy a hacer es que me voy a sacar todo por encima porque eso está realmente cerca del margen. Me gustará tener un montón de margen alrededor de mis bordes que solo luce más profesional. Así que sólo voy a seleccionar todo y sólo tomar mi tecla de flecha izquierda del teclado y simplemente darle un toque. Un poco obtener márgenes similares si de verdad quieres que te detallen con él. Creo que tengo a mis gobernantes outs y tengo mis gobernantes en la parte superior y a mis gobernantes en la parte inferior. Puedo hacer clic y mantener pulsado. Y puedo conseguir realmente técnico en cuanto mis márgenes y conseguir que sean muy similares en ancho. Pero generalmente otorgar publicaciones en redes sociales es, tiene que ser rápido, rápido, rápido. Entonces aquí vamos. Eso lo hicimos muy rápido. Vamos a hacer un par más más aquí pronto para que podamos practicar tal vez alguna topografía de contorno también. 7. Proyecto #1: publicaciones de redes de redes densos - parte 2 2: Estoy de vuelta en pixels.com. Acabo de escribir en fondo negro y la búsqueda y encontré otro genial para usar para redes sociales, podemos hacerlo como una cita de motivación de Jim. Entonces tengo este fondo negro y seguir adelante y descargar esa imagen y traerla. Ya no tiene en Adobe Photoshop. Y vamos a aislar a Hertz. lo primero que me gusta hacer, así que solo voy a seguir adelante y hacer doble clic en Lockett y solo hacer un Sujeto selecto y hace este increíble algoritmo de selección. Y voy a crear un nuevo tablero de arte. Entonces todo lo que voy a hacer es cuando creé el nuevo documento, creé unas tablas de arte. Y así todo lo que tengo que hacer es dar click en la parte superior del tablero de arte aquí. Y tengo seleccionada la herramienta de tablero de arte. Y simplemente voy a crear un nuevo tablero de arte. Y va a hacer lo mismo. 1080. Para 1080, puedo seguir creando tantos como quiera. Hasta puedo hacer un carrusel. Y lo que es genial es que si hago diez de estos, que es el máximo que se te permite tener en Instagram e ir a File Export as como. Y puedo exportar rápidamente los diez puestos de mis carrusel. Y también puedes crear plantillas realmente geniales como manera. Pero eso es todo un nuevo proyecto por otro día entero. Entonces aquí estoy en nuestra mesa directiva. Tim va a pegar lo que tenía. Voy a hacer Comando V. Adelante y da click en Aceptar. Sigamos adelante y tratemos de pensar en un titular que podamos poner aquí. Y volveré enseguida. Entonces escribí sólo una especie de cotización genérica. No existe tal cosa como un trabajo desperdiciado. Vamos a tratar de integrar esta topografía alrededor de la mujer. Y así esto es sólo Helvetica, sólo una especie de defecto regular, tamaño regular. Y así cuando hago esto más grande, se puede ver cómo ocupa tanto espacio. Va a ser difícil realmente encajar eso y tener suficiente espacio para que lo esté, para mostrar todo su cuerpo. Y entonces ahí es donde las tipografías condensadas realmente son útiles. Entonces volvamos a nuestra lista. Volvamos todo el camino a la lista que tenía. Encontremos uno que esté bastante condensado, pero tal vez algo diferente que el co-movimiento que esté tratando de encontrar algo un poco diferente. Probemos este aquí mismo. Vamos a teclear en eso. Ahí está. Y hagámoslo audaz. Pero puede ser negro. El negro siempre es el tamaño más grande. Solo veamos algo así aquí. Creo que eso va a funcionar, eso va a tener el mayor impacto. Ahí hay un montón de huecos entre el dejar aquí, así que vamos a apretar el dejar. Por lo que solo estoy usando mis teclas de flecha para poder tocar rápidamente a través de los tamaños de alquiler. Entonces ve cómo termina el titular aquí mismo. Y la helvética se arrastraba hacia el lado derecho de la señora. Y solo una nota al margen, puedes derrumbar un descolapsado estas diferentes tablas de arte. Entonces si todas las capas empiezan a cruzar y te confundes, puedes simplemente colapsarlo arte primero tablero de arte por aquí. Y puedes simplemente enfocarte en el tablero de arte en el que estás trabajando, que también es tablero de arte. Por lo que ya tenemos nuestro aislado. Eso lo trajimos cuando empezamos por primera vez. Entonces vamos a llevar eso encima de la tipografía. Por lo que sólo vamos a posicionarlo para que aún puedas leer el texto. Y aquí es donde se pone un poco complicado porque no quieres cubrir partes vitales de la tipografía. Entonces déjame mover esto por ahí. También puedo, por supuesto, probablemente volvería atrás y limpiaría un poco esa selección, pero sigamos adelante y seleccionarla. Ann va a hacer doble clic y tirar hacia arriba los Estilos de capa. A ver si no podemos simplemente hacer una sombra de gota rápida. Cambiemos el ángulo para que esté fundido hacia abajo. Y creo que eso es bastante bueno con la distancia. Es decir, lo salvó desde la última vez que lo hice sobre nuestra junta uno. Y vamos a apretar el tamaño para que sea un poco más distinto. Y vamos a asegurarnos de que tengamos igual margen alrededor de los bordes solo para asegurarnos de que no vamos a cerrar de esta manera y parece desequilibrado. No queremos que nada se vea desequilibrado. Solo están tratando de encontrar un espaciado igual agradable. Entonces vamos a traer a la textura. Esto es algo que realmente está gritando por algún tipo de textura sobre ese fondo negro. Entonces voy a ir y pixeles y descargar la primera textura. Veo que creo que es lo suficientemente ardiente para una especie de esta cita inspiradora de Jim. De hecho terminé yendo con algo abstracto. Por lo que acabo de escribir en abstracto y pixeles y pude conseguir algo como esto. De lo que le gustaba como tenía esa textura ardiente, pero también tenía diferentes bolsillos de color. Por lo que no era sólo un tipo de textura de repetición sólida, tenía algo diferente al respecto. Entonces voy a seguir adelante y descargar esto y traerlo. Solo estoy arrastrando esto justo al tablero de arte para que solo lo vaya a expandir. Y sólo vamos a hacer un modo de mezcla rápidamente, aplicar la textura encima de la topografía. Pero no creo que quiera cubrir a la mujer. Entonces solo voy a usar un modo de mezcla para cubrir rápidamente todo, incluyendo la topografía y cuándo darle al tipo un poco de avaricia también. Entonces solo estoy en mis capas paneles van a hacer modo de mezcla. Veamos qué tipo de le da la mirada ardiente sin exagerar como si eso fuera un poco exagerado. Entonces ya estoy pensando en luminosidad. Y vamos, eso va a mantenerlo un poco más de un gris que se va a deshacer de ese color que ya estaba ahí. Se va a desaturar de alguna manera. Y voy a traer el camino de la opacidad, camino hacia abajo. Yo solo quiero que esta sea una textura sutil así como esa. Por lo que uso Luminosidad 17% con esa foto. Por supuesto, puedo arrastrar eso por ahí para ver algo que me gusta de ello ya que tiene algo que pasar aquí. Este poco descarado por aquí. Entonces me gusta ese contraste diferente en el fondo. Entonces una cosa que voy a hacer es que parte de la textura se ve un poco distraedora para la mujer. Entonces sólo voy a llevar a la mujer por encima de la textura. Por lo que se ve un poco más limpia de fondo, se ve un poco más de claridad. Creo que me gusta esa sensación de contraste. Entonces lo que quiero hacer, y hago la ranura en otros proyectos, lo hago, lo hago en un proyecto de miniaturas de YouTube, pero me gusta llevar a la gente, sobre todo cuando tienes una especie de titular de alto contraste de color y hacerlos blanco y negro. Entonces el color del titular realmente, realmente, realmente sale. Entonces veo que no tengo esto como Objetos Inteligentes de alguna manera. A lo mejor cuando aislé a la mujer, se deshizo del objeto inteligente. Eso no es gran cosa. Simplemente puedo hacer clic derecho en mi capa. Convierte esto en objetos inteligentes. Entonces si hago algún tipo de ajustes, no se ajustará de forma permanente, seguirá guardando el archivo original. Por eso hacemos objetos inteligentes. Entonces ahora que hicimos clic derecho y lo hicimos un objeto inteligente, subamos a nuestros ajustes y nos deja hacer un blanco y negro simple. Y sólo vamos a ir con el curso por defecto. Siempre podemos sentarnos aquí y ajustar ciertos colores y sombras. Y lo haremos en otra ocasión. Entonces ahora que hice un objeto inteligente, ahora tiene un filtro inteligente y puedo quitarlo fácilmente, y es muy fácil volver a lo que teníamos. Por lo que ya hice esto antes de tiempo. Seguí adelante y cambié esto a amarillo. Pensé que el amarillo y el negro realmente ayudaron a que se hiciera pop. Y yo quería romper el titular. A mí me gusta romper titulares porque si todo esto fuera blanco, se vería muy lavado. Si todo fuera amarillo, sería simplemente demasiado. Entonces creo que este aspecto tipo de tono es un buen equilibrio. Y creo que le falta algo. Por lo que me encantaría añadir sólo un poco de pop de color. Y cuando pienso en amarillo, un color de cumplido en la rueda de color es azul, haría si añadimos sólo un pequeño toque de azul por aquí en este tipo de área en blanco, espacio en blanco. Entonces lo que voy a hacer, soy un tablero de arte. Voy a crear una capa en el muy, muy, muy superior. Y voy a conseguir un cepillo redondo suave. Entonces voy a conseguir mi herramienta de pincel. Voy a hacerlo bastante grande, bastante grande, tal vez incluso más grande que eso, tal vez hasta 1500 píxeles de grande. Y voy a conseguir un color azul y hasta puedo pedir prestado este color azul, tal vez uno de este color azul aquí mismo, poco como se ve eso. Y va a volver a conseguir mi herramienta de pincel. Yo sólo voy a dar clic una vez pintar más. Y voy a usar, y podría incluso hacer un poco de un azul más oscuro, más profundo en realidad. Así que solo estoy haciendo algunos ajustes, haciendo clic una vez y voy a usar un modo de mezcla para poder mezclar esto en muy bien. Entonces déjame seguir adelante y usar pantalla. Screen va a ser brillante. Poco lo deja brillante. Y lo vamos a tonificar. Entonces lo vamos a cortar a la mitad la opacidad. Voy a cortarlo a la mitad al 50%. Entonces no es tan abrumador porque por qué voy directamente al fondo azul. Bueno, eso no queremos. Queremos que la IA se quede aquí en el titular. Entonces hagámoslo un acento y dejémoslo ahí mismo. Podemos afilar eso solo haciendo algunos ajustes de último minuto, podemos afilar esta textura. Me encanta afilar texturas. Vamos a darle ese look realmente de alta resolución. Entonces tengo esto y sólo voy a ir a Filter y ya no he guardado sharpen. Y también me gusta afilar mis fotos a una sola vez, sólo un afilar rápido, poco simplemente mezclarlo realmente. Entonces puedes ver un poco más de los detalles cuando afinas algo. Entonces esa es una rápida usando topografía condensada. Si no usaras condensación para eso, ese titular se vería loco. Seguro que hay algunas oportunidades bastante geniales para trabajar el titular, pero vamos a pasar a un pequeño proyecto más. Vamos a practicar haciendo topografía de contorno. Y es realmente, realmente fácil y Adobe Illustrator. Entonces voy a pop en Adobe Illustrator. Entonces digamos, vamos a crear un nuevo documento muy rápido. Te voy a mostrar lo fácil que es en Adobe Illustrator y cómo en Photoshop, no es exactamente intuitivo. Por lo que aquí un ilustrador, sólo escribimos en tipo delineado. Yo sólo estoy haciendo pernos de Helvetica. Entonces si quería hacer esto delineado, hagámoslo un poco más grande. Yo solo voy aquí abajo, hago un derrame cerebral. Es decir, eso es realmente fácil. Y tengo mi panel Stroke y puedo agregar bordes redondeados y puedo hacerlo más grueso. Al igual que eso es tan fácil hacer un ilustrador. Pero en Photoshop, realmente no tienes esta opción de trazo en la topografía si alguna vez te has dado cuenta. Entonces vamos a hablar de eso a continuación. 8. Proyecto #1: publicaciones de redes de redes de redes de social: Entonces este es el mismo fotógrafo de la última foto de Jim. Vamos a hacer uno diferente. Este creo que podemos recortar para tener un alto impacto en una especie de dimensión cuadrada. Entonces voy a seguir adelante y descargar este. Vamos a seguir adelante y hacerlo un poco más grande. Adelante y empecemos a recortar esto. Es un poco tenerla en el centro porque es una gran oportunidad de foto para centrar alinear es una foto simétrica tan bonita. Entonces mantengámoslo alineado en el centro. Y vamos a acercarla porque tenemos una imagen alejada un poco perder el impacto emocional. Entonces con muchos de mis proyectos, me gustó, acercar cuando puedo tener un poco más impacto emocional. Entonces voy a tener, y si este fuera usted en 30 días, poco como un reto de 30 días para el gimnasio. ¿ Cómo podrías lucir en 30 días? Entonces aquí vamos a seguir adelante y escribir eso. Entonces sigamos adelante y copiemos y peguemos. Haz de este un cuadro de texto diferente. Por lo tanto, mantenga presionada Opción y arrastre para crear un duplicado. Y vamos a hacer el 30. Y aquí es donde cuando la topografía condensada, puede que te gusten los personajes, pero puede que no le gusten los números. Entonces tal vez te gusten las letras, pero no los números. Entonces en este caso ese 30 se ve realmente un poco inmaduro en no sé por qué, me refiero como grandes personajes, pero a los números no les gusta en los tres. Y eso está bien, ahí es cuando podemos entrar y vamos a probar Como CO mu a.Eso se ve un poco más deportivo, creo en mi opinión. Apriete el rastreo un poco para que coincida con la versión condensada allá arriba. Y entonces creo que eso se ve un poco mejor. Y duplicemos este top Ya que nos gustan las letras y los días de vencimiento. Entonces, ¿y si este fuera usted en 30 días? Por lo que necesitamos averiguar cómo trabajar todo este titular en. Y ahí hay mucho, así que hay un par de trucos que podemos hacer. Ya estamos usando tipos de letra condensados. Entonces hagamos contornos, una superposición, algunas cosas para crear un aspecto moderno. Entonces para crear texto delineado y Photoshop, esto es lo que debes hacer. Por lo que tengo esta capa seleccionada aquí mismo. Voy a seguir adelante y doble clic aquí en el espacio vacío. Voy a abrir mi panel Estilos de capa, y voy a dar click en trazo. Y aquí está el truco. Eso es algo que no es realmente intuitivo. Tenemos que tener derrame cerebral. Entonces digamos que queremos tener blanco o tal vez como un contorno blanquecino. Es un click. De acuerdo, entonces lo que tenemos que hacer es deshacernos del relleno que hay dentro. Entonces sigamos adelante y tenemos nuestra capa seleccionada. Vamos a bajar a llenar. Vamos a seguir adelante y reducir el relleno, que es justo aquí. Vamos a seguir adelante y bajarlo a 0. Y eso sólo dejará el trazo. Entonces si quiero cambiar el grosor del trazo, solo hago doble clic en él mi panel Capas y puedo ajustarlo aquí mismo. Entonces digamos que quiero que sea un poco más delgado. Y lo que es tipo de N es una especie de trazo delgado como este. Un poco demasiado delgada. Quieres asegurarte de que sea legible. Entonces tal vez dos píxeles en este o incluso 1.5. Muchas veces me gusta dividir la diferencia y parece que no me está dejando. Entonces supongo que vamos a tener que ir con dos en esta. Y lo puedes hacer por dentro, por fuera. A veces el exterior podría verse realmente bonito para especie de extiende el grosor del personaje cuando vas por dentro o por fuera, y luego dentro lo trae adentro. Y entonces el centro sólo como que divide la diferencia. Entonces hagámoslo Centro. Y vamos a mantener todo igual. E incluso puedes guardar un estilo de capa. Entonces repasamos esto en cursos, algunas de las cosas que quizá ya hayas escuchado antes, pero la revisión siempre es realmente buena. Para que pueda guardar este estilo de capa. Entonces vamos a crear nuevo estilo y decir tipo delineado. Haga clic en Aceptar. Entonces guardo esto y tengo que hacerlo una y otra vez. Para que pueda abrir mis bibliotecas para que lo sepas, ¿dónde puedo cargar unos estilos de capa? Entonces voy a ir a estilos de ventanas. Déjalo ahí está, justo ahí está justo en la parte inferior. Por lo que puedo dar click en días y seguir adelante y aplicarle el mismo estilo exacto a ella. Entonces esto es lo que quiero hacer. Algo que se superponen a esto. Pongamos 30 todo el camino en la parte de atrás. Y pongamos algo de color en esto. Hagamos 30 de un color diferente. Sigamos adelante y sigamos con el tema aquí. Vamos un poco con ese mismo tipo de color atardecer de ese lado, creo que los anuncios rosados, así que feminidad, algo de suavidad a ella. Por lo que ves cuando tienes este tipo de esquema, ahora puedo tener fácilmente legible. Puedo leer todo eso. Si esto fuera u y 30 días, todavía puedo verte y n, pesar de que esto está retomando casi todo ese fondo último tipo del poder de la tipografía delineada. Entonces ahora puedo capas esto y tener esto encima igual que eso se ve un poco cool. Y así quiero poder integrar un poco más a la mujer en esto. Entonces vamos a traer el tipo. Dale el look estratificado. Puedo traer todo esto detrás de ella. Entonces ella está mirando y luego puedo agregar sombras para que parezca que realmente está ahí dentro. Por supuesto que es tipos delineados. Realmente no lo vas a ver tan bien como algunos de los otros está cambiando la distancia y el tamaño ahí está. Se puede ver un poco de sombra asomando por ahí. Y una vez más, hagámosla en blanco y negro. Entonces déjame asegurarme de que sea un objeto inteligente. Haga clic derecho en objeto inteligente. Vamos a hacerla en blanco y negro. No tienes que hacerle esto a cada foto. A mí me gusta lo repentinamente si sacas el color el 30 igual que realmente te sale. Por eso lo estamos haciendo. Es para asegurarnos de que nosotros, como diseñadores, somos los que controlamos en qué se enfoca el ojo del espectador. Por lo que estamos en total control. Por lo que siempre podemos sacar el color para poner énfasis en otras áreas de color. Para que puedas cambiar cómo todo lo que quieras. Se puede emparejar un tipo de esquema con un tipo relleno, y eso puede funcionar muy bien. Por lo que puedes arreglar esto como quieras. Puedes usar una foto diferente cuando hagas tu proyecto. Quiero seguir adelante y pedir prestada esta textura. Ya me gusta un poco. Entonces, sólo vamos a traerlo encima. Haga clic en nuestro tablero tres y simplemente pegarlo. Y voy a poner a la mujer encima porque quiero que sea agradable y clara y crujiente. Y ahí vamos. Ahí está nuestro tipo de textura de fondo que podemos traer. Y ahí lo tenemos. Acabamos de crear tres post en redes sociales. Algunas que usan fuentes condensadas y otras que usan fuentes de contorno y tipo de estilos y características también. Entonces creo que esto es genial, es tendencia muy práctica. Veo esto mucho justo desde que llegar con esta tendencia realmente están recogiendo esto como una tendencia 2021. Lo he visto en todas partes en las redes sociales. Eso ya ha estado en uso por un tiempo, pero solo creo que vas a ver más porque es una especie de útil. Como puedes ver, es muy útil para empacar en mucha inflamación. Instagram Really Loves Save en lugar de likes. Por lo que la gente guarda contenido que está empaquetado, tiene mucho contenido en él. Y si puedes encontrar formas creativas de trabajar en contenido o citas útiles o lo que sea, va a ser útil. Por lo que no tienes que usar todas las mayúsculas un usado todas las mayúsculas para estos titulares. No tienes que hacer eso. Puedes hacer lo que quieras solo un poco dándote algunas herramientas y algunos proyectos prácticos para usar para que tus diseños no solo luzcan más modernos, frescos y actualizados, sino también prácticos. 9. Proyecto #2: Frosted en Adobe Xd: Bienvenido a Adobe XD. Aquí es donde vamos a poder crear este efecto de vidrio esmerilado muy rápida y fácilmente. Todavía puedes hacerlo manualmente y Photoshop e Illustrator, pero tienes que tener muchas capas y efectos diferentes y es solo mucho por configurar y realmente difícil de hacer porque no hay este tipo de configuración automática donde puedas fácilmente crear su efecto. Entonces por eso quería ser un Adobe XD. Doy varias clases de Adobe XD. Tengo una de mis masterclass de diseño digital donde repasaremos todos los conceptos básicos de Adobe XD y cómo funciona y cómo conseguir que funcionen las animaciones. En esta lección nos centraremos mayormente en la tendencia y en cómo crear este paso específico. No vamos a repasar los conceptos básicos de cómo usar Adobe XD, pero estaremos haciendo este pequeño proyecto rápido para mostrarte lo fácil que es crear este efecto de vidrio esmerilado. Y también vamos a crear unos cuantos pequeños elementos de interfaz de usuario rápidos como un slider y un botón o a que emula este efecto morfismo más cristal. Entonces, empecemos. Yo quería conseguir un bonito color de fondo de alto contraste para que podamos ver como nuestro vidrio esmerilado afecta al fondo. Entonces tengo esta flor amarilla realmente brillante. Conseguí esto de crecida. Está en pixels.com para que puedas descargar esa foto si esa ya no está disponible. Hay un montón de fotos geniales que tienen un look similar. Acabo de escribir en fondo negro y tienes un montón de bonitos colores de alto contraste, imágenes de fondo de alto contraste para usar. Entonces voy a traer eso y Adobe XD menos se abre solo un documento predeterminado. Vamos a seguir adelante y hacer web. 1920 para anunciar. Eso van a ser 1920 píxeles por 1080. Por lo que es un poco más de un tamaño de escritorio por ahora. Traigamos nuestra foto. Y solo lo dejo caer justo dentro. Por lo que este será nuestro elemento de fondo. Y así es lo fácil que es crear esto. Yo sólo voy a conseguir una forma. Vamos a seguir adelante y conseguir una forma cuadrada simple y dibujarla a través. Casi como una forma de tarjeta de crédito. Si alguna vez buscas morfismo de vidrio, verás toneladas de ejemplos de tarjetas de crédito de vidrio esmerilado por alguna razón, gente le encanta hacerlo a tarjetas de crédito y diseños de tarjetas de crédito. Entonces voy a seguir adelante y sólo dar clic en esto y sólo un poco alrededor de las esquinas. No demasiado, sólo un poquito un poco más elegante y moderno. Y así es lo fácil que es. Entonces voy a ir justo aquí a mi panel derecho. Y voy a bajar al desenfoque de fondo. Voy a dar click en desenfoque de fondo. Mira eso con un solo clic. Puedo seguir adelante y hacer este vidrio esmerilado. Qué es genial de esto que otros programas de la suite de Adobe no tienen como puedo hacer clic y mantener pulsado. Y de repente, una vez que haga clic y sostenga, puedo hacer efecto desenfocado vivo a medida que lo muevo. Lo cual es realmente genial, realmente increíble poder tener eso para que pueda darle la vuelta a esto, girarlo todo por qué camino y va a seguir adelante y mantener ese efecto de vidrio esmerilado. En otros programas, hay que hacer esto manualmente, creando una capa de letras detrás de ella y luego difuminándola. Y entonces no puedes simplemente sentarte ahí y simplemente mover las cosas en un automáticamente cambiarlo en vivo para ti. Entonces, por eso estamos hoy en Adobe XD. Entonces, cuando bajas al desenfoque de fondo, puedes cambiar algunos elementos aquí para cambiar cómo se ve el aspecto del vidrio esmerilado. Por lo que tienes cantidades borrosa. Entonces si reducimos el desenfoque, lo va a hacer más nítido. Por lo que a medida que reduce el desenfoque, le da al vidrio menos del aspecto esmerilado. Entonces si, si el vidrio es solo un vaso puro, probablemente lo tendrías a 0 si quisiera ser súper duper esmerilado como lo verías en una ventana de baño que estaría esmerilada. Tendrías ese efecto también. Para que puedas cambiar esa apariencia. A mí me gusta algo en el medio. Yo sí quiero poder ver los elementos en la parte superior. Se quiere poder tener todo permanecido muy legible. Si tienes un efecto bajo, realmente tienes que tener algún tipo de contraste alto y elementos que realmente salen por encima de él porque no vas a poder verlo a través de esta foto realmente detallada. Entonces la voy a tener en algún lugar en el medio. Digamos que unos 20 por ahora. Y también podemos cambiar el brillo. Por lo que puede convertirlo en un súper brillante, casi como si hubiera una luz detrás de ella. Y puedes oscurecerla. Entonces digamos que estás haciendo una especie de interfaz de usuario de modo oscuro o una interfaz de modo oscuro. Si reduciste el brillo a, ya sabes, puedes bajar todo el camino hasta el negativo 50 si quisieras, pero vamos a hacer algo ahí mismo en medio. Y luego está la opacidad de afecto, que es la última opción. Entonces esto va a, a medida que lo incrementas, porque todo el camino a los 100s, básicamente el efecto es nulo. Ya no funciona o puedes tener el efecto al 50% de potencia, supongo que deberías decir, o 50% de fuerza o todo el camino al máximo y está a 0, no tienes transparencia alguna del efecto. Entonces es, el efecto está totalmente encendido, así que vamos a dejar eso en 0. Y lo que hace que el morfismo del vidrio funcione realmente bien es, te darás cuenta cuando lo veas por ahí, verás una especie de borde alrededor de él, algo así como un trazo de color claro. Supongo que se podría decir que ese tipo de le da más de un borde de vidrio biselado. Si no tuve un derrame cerebral en la audición, voy a bajar aquí y hacer click off stroke. Y Adobe XD, se llama border, pero básicamente es un trazo. Yo me quito eso. Se pierde un poco. Se pierde un poco. Cuando la luz golpee el vidrio, lo tendrás, sobre todo cuando las gafas se corten, tendrás un poco de brillo, un reflejo en los bordes del vidrio si alguna vez miras un trozo de vidrio cortado. Entonces quieres agregar un poco de frontera y quieres hacerlo un poco más grande. Entonces vamos a hacer dos. Y por lo general me gusta que no sea blanco porque entonces ese look empieza a parecer falso. Algo así como un look gris claro. Muy fácil, muy rápido de usar. Vamos a hacer algo un poco complicado. A continuación, vamos a subirlo a un nivel y hacer esto elementos de interfaz de usuario de aplicaciones móviles realmente rápidos. Sólo vamos a hacer un par de fronteras, un par de deslizadores. Y vamos a añadir un poquito de animación. Para que puedas tener algo realmente genial para poner en tu portafolio. 10. Proyecto #2: Frosted en Adobe Xd - parte 2: Por lo que antes de empezar este próximo proyecto, quería hacerte saber que puedes descargar un archivo vectorial de este teléfono que vamos a utilizar. Por lo que rápidamente puede simplemente crear una especie de mantel o un ajuste de lugar para nuestro diseño de aplicación móvil para que podamos presentarlo muy bien. Por lo que se puede tener acceso a este archivo vectorial. Tengo dos archivos diferentes y los recursos descargables, tengo un punto EPS y tengo un punto SVG. Por lo que SVG es un archivo vectorial especial. Se crean muchos iconos usando SVG para que los navegadores puedan manipular el vector y escalarlo sin distorsión en navegadores e iconos, conjuntos de iconos y todas esas cosas lo diseñaron. Pero SVG es un gran formato de archivo para Adobe XD. Puedo abrir Adobe XD y puedo arrastrar esto justo dentro y se va a empezar a leerlo. Por lo que nota que puede abrir el EPS en Adobe Illustrator o el SVG. Simplemente puedes arrastrar esto directamente a Adobe XD. Esto es cierto para cualquier archivo SVG y mira eso. Ya está ahí dentro y editable. Entonces esto es lo que vamos a estar creando es este proyecto aquí mismo. Solo vamos a crear un par de elementos de vidrio, especie de mostrar algunos esmerilados, mostrarlo en esmerilado. Vamos a estar creando algunos triángulos para que podamos tener algo de colores altos. Para que puedas lucir este efecto morfismo de vidrio. No vamos a necesitar ninguna foto para esto. Entonces, empecemos. Abramos un nuevo documento. Vamos a Archivo Nuevo, y vamos a seguir adelante y hacer una Web 1920 sólo porque quiero crear una especie de estilo más presentación. Entonces voy a seguir adelante y abrir esto y tener algo de espacio para elementos de fondo. Y podemos traer nuestro teléfono, ¿verdad? Y sólo voy a mostrar cómo lo hice de nuevo. Todo lo que tienes que hacer es arrastrar ese archivo SVG y cualquier tipo de iconos o gráficos vectoriales y SVG se pueden arrastrar fácilmente aquí. Siempre puedes hacer clic derecho y Desagrupar si quieres poder tener acceso a uno de los elementos como este es la imagen de fondo. Entonces lo que quiero hacer es que quiero tener un montón de brillantes pops de color. Hablamos de que las tendencias de color son tonos altamente saturados, brillantes y vibrantes. Vamos a tratar de hacer un poco de morados profundos y luego hacer algunos amarillos de alto contraste pueden ser para nuestros triángulos como lo viste en el ejemplo. Entonces lo que podríamos hacer es que podríamos OK, ir a llenar. Y en lugar de solo un color sólido, podemos agregar un gradiente radial. Y hagamos unos tonos morados fríos. Entonces vamos a tomar el morado y traerlo todo el camino hacia abajo para hacer un morado profundo. Voy a seleccionar el de la derecha. Hazlo un poco más claro, morado. Y podría necesitar cambiar la posición de estos. Demos click en este poco más brillante y luego vayamos aquí y profundizemos. Por lo que queremos tener el encendedor en el centro del gradiente radial. Podemos por supuesto, hacer eso compacto o hacerlo extendido. Cualquiera que sea la mirada que queramos ir. Agregado gradiente tan simple, vamos a conseguir algunas formas de triángulo para que pueda lucir el look de vidrio esmerilado en el fondo. Entonces sólo estoy consiguiendo un triángulo. Voy a mantener el turno hacia abajo para que pueda conseguir un bonito triángulo parejo. Y voy a sacar cualquier tipo de frontera. Por lo que las fronteras son valores predeterminados, así que solo asegúrate de ir y desmarcar la frontera. Y consigo una reliquia. Todo bonito y redondeado a bonito redondeado cuando hagamos un bonito color, brillante color saturado, un buen contraste con el morado es amarillo. Entonces vamos por un amarillo brillante. A lo mejor añadir un poco de naranja para tonificarlo para que no sea tan, tan brillante. Entonces ahí está nuestro primer triángulo. Mantenga pulsado el turno y hazlo un poco más grande. Mantenga pulsada Opción y arrastre o control, creo que está en Windows y arrastre. Y se puede crear un segundo triángulos cambiados tipo del ángulo. Y hagamos de esto un color diferente. ¿ Qué tal naranja? Por lo que tenemos nuestros dos pequeños triángulos para que podamos ver nuestro efecto de vidrio esmerilado. Entonces vamos a crear una especie de logotipo en el centro. ¿Qué va a circular? Mantenga pulsado el turno para que pueda crear un bonito círculo parejo. Y vamos a aplicar nuestros efectos de vidrio. Entonces pongamos aquí nuestros triángulos para que veamos cómo se está cargando el efecto. Voy a bajar aquí a desenfocar el fondo. Y así, tenemos un efecto fresco de vidrio esmerilado. Cambiemos nuestro borde a un color un poco más claro, pero no blanco, sólo un poco de gris claro. Y veamos si nos permite en lugar de un CIF, nos permite dividir la diferencia porque creo que eso podría ser un poco demasiado grueso. Es, vamos a hacer 0.8 en lugar de uno. nos permite hacer número parcial, así que eso es bueno. Entonces vamos a reducir un poco el desenfoque. Entonces estoy tomando el desenfoque, que es la primera opción y sólo voy a bajarlo. Yo quiero poder seguir viendo la definición del triángulo. Si hago eso, entonces es difícil realmente decir cuál es la forma a través de TI. Yo quiero que la gente pueda ver a través de los elementos de fondo, pero también hacer que el texto sea legible. Por lo que es un equilibrio realmente delicado. Así que hagámoslo ahora mismo, vamos a quedarnos con 14 y ver cómo se ve eso. El brillo. Si queremos tener una interfaz de usuario oscura y tener un fondo oscuro, podemos hacerlo. Y que sea brillante porque quiero poner tal vez algún texto más oscuro encima. Y si alguna vez tienes problemas con la legibilidad, también puedes aumentar la transparencia del efecto por lo que se desvanece lentamente. Si alguna vez tienes problemas con la legibilidad, siempre podrías poner encima como un texto gris oscuro o negro que sería súper legible. O si quieres que el efecto realmente esté en juego completo, puedes bajarlo a 0. Por lo que tienes tres opciones diferentes para ajustar esto bastante. Entonces agreguemos nuestros textos. Tomemos su herramienta de texto y añadamos un poco algunas palabras aquí mismo en el círculo de vidrio esmerilado. Y así hay dos formas de hacer texto. Se puede hacer clic y arrastrar y hacer especie de cuadro de texto. O simplemente puedes hacer clic una vez con la Herramienta Tipo y tener más de un tipo de titular que no tenga el cuadro de texto que colapsa. Nosotros queremos como que lo mantengamos en círculo. Entonces hagamos un cuadro de texto. Vamos a hacer clic en la herramienta de tipo click y arrastrar para crear más de un cuadro de texto estilo de párrafo donde se derrumba igual que este whoo. Y entonces podemos cortar un poco esto. Vidrio más. Visítalo. Querías un tipo de corte o ves sílabas, así que vidrio morph ism. Entonces eso probablemente cortará mejor que cortarlo aquí donde tu decir vidrio más, más. Sufismo. No tiene sentido, pero morfismo, probablemente podrías salirte con la tuya cortándola. Ok, entonces ahí está esa posición. Veamos qué necesitamos hacer para que esto funcione para que incluso podamos hacerlo en topografía. Puedes hacer el desenfoque de fondo para darle también un efecto de cristal. Entonces estamos teniendo problemas con que ambos sean elementos de vidrio esmerilado porque ahora me está costando mucho leerlo. Entonces vamos a editar nuestra configuración en nuestro círculo. Entonces bajemos a siete para desenfoque y 12 para br rectitud. Eso ayudará a que todo salga un poco. Y para el tipo, probablemente necesitemos disminuir el efecto. Por lo que ahora tenemos seleccionada la topografía. Entonces, acomodémonos en 14 para desenfoque y 41 para brillo. Y otra cosa que quiero hacer es que quiero sacar, voy a empezar a hacer esta presentación. Copiemos esta forma de fondo. Y sólo voy a hacer todo el camino a través del fondo. Sólo para especie de dar un poco menos de contraste entre el fondo y el diseño. Aquí vamos. Entonces ahora puedes realmente, realmente, realmente, realmente enfocarte. Simplemente sigo haciendo pequeños ajustes. Acabo de cambiar la posición de los triángulos y sólo tratando de encontrar un buen ajuste para este diseño y acabo de agregar el fondo. Entonces vamos a añadir algunos elementos más. Practicemos haciendo un botón. Entonces arriba vamos a conseguir herramienta cuadrada y sólo vamos a hacer un tamaño de botón simple. Y vamos un poco redondeados, no mucho, sólo un poquito. Y vamos a hacer nuestro desenfoque de fondo. Y cambiemos nuestra frontera a blanca. Y lo que vamos a hacer es en lugar de tener esta frontera blanca. Por lo que podemos seleccionar nuestro botón, click en frontera, y podemos hacer que sea una opacidad del 50%. Por lo que no es como un sólido a todo color. Se deja algo del color, también es transparente. Entonces eso ayuda con el realismo de la misma. Entonces todo lo que hizo fue ir a la frontera. Y entonces tú solo, así es como cambias la opacidad o transparencia. Por lo que tenemos un botón, puede tener el mismo efecto de vidrio esmerilado allá arriba también. Para que podamos seguir adelante y copiar y pegar este texto aquí y escribir botón. Y tal vez la fuerza, tal vez no extra audaz, pero hagámoslo regular. Ahí está el botón. Hagamos éste con sólo una frontera. Por lo que vamos a dar click off fill y sólo tener una frontera. Y entonces podemos sacar eso para mostrar un poco cómo sería eso. También podemos hacer un nivel diferente de estadidad helada. Por lo que puedo volver a dar clic en llenar si quisiéramos y podemos como que sea menos esmerilado. Más esmerilado, o también cambiarlo. Entonces es como un color más oscuro. Muchas opciones que podemos hacer ahí. Entonces vamos a crear algunos efectos más. Entonces hagamos una opción de barra deslizante. Entonces consigamos nuestra herramienta de rectángulo. Sólo vamos a hacer una forma de pastilla. Entonces lo vamos a llevar todo el camino a una forma de píldora para que podamos cambiar nuestra frontera. Podemos hacerlo semitransparente haciéndolo 50% de capacidad. Y podemos hacer nuestro desenfoque de fondo. Y hagámoslo un poco más delgado. Eso es así. Entonces eso va a ser una especie de nuestro slider. Y hagamos el componente de deslizador o el deslizador. Botón. Dejemos saltar la herramienta cuadrada, y hagamos un botón que quepa muy bien ahí dentro. Y no tengamos demasiado espacio sobrante. Podemos hacer tipo de los mismos ajustes, 50%. Podríamos hacer un desenfoque de fondo en esto. Y cuando se trata del deslizador, quieres que realmente destaque mucho porque quieres que la gente pueda verlo. Entonces cambiemos la frontera para que no sea gris. Pero vamos a mantenerlo en una opacidad completa para que realmente puedas verlo mejor. Así que ajustemos los ajustes para que sea un poco más brillante que el deslizador debajo. Incluso puedes animar esto, así que puedes deslizarte a través y hacer que este borde sea un poco más delgado. A veces hay que escribir algo manualmente si es más bajo que unos y tal vez 0.8. Hagamos algunas barras con color indicando una cantidad en dólares. Entonces hagamos primero nuestra cantidad en dólares. Sólo voy a hacer un cuadro de texto y escribir. Digamos que es para una aplicación de administración de dinero. Vamos a escribir en especie de lista de números genéricos. Asegúrate de que mi espaciado esté ajustado a 0, apriétalo y hazlo un tipo de letra bastante audaz. Hagamos extra audaz. Hagámoslo un poco más grande. Por supuesto, no tienes que usar los números exactos que yo sí. Simplemente puedes experimentar con tamaños. Y vamos a darle a esto un tronco de vidrio esmerilado dos. Hagamos una frontera muy delgada en esto. Entonces vamos a dar click en frontera y tenemos un 0.5 sets. Entonces eso es un poco la mitad, la mitad de un punto completo. Y hagamos desenfoque de fondo. Lo pasamos a nuestros triángulos y especie de ver cómo se ve bastante bien el efecto. Y sigamos adelante y tengamos un desenfoque bastante bajo. Entonces la configuración final para esto es 14 desenfoque y 41 brillo, eso, eso tenía una agradable legibilidad incluso cuando lo tenías sobre el triángulo. Y quizá queramos disminuir un poco la frontera, tal vez un poco hacer eso un poco semitransparente. Probemos 50. Y creo que eso se ve un poco más realista, te da un poco de reflejos en el trazo, pero tampoco se ve un poco falso. Entonces, sumemos algunos elementos financieros. Tenemos un número, vamos a tener un poco algunas barras de gráficos para denotar un gráfico. Simplemente un poco de jugar por aquí con elementos. No estamos haciendo ningún tipo de lluvia de ideas de IU seria aquí. Solo estamos mostrando como funciona este efecto. Entonces solo creando una serie de barras. Vamos a seguir adelante y conseguir esta configuración para duplicamos. Hagamos un desenfoque de fondo. Vamos a conseguir la frontera sólo un poco lo que hemos estado haciendo. Ya sabes, 50%. Reduzcamos, hagámoslo un Blanco. Y vamos a reducir el tamaño puede ser 8.5. Y hagámoslo ligeramente redondeado. Yo sólo quiero alrededor de arriba y abajo. Mantenga pulsada la opción y haga clic solo para aislar una esquina. Opción Pulldown o control si estás en un Windows. Veamos cómo se ve el efecto de vidrio esmerilado. Vamos a crear un rectángulo que sea realmente verde brillante, como tal vez un verde lima que indique dinero y crecimiento. Entonces vamos a hacer un relleno, es conseguir un verde brillante pasando. Y no tengamos una frontera en esto y hagámosla redondeada. Solo tenemos un elemento de fondo. Hagamos una carrera a través. Esto va a estar atrás, así que lo vamos a poner en la parte trasera del sistema de capas. Por lo que comando soporte izquierdo lo va a traer atrás en el sistema de capas. Y así ahora podemos ver cómo fluye el efecto vidrio esmerilado. Entonces vamos a bajar el desenfoque está en un poco ver los elementos de fondo un poco. Entonces le da un poco más de un aspecto vidrioso. Por lo que sólo tenemos tres en cuanto a difuminar. En cuanto a brillo. Deja que sea agradable y brillante. Sigamos a 20 o 18. No vamos a cambiar eso afecta demasiado. Entonces sigamos adelante y mantengamos pulsada Opción o control. Y cambiemos la gráfica. Y así puedes notar cuando hago clic y arrastre, se va a chasquear automáticamente para que todo esté igualmente espaciado, cual es muy bonito tener. Por lo que también puedes animar esto fácilmente también cuando lleguemos a la animación. Por lo que es un poco mover algunos de estos elementos alrededor, un poco sacarlo. 11. Proyecto #2: Frosted en Adobe Xd - parte 3: Entonces aquí está nuestro proyecto hasta el momento, acaba de agregar algunos otros elementos, pero creo que esto se ve muy bien. Podemos posicionar esto. Hice esto para lucir el efecto de vidrio esmerilado, solo una especie de algunos elementos aleatorios. Esto en realidad no significa nada. No es realmente un diseño per se, sino sólo una especie de colección de elementos que puedes presumir. Entonces hagamos animación porque esto se ve bien. Realmente se puede ver el vidrio esmerilado, pero el vidrio esmerilado se ve realmente genial cuando se puede tener movimiento y tipo de mostrar cómo cambia en vivo a medida que se mueve a través. El siempre se ve realmente genial. Entonces sigamos adelante y animemos esto. Entonces repaso la animación y todas las cosas y algunas de mis otras clases en detalle. Entonces solo vamos a hacer algunas cosas muy básicas. Entonces lo que voy a hacer es que me voy a llevar este tablero de arte aquí mismo y lo voy a duplicar. Por lo que duplicé mi tablero de arte y voy a subir al prototipo. Entonces este es el modo de diseño. Por eso hacer todo mi trabajo de diseño. Por aquí está el modo prototipado. Y aquí es donde vinculas todo y lo haces como un sitio en vivo , viable que tiene animación. Entonces esto va a ser súper duper básico. Entonces vamos a seleccionar el tablero de arte, el primer tablero de arte, y lo vamos a vincular. Entonces vamos a tomar este pequeño ícono aquí mismo y vamos a vincularlo de inmediato, podemos mirar en cualquier lugar en el tablero de arte se va a enlazar juntos. Entonces cuando entres en este enlace y tienes que estar en modo prototipo para poder ver esto. Vamos a poder seleccionar ese enlace. Y vamos a hacer que se anime auto. Es así como vamos a conseguir que la animación sea agradable y suave auto animate. Y así que ahora mismo vamos a bajar a la flexibilización. Y sólo intentemos por ahora me encanta la forma en que facilita y facilita el trabajo tan fácilmente como una animación que va a iniciar lentamente la animación y poco a poco terminarla. Por lo que se ve realmente suave. No se ve muy duro. Entonces eso es todo lo que tenemos. Eso es todo lo que hemos hecho hasta ahora. Entonces ahora tenemos que tener, tenemos dos estados diferentes. Entonces este es el primer estado y este es el segundo estado. Entonces va a empezar de cierta manera y va a terminar de otra manera. Entonces lo que vamos a hacer es que vamos a cambiar y mostrar cómo se va a animar. Entonces les voy a mostrar un ejemplo. Voy a mover este triángulo. Volvamos al diseño. Tienes que volver al modo de diseño. Y voy a darle la vuelta a este triángulo sólo para mostrarles cómo funciona esto. Es todo lo que estoy haciendo. ¿ Verdad? Simplemente moviendo cosas por aquí. Eso es todo. Simplemente mueve los dos triángulos. Vuelves al modo prototipo. Vamos a jugar esto fuera. Vamos a seleccionar este primer tablero de arte. Vamos a tocarla y va a ir de este estado y lo va a animar para volver a ese estado original. Entonces vamos a dar click en play. A ver qué tenemos. Vamos a seguir adelante y hacer click y lo puedes ver animado. Y no lo tenemos conectado de vuelta. Entonces solo anima una vez a ese estado y se queda ahí. Para que puedas tenerlo recortado de nuevo. Por lo que tengo seleccionado el segundo. Y se puede ver esta pequeña flecha. En realidad se puede volver al primer estado. Y se puede ir al tipo, y se puede bajar al tablero de arte anterior. Entonces lo que va a hacer es en el grifo, así que ese es el gatillo es que haces clic. Va a ir en ciclo de vuelta a los tableros de arte anteriores. Entonces básicamente estás haciendo un bucle. Entonces tienes este estado que va a este estado de animación, y luego tienes esta conectando de nuevo al anterior. Aburrido, y así eso parece complicado, pero tienen algunas lecciones que pasa por encima de la animación en Adobe XD a este icono de Play aquí mismo. Vamos a jugar fuera. Y ahora mismo el gatillo, que es como inicias estos estados es un grifo. Entonces tengo que hacer clic en mi ratón, va a hacer el primero. Voy a volver a hacer clic en él. Se va a ir al tablero de arte anterior y volver a chasquear para hacer esto donde no tenga que tocarlo para que sea el tiempo iniciado y no solo tapping. Vamos a subir aquí para activar. Yo estoy en el primer tablero de arte y vamos a que empiece en un momento determinado. Y puede empezar de inmediato. Entonces 0 demora, y eso es todo. Y puede hacer que la duración sea un poco más larga la animación. Entonces podemos extender eso ahora mismo. Es como un tercio de segundo. Por lo que podríamos hacer un segundo completo para que la animación sea más larga. Y vamos a dar click en el segundo tablero de arte. Y tenemos la opción de retroceso de ciclo aquí. Entonces en lugar de tocar, vamos a hacer de esto un momento también. Y va a ser de inmediato. Entonces va a ir de un estado. Voy a dar click en esto para que puedas especie de ver lo que tengo aquí. Es auto animate. Y entonces tenemos el segundo estado. Y lo arrastramos de vuelta. Y es tableros de arte anteriores es podría un debería ser sólo un ciclo, no debería tener que tocar nada porque los disparadores ahora justo tiempo. Por lo que voy a dar clic en el botón de reproducción. Y veamos que automáticamente empieza a jugar. Va de un estado, se remonta al anterior tablero de arte, va a un estado. Por lo que tienes este tipo de ciclo pasando de animación. Podemos, por supuesto, animar más que solo los triángulos. Ahora y ve a este primer estado y fin de semana porque todo va a terminar en el trazado final que tenemos. Entonces podemos cambiar esto, cualquier cosa realmente. Podemos cambiar los botones. Y tenemos que asegurarnos de que estamos de vuelta y diseñados para poder realizar cualquier tipo de movimiento o cambios. Modos prototipos solo para vincular las cosas. Para que podamos hacer que los botones vayan así. Podemos tener nuestro deslizador ir y venir. Entonces todo lo que tenemos que hacer, voy a mantener pulsado el turno y arrastrar sólo para que se quede en línea. Y lo voy a llevar todo el camino al frente. Y cambiemos todos estos a, hagamos que parezca que van arriba y abajo. ¿Verdad? Por lo que realmente se puede ver ese efecto de vidrio esmerilado. Y podemos hacer esto aún más dramático de una animación. Entonces simplemente cambiamos algunas cosas más. No estamos cambiando el estado, este es el estado al que va a volver. Entonces vamos a dar click en el primer tablero de arte. Sube a nuestro botón Play. Whoa. Para que veas eso es bastante dramático con los botones. Entonces sólo puedo tonificar un poco esos botones. Entonces volvamos atrás. Lo volteó todo el camino alrededor del otro lado. No esperaba eso. Entonces quizá podamos en lugar de voltearlo a la izquierda, hagamos la escritura. No sé si eso va a cambiar algo, pero hagamos click en play. Ahí vamos. Eso es un poco más suave. Y por supuesto podemos hacer que sea incluso una animación más larga si hacemos clic aquí atrás en la parte superior del nombre del tablero de arte, y necesitamos asegurarnos de que estamos en producción. Es difícil recordar a veces dar la vuelta entre. Entonces voy a ir al modo prototipo para hacer cualquier modificación a la animación. Y si alguna vez te preguntas como cuáles son mis conexiones, puedes hacer click en tu nombre. Tu tablero de arte va a mostrar tu vinculación. Y puedo hacer click en la parte superior y mover mis tableros de arte por ahí. Y podría hacer más fácil ver un poco la transición. Entonces esto es una transición y esto retrocede de inmediato. Entonces estoy dando click en el primer tablero de arte y en este momento tengo dos segundos, pero puedes teclear lo que quieras. Puedes hacer que sean dos segundos en lugar de 1 segundo, y podemos reproducirlo y ver cómo se ve. Es un poco más lento, poco se ve un poco más bonito ahora que despacio la animación. Y lo que es genial es que hay más que un solo tipo de animación. Hay 0s y 0s fuera, que es una especie de lo que me gusta hacer cuando hago edición de video. Yo uso mucho 0s en ys, ys fuera. Es algo que casi siempre hago con todos mis elementos cuando hago software de edición de video y edición de video, formato súper duper popular, pero son snap, windup bounce. Entonces si hacemos equilibrio, va a tener un poco de pop, un poco de rebote a él. Entonces haga clic en play. Entonces ve cómo tiene ese pequeño rebote. Entonces todo lo que hice fue cambiar la transición. Un poco como rebotar. Es interesante, ojalá puedas cambiar la fuerza del rebote. Ojalá no fuera tan flotante, pero tal vez en futuras actualizaciones, Adobe XD agregará más transiciones, son más animaciones. Entonces el de éste termina. Así que es un poco, un poco de terminar. Va a ir más rápido en medio de la animación y frenar hacia el final de la animación. Entonces eso tiene un tipo de movimiento realmente agradable, casi como un reloj de tic-tac. Es realmente agradable y calmante. De acuerdo, así que vamos, vamos a mantenerlo en windup. A mí me gusta como se ve eso. Entonces juguemos una vez más. ¿ Qué tiene de genial Adobe XD? Puedo compartir este enlace con otras personas si quería tenerlo en un portafolio. Pero lo que me gusta es esta capacidad para capturar una captura de pantalla. Por lo que puedo hacer click aquí arriba y puedo grabar una macro para grabar esto porque actualmente estoy grabando mi pantalla. Pero si haces clic en eso, puedes grabar esto. Y así hice el video de vista previa para el que viste sobre el proyecto de clase. Conforme acaba de grabar esto, puedes ponerlo en Behance.com y en un sitio web de portafolio. Se puede hacer todo tipo de cosas. Se puede crear esto. Hicimos éste en 20 minutos. Pudimos crear este efecto e incluso podemos pasar más tiempo y hacer como un caso práctico de UX UI real y diseñar un diseño móvil completo si quieres. Pero sólo quería una especie de exhibir el morfismo del vidrio, el aspecto del vidrio esmerilado. Así que espero que hayas disfrutado de este rápido proyecto y que realmente puedas empezar a buscar tendencias de diseño para 2021. 12. Proyecto #3: tipografía 3D - parte 1: Bienvenido a Adobe dimensions. Esta es la respuesta de Adobe, demasiado fácil para crear objetos 3D. Y ahora la topografía 3D, que es nuestra gran tendencia para 2021, es la topografía 3D hiperrealista. Por lo que hemos creado objetos 3D en Photoshop antes en lecciones, pero vamos a llevarlo un paso más allá. Y a las dimensiones de Adobe. Enseño los fundamentos mismos de las dimensiones de Adobe y cómo trabajar con objetos 3D y software en otros cursos y otras lecciones o no voy a enfocarnos en los conceptos básicos de las dimensiones de Adobe, nos vamos a centrar una vez más en las tendencias a la mano, que es cómo crear una topografía 3D realmente realista. Entonces pensé que lo mejor que puedes hacer es darte un recorrido por algunos dos proyectos de topografía 3D diferentes. Yo lo hice. Y luego vamos a crear uno nosotros mismos usando el software. Por lo que puedes ver este es el archivo que tengo para mi 20-20 una foto de portada que tengo para el curso y para las lecciones y cómo anuncié para 2021 clases de tendencias de diseño. Se puede ver aquí es donde lo creé. No se ve muy emocionante en este momento, pero esto es algo así cuando presiono el botón render, que luego renderiza la iluminación final y la refracción y afecta. Se ve mucho mejor después de eso, pero antes de eso cuando estás en el software, no parece demasiado impresionante hasta que lo haces renderizado y puedes ver que realmente suceden todos esos efectos. Creo que una de las cosas más difíciles de aprender software 3D por primera vez es acostumbrarse a las dos formas diferentes de moverse alrededor de un espacio 3D. Y eso es mover los objetos mismos y luego mover el ángulo de la cámara. Por lo que pasan dos cosas totalmente diferentes. Si un ángulo de cámara, no lo hizo, tienes la posición y el ángulo del objeto en un espacio. Y ambos son como dos cosas separadas. He encontrado que eso es lo más difícil de trabajar en un espacio 3D. Entonces cuando repaso esas lecciones básicas y ese otro curso, ya sabes, yo como que repaso cómo, cómo me muevo. Estas son una especie de tus herramientas de movimiento y estas son tipo de tus herramientas de objetos. Entonces así es como mueves los objetos. Entonces si presiono la herramienta Seleccionar, puedo tomar este número dos y puedo moverlo a lo largo espacio 3D para poder moverlo en el eje z, el eje x, moverlo hacia abajo. Y por supuesto, en 3D, tienes una y de tres ejes diferentes. Puedes moverlo para que pueda moverlo hacia adelante, lado, de todo tipo de formas diferentes. Y luego tienes eso es todo tu movimiento Herramientas. Y entonces tendrías todos tus ángulos de cámara. Por lo que los ángulos de cámara van a ser diferentes. No va a cambiar la posición del objeto 3D. Eso va a cambiar tu vista el proyecto. Entonces si tengo esto como dolly, así que voy a salir a Dolly. Entonces si estás acostumbrado a cosas de cámara, tiene la misma terminología es trabajo de cámara. Entonces vamos a salir Dolly y podemos ver toda la pizarra de arte aquí. Y entonces puedo orbitar. Entonces sólo voy a orbitar alrededor. Y así es como estableces el ángulo y la vista de tu render final, que a veces es tan importante como los objetos mismos es el ángulo que tienes de él. Y luego, por último, tenemos sartenes. Una sartén se va a tipo de sartén alrededor del objeto. Y en este caso se puede ver cómo no es super duper, duper complicado. Cómo creé esos números solo dan algunos efectos y materiales e iluminación en algunos números. Tenemos un par de pequeñas formas por defecto que vienen gratis con las dimensiones de Adobe. Esto es un poco de forma de turistas aquí mismo, y luego tenemos que sumar cuadrados. Entonces así es como creé esas cartas. Te voy a mostrar una más. Y la razón por la que quería mostrarte un par de proyectos terminados para mostrarte lo fácil y fácil que puede ser la topografía 3D, sobre todo en dimensiones de Adobe, que me siento como una suela, mucho más simplificada y más fácil de usar que la licuadora. Blender es genial, pero va a tomar horas y horas de práctica aprender licuadora. Realmente solo piensa en las dimensiones de Adobe ya que no existe la capacidad de animar como tiene Blender. Esto podría ser estático tres, así que este es el cartel de topografía que creé aquí. Simplemente tiene algo de material de oro. Todas estas cartas son cartas individuales. Así que acabo de usar esta herramienta de tipo aquí y arrastré algún texto y escribí un carácter a la vez. Y fui capaz de apilar y tener profundidades diferentes para que cuando los juntes, se abracen unos a otros. Y es realmente muy similar a la tipografía plana. Y los personajes planos es lo mismo que haría en Adobe Illustrator, pero sólo lo estoy haciendo en un espacio 3D. Por lo que en realidad no es demasiado intimidante y poner los efectos de material e iluminación adecuados que agrega un poco de complejidad. Pero en general, la forma de equilibrar los personajes y el espaciado entre los personajes es igual que el diseño 2D plano. Simplemente estás trayendo ese elemento 3D extra. Y cuando me voy dolly, a Dolly fuera, puedes ver que pongo todo en esta cajita. Y lo que eso hace es darle un fondo, le da un marco para que no esté flotando en un espacio en blanco. Entonces esa es la única razón por la que puse en esa caja, y esa es sólo una forma simple. Si vas aquí abajo, tienes algunas formas básicas es tus activos de inicio. Tienes algunas formas básicas que puedes traer a tu espacio 3D. Tienes algunos modelos. Y esto es sólo un cubo hueco que traje luego cambiar el material y tipo de ponerlo casi como una caja de fotos, como lo harías cuando estás tomando una foto de algo en la vida real, tener control, la iluminación y el ambiente un poco mejor en esa cajita. No es un objeto flotando en el espacio. Entonces vamos a crear un nuevo documento para que realmente podamos conseguir un mango de topografía 3D. Entonces solo voy a ir a File New y esto podría abrir un nuevo espacio 3D. Entonces aquí está nuestro espacio 3D predeterminado. Simplemente nos vamos a centrar en el texto, esta herramienta de texto, esto es totalmente nuevo en él. Y creo que a principios de 2020. Y por eso es una tendencia ahora porque hace que el tipo 3D sea tan fácil. Por lo que acabamos de traerlo al espacio 3D. Y podemos mover esto alrededor y mover las flechas hacia arriba para mover el objeto a lo largo del espacio 3D. Podemos hacerla más pequeña ajustando aquí estos cuadrados para que podamos escalar. Entonces esto es movimiento, el pequeño cono aquí. Y los cuadrados a lo largo de cada eje lo está dimensionando. Entonces podemos escalarlo, hacerla más pequeña. Y mu, esta es probablemente la parte más difícil de trabajar en un espacio 3D, es realmente llegar a saber cómo escalar y mover tus objetos. Y así para moverlo, Ver este pequeños círculos. Voy a poder rotar. Entonces los círculos están girando, los cuadrados se están escalando y los conos se están moviendo un poco a lo largo del eje y la línea. Entonces hay una especie de tres pequeños elementos diferentes que solo tienes que acostumbrarte a hacer esto un poco en las lecciones. Y si alguna vez quieres hacerlo bien en esta cuadrícula de línea base, puedes hacer clic en el medio y eso está bien. Alinearlo a la superficie. Entonces justo ahí está la superficie de mi espacio 3D. Y por supuesto podemos cambiar el ángulo de la cámara. Tenemos un par de opciones. Tenemos Orbit, pan y dolly. Entonces todos estos van a hacer algo diferente muñeca, lo va a traer. Órbitas, podrían orbitar alrededor. Se puede ir todo el camino hacia el cielo. Y hay que usar una combinación de un par de estos para juntar realmente todo. Entonces sigamos adelante y tecleemos nuestro tipo. Por lo que tengo mi objeto seleccionado, solo haciendo la herramienta Seleccionar. Y voy a bajar aquí a mi texto y solo teclear con el fin de 2021. Y quiero hacer un efecto diferente para cada letra. Entonces voy a teclear dos y voy a escalar esto, hacerlo más grande. Y luego lo voy a mover por el eje justo aquí. Y hay dos. Y ahora mismo está en aéreo. No tenemos que usar Arial que conozco a todos los que conozco vamos a tener aires, así que podría, podría quedarme con ello sólo porque sé todos tendrán acceso a esa fuente. Entonces dejémoslo solo a la aérea. Vamos a mantenerlo en forma regular. Pero si alguna vez quisiste cambiar el kerning, el tamaño del espaciado, todo eso está justo aquí en esta zona. Entonces lo que me gusta hacer es que solo voy a copiar esto para empezar a hacer Comando C, Comando V y copiar. Y lo que podríamos hacer es que podemos cambiar las cámaras. Tienes que cambiar ese ángulo de cámara a menudo para obtener una perspectiva que te guste. Por lo que podrás mover estos aspectos destacados. Entonces voy a moverme a lo largo de la z y lo va a mover tipo de diagonal y la posición diagonal. Un poco incómodo, eso está bien. Y lo que voy a hacer, y esto es lo genial de la topografía 3D. Puedes tenerlo en capas. Por lo que en 2D plano capas cosas agregando sombras y otras cosas. Pero esto, literalmente podemos capas de esta cosa y tenerlas en diferentes planos, lo cual es realmente genial. Por lo que podemos hacer como 20. Y entonces podemos duplicar esto y luego tener esto PARA 2021. Podemos capas esto en la parte superior. Entonces voy a traer eso, traerlo de vuelta. Tan solo tratando de encontrar la posición correcta para esto. Y luego duplicado de nuevo escribiendo en uno en el cuadro de texto. Queremos asegurarnos de que uno sea legible. Entonces, asegurémonos de que lo suficiente del que sea visible para que puedas leerlo. Lo bueno es que lo he visto como el ejemplo que mostré sobre la topografía 3D, donde puedes tener cosas un poco juntas. No hay que tenerlos todos en el mismo avión pasando por ahí. Se pueden tener las cosas en ángulo. Entonces digamos que tenemos estos dos o estos dos y el que podemos llevar este hacia adelante, podemos rotarlo en un plano diferente aún así, quiero decir, solo, realmente tienes que pensar que es, es un espacio totalmente diferente para tipo de pensar sobre. Y entonces puedes, por supuesto, orbitar esto y conseguir para que puedas ver cómo puedes crear algunas cosas bastante cool. Voy a volver a lo que tenía. Siempre se puede cambiar ligeramente el ángulo, tipo de darle más de esto. Se ve roto para que solo esté tomando la Herramienta Mover, seleccionando cada letra, solo haciendo un poco girando. Y lo que es genial, va a captar la luz en diferentes ángulos a, así que si tengo esto en un ángulo diferente, va a atrapar la luz de manera diferente a los otros ángulos, lo que tipo de le da un Look dinámico. Tenemos tres ejes. Por lo que incluso podemos hacer una rotación x, rotar x, puede ser plana hacia abajo. Es decir, puedes hacer todo lo que quieras aquí. Con topografía 3D. Esto es lo que es tan guay al respecto. ¿ Son tantas infinitas posibilidades? Y podemos sacar eso. Podemos incluso tener que estar flotando si quisiéramos. Por lo que ahora podemos aplicar ciertos efectos. Entonces lo que quiero hacer es querer Dolly y un poco enmarcarlo un poco mejor. Y solo voy a hacer mis bragas y solo mis herramientas de cámara. Yo sólo voy a hacer la cámara. Voy a seguir adelante y salvarlo. Y lo que vamos a hacer a continuación es que vamos a poder aplicar diferentes materiales a esto, para realmente hacer de esto un conjunto de estera plana, realmente podemos aplicar muchos materiales diferentes e incluso hacer algunos no biselados. 13. Proyecto #3: tipografía 3D - parte 2: Entonces hablemos de biseles. Por lo que esta es una nueva herramienta de tipo agregada en 2020, es que vas adelante y seleccionas tu objeto y puedes desplazarte hacia abajo y tienes esta pequeña opción de bisel aquí. Voy a seguir adelante y activar esto y se va a añadir un bisel. Y hay muchos efectos biselados diferentes que puedes hacer, una especie de clásico. Y si has hecho estilos de estratificación y Photoshop, estos son muy, muy, muy similares. Tienes más de un liso alrededor, se ve casi como este bonito borde liso. Tienes paso convexo. Se puede recorrer un poco por estos. Se puede ver cómo este casi da una especie de borde que se ve realmente genial y te gusta un borde metálico y cuadrado. Entonces para este, podemos hacer un par de diferentes solo para tener looks diferentes. Se puede cambiar el ancho para que no sea tan prominente. Puedes hacerlo súper prominente. Se puede hacer sólo un bisel asentado. Se pueden cambiar los ángulos para que salga o que entre. Hice muchas de las cosas con mi 20-20 una gráfica que te mostré antes. Incluso puedes repetir el bisel Así puedes tener 234 y hacerlo realmente detallado. Incluso puedes cambiar el espacio que importa cuando tienes más de un bisel. Se puede agregar espacio entre los guijarros así. Entonces eso es súper aseado. Entonces sigamos adelante y solo tengo la herramienta Mover. Voy a seleccionar el o o o el 0. Y añadamos un bisel a éste también. Hagamos uno diferente. Pero me gusta el look redondo para que pueda cambiar el ancho. Entonces pasemos al número dos, al segundo número dos, quizá hagamos un bisel clásico y lo cambiemos. Vamos a ponerlo realmente fuera. ¿ No es eso justo aquí? Mira eso. Es plano y luego empuja hacia fuera a medida que cambio el ángulo, un poco lo empuja. Entonces hagámoslo. Eso es interesante. Agregando los anuncios de repetición todas esas pequeñas capas diferentes. Y hagámoslo más espacio entre los dos. De acuerdo, y ahora vamos a hacer este suave ya que esos dos son afilados. Hagamos esto suave. Hagamos un buen alrededor, hagamos un contorno alrededor. O ya tenemos mucho bosquejo que va. Entonces vamos a hacer otra ronda. Justo así. Entonces eso se ve genial. Entonces un par de cosas que tenemos que hacer, tenemos que poner esto en un fondo porque ahora mismo literalmente está flotando sobre blanco. Entonces me gusta ponerle un material a su alrededor similar a eso, casi como una caja de fotos como te mostré antes, solo para ponerlo en algo. Entonces vamos a ir, vamos a seguir adelante y alejarnos. Vamos a alejarnos, que básicamente son herramienta Dalí. Y vamos a alejarnos y vamos a orbitar alrededor para poder seguir adelante y meter esto en una caja. Entonces vamos, podemos hacer eso creando un par de aviones. Para que pudiéramos poner esto en una superficie. Este es nuestro avión y por supuesto podemos escalar esto, hacerlo más grande. Y podemos construir nuestra propia cajita alrededor y hacer diferentes materiales. O a veces como una forma más rápida de hacerlo es me gusta usar el cubo. Entonces voy a bajar todos estos, vengo gratis con dimensiones de Adobe y tener este cubo hueco. Voy a traer el cubo hueco y voy a encajar todo esto dentro. Entonces voy a necesitar que esto sea mucho más grande. Escala y luego lo voy a girar. Y especie de poder poner todo esto en una caja. Tan sólo como un súper rápido de hacer, puede que no sea la forma más eficiente, pero ya sabes, funciona. Vamos a escalarlo tan bloqueado demasiada luz de la iluminación global, a la que llegaremos en un segundo. Y sé que esto es mucho si nunca has estado en dimensiones, Dolly fuera y luego solo seguir haciendo ajustes a esto. Y ahí vamos. Así que tengo toda la caja aquí. Tomemos nuestros números. Vamos a tener que Dolly de nuevo dentro. Y entonces vamos a tener que llevarnos todos estos pequeños objetos aquí. Por lo que vamos a mantener pulsado el turno y seleccionar todos nuestros objetos. Incluso puede subir a objeto y agrupar todos estos para que puedas mantenerlos como un tipo de objeto. Y ahora podemos ponerlo en el espacio. Entonces ahora está en alguna parte. No es solo flotando por ahí. Y así solo estoy tomando la herramienta de la cámara, un poco consiguiendo el recorte o presentación correcto. Ahora lo único que falta, y llevemos aquí nuestra cajita y puedo rotar esta caja y darle cualquier tipo de ángulo así como así. Ups. Entonces ahora lo que realmente va a hacer que esto cobre vida es el material y la iluminación. Entonces vayamos a los materiales que tenemos aquí en nuestros activos de arranque. Vamos a ir todo el camino hasta los materiales. Hay muchos materiales que podemos utilizar que son todos gratuitos, que ya están cargados con dimensiones de Adobe. Tenemos policías y dorados, y canicas y madera y todo tipo de cosas diferentes. Y en este punto cuando llego a los materiales, me gusta hacer prerendering. Por lo que la prerendering no es una especie de opción nueva a las dimensiones de Adobe dentro del último año. Pero tienes una, una vista previa de render justo aquí arriba. Voy a seguir adelante y ponérmela. Ocupa una gran cantidad de recursos informáticos. Entonces es cuando tu computadora podría disminuir un poco la velocidad. El mío sí. Está bien. Pero se puede ver como se verá cuando se renderice. Para que puedas encenderla y apagarla. Entonces si realmente quieres hacer movimiento mayor y mover la cámara, quizá quieras tenerla apagada, pero si estás listo para los materiales y para ver realmente cómo se ve la iluminación, sugeriría ponerte tu renderizado. Entonces eso es antes. Y luego aquí hay un pre-render. Realmente se puede ver cómo se va a ver la iluminación y todo. Y toma un par de segundos para que funcione un poco. Pero eso es un poco ya se ve mucho mejor cuando tu indirecta. Por lo que no estás en modo Vista previa. Entonces ahora cuando arrastramos y materiales como el hielo, podemos simplemente arrastrar eso justo a nuestro número. Y podemos cambiarlo para que parezca hielo. Y se puede ver cómo es como que se muestra a través de esos diferentes materiales. Por supuesto, que esta caja, esta dentro de la caja puede cambiar a, podemos traer un brillo que es un poco uno de mis favoritos, un poco por defecto. Mira aquí, brillante, va a ser brillante. Eso va a reflejar un poco mejor la luz. También puedes hacer como una caja negra. Entonces todo esto va a afectar tu iluminación y cómo se ven las cosas en la caja negra realmente va a dejar que ese vidrio mire a través. Podrías hacer muchas cosas diferentes, quiero decir, solo hay tantas cosas diferentes que puedes hacer. Lo que es realmente ordenado de las dimensiones de Adobe es que puedes aplicar diferentes materiales en el mismo tipo de carácter, por lo que podemos poner un material diferente en la parte delantera, un material diferente en la parte posterior. Entonces digamos que tenemos esto como, como todo vidrio. Y así lo que hicimos fue arrastrar vidrio esmerilado o justo sobre el número dos, y se convirtió en vidrio esmerilado, que es realmente genial de aspecto. Pero incluso podemos agregar una espalda a esto para que pueda ser increíblemente complejo. Entonces, por ejemplo, el que hice, tenía una especie de vaso por dentro y una espalda, pero tenía una especie de oro por fuera o lo llaman el bisel. Y así se puede hacer un tipo de personajes realmente dinámicos. Entonces digamos que quiero agregar un bisel de oro a esto. Entonces todo lo que hice es seleccionar el objeto siempre que. Este tipo de como tu panel Capas. Entonces esto también es texto. Entonces sigamos adelante y solo titulo estos dos primeros. Entonces sólo sabemos cuál es, tiene una flecha pequeña aquí. Aquí es donde se pueden editar muchas de las características del personaje. Y tienes cuatro lados diferentes. Tienes los biseles, tienes la espalda, tienes la cara, que es el frente. Y los lados. Dirá que quiero agregar un material diferente a los lados de los dos. Puedo traer latón y en vez de arrastrarlo arriba, lo voy a arrastrar justo aquí a un costado. Y lo va a cambiar. Y añadió especie de oro en los costados, lo que lo hace súper fresco. Podemos incluso podemos tener un frentes de vidrio. Volvamos por el pulgar, la flecha, tenemos una tenemos todo esto es vidrio ahora mismo. Entonces, ¿qué pasa si en la parte posterior tuviéramos algún tipo de latón para que puedas ver la parte posterior a través del cristal. Por lo que será vidrio en la parte delantera y sujetadores en la espalda. Cosas tan realmente interesantes que puedes hacer. Podemos incluso hacer hielo. Hagamos hielo en esto también. Y cambiemos el bisel Así podría escuchar en los textos. Entonces este va a ser el segundo seguir adelante y etiquetar nuestras capas para que sepamos qué está pasando. Haga clic en la flecha. Tenemos nuestros cuatro lados diferentes aquí. Entonces hagámoslo harías lo haría en los biseles. Entonces ve cómo una madera añadida ahí mismo en los guijarros y la convierte en un tipo de look realmente interesante para senior siempre puede cambiar eso si no te gusta. A lo mejor hacer algo tipo de brillante. Creo que les han puesto Cobre y justo como una mirada de cobre oscuro. Trae eso a los guijarros. Y eso va a poner cobre en las burbujas ahora. Y por supuesto se complica realmente. Una vez más, podría pasar horas en dimensiones de Adobe, pero cada una de estas tiene asperezas diferentes. Entonces si yo aumento la rugosidad, eso lo va a hacer más aburrida. Si lo disminuyo, va a hacer que sea más reflexiva de la luz que hay alrededor en el medio ambiente. Y vuelve a salir. Y si haces click en la capa principal, lugar de entrar en especie de las opciones extra y solo tienes esto seleccionado y vas aquí abajo y así es como tipo de editar lo que hicimos antes. Pero vamos a entrar aquí. Y en lugar de cobre de tal vez una plata. que puedas editar el individuo Si solo lo arrastras a la derecha sobre el personaje, solo va a hacer todo el personaje ese material. Por lo que vamos, incluso se puede cambiar de colores. Entonces hagámoslo, subamos y hagamos brillante. Es como un aspecto de plástico. Entonces voy a traer brillante en el número uno, el segundo. Entonces eso lo va a hacer un poco brillante. Y puedes cambiar el color muy fácilmente seleccionando. Y aquí mismo, sólo tengo este texto porque no voy a entrar en las opciones extra. Yo sólo tengo aquí texto para. Voy a bajar a esta pequeña zona aquí mismo. A esto se le llama el material selecto. Voy a seguir adelante y hacer clic en él. Algunos permiten cambiar el color de los materiales y otros no. Este, el brillante te permite cambiar el color, así que solo voy a dar clic en Color. Digamos que quiero hacer como un amarillo brillante. Puedo hacer un amarillo brillante. Y hay un libro de color amarillo brillante fresco que se ve realmente bien en el negro. Y una vez más, puedo entrar y agregarles material a esto. Entonces si quería agregar un material a un costado, puedo traer este material oscuro a un lado. Así que piensa en todas las diferentes combinaciones que tienes con las que puedes crear cosas. Entonces hagámoslo, hagamos las adeudas. Algo diferente a lo que podemos hacer. Este limpio aspecto de Oro curso, ya tienes un poco de oro en los ceros. Entonces queremos tener, ya sabes, no queremos tener toda esa mezcla. Pero lo que me encanta de las dimensiones de Adobe y es esto solo un pre-render? Entonces se verá mucho mejor cuando hagamos el render completo porque es un poco borroso. A ver cómo se ve un poco borroso. Se renderiza mucho más suavemente cuando tienes, dale a tu computadora 20 minutos para renderizarla. Pero me encanta cómo ver cómo se refleja el oro en los dos. Y rebota de lo adeudado aunque justo aquí. Simplemente me gusta cómo interactúan todos estos. Y ahí es cuando se puede cambiar la posición de este tipo de ver cómo interactúan las cosas. Lo que me gusta es que en realidad puedes tenerlo encubierto. Ellos ven otro fusible juntos ahí mismo. Puedes dejarlo así. E incluso parece que se fusionan entre sí. Es un poco que le da un aspecto realmente interesante. Por lo que podemos cambiar la posición de estos. Traigamos eso de vuelta y veamos. Y ese, ese eje z, un poco difícil de ver, pero puedes tener este tipo de ir a mitad de camino. Y lo mismo con esto. Y hasta se puede ver un poco a través porque ese tiene una especie de aspecto de vidrio. Pero, ya sabes, puedes complicarte realmente con esto si quisieras. Y lo que ha cambiado el material a dos. Hagamos un color diferente con esto. Hagamos lo brillante. Y número dos, y cambiemos el color. Entonces voy a volver y cambiarlo a como un rosa o azul, o azul. Ahí vamos. Entonces eso saldrá e interesante en el pre-render. Y puedes cambiar el ángulo de tu cámara en cualquier momento podría cambiar una caja de fondo ahí. Ser enemigo de tu material, te gustaría. Por lo que yo sólo quería un tipo de demostrar esto rápidamente. Ya sabes, puedes pasar un par de horas realmente aprendiendo, pasaste un buen día aprendiendo las dimensiones de Adobe. Para que puedas crear algunos efectos realmente interesantes. En realidad se trata de jugar con los diferentes materiales, la iluminación. Ni siquiera tocamos demasiado en la iluminación. Puede cambiar. El lente es solo la iluminación predeterminada, pero puedes entrar en el entorno y también puedes cambiar la iluminación ambiental, para que puedas hacerlo más intenso. Se puede hacer la rotación de una luz, diferentes luces de Coursera que solo la predeterminada. Uno puede traer tus propios blancos. Por lo que tienes diferentes ángulos de clima, la luz, fuentes de iluminación provenientes de. Entonces todo eso tiene un gran efecto en cómo se ve el texto también. Especialmente cuando tienes materiales brillantes, a veces la iluminación y la forma en que refleja realmente cambia. Para que puedas ver cómo el, oh, se ve realmente genial ahí. Podemos llevarnos estos tres. Y podemos conseguir la herramienta de muestreador, muestrear ese oro. Podemos llevarnos los dos, solo estoy tomando muestras, solo estoy tomando esta pequeña herramienta cuentagotas, herramienta de muestreador. Y yo sólo voy a hacer todo este oro sólo por diversión de él. Conseguir una herramienta de muestreador, haciéndola del mismo material. Y así, tenemos este tipo genial de libro de goles. Si no quieres que sea súper brillante y quieres tener un acabado más mate. Y, y hablamos de tendencias de diseño. ¿ Cuánto más de un acabado mate se ve realmente bien? Digamos, sigamos adelante y seleccionemos esto para entrar en nuestras opciones. Y tenía estas propiedades aquí abajo y se puede aumentar la rugosidad. Entonces cuando aumentas la rugosidad, estás quitando ese aspecto metálico brillante y lo estás haciendo más Matt. Por lo tanto, aumenta la rugosidad. Por supuesto que hay pátina es si sabes lo metalizado, sí, agrega como una pátina, Ve cómo automáticamente un poco muñecas y un poco. Entonces si estás corriendo una especie de brillo más opaco y no tienes tanta reflexión que puede hacer que todo se vea por encima del proceso. A veces se puede hacer eso también. Yo quería mostrarte cómo renderizar. Entonces digamos que tengo esto listo para ir. Fui a renderizarlo. Tengo este pre-render encendido. Puedo seguir adelante y seleccionar eso fuera. Se puede ver como se ve. Y luego aquí está el pre-render. Hagamos un render final, y esto lleva algún tiempo. Por lo que podemos ir pinchando aquí para renderizar. Entonces en este momento estoy en modo diseño y puedes hacer click sobre para renderizar. Y se puede renderizar este alto, que es el, la mejor resolución y estableciendo nuestra calidad, supongo que se puede decir porque todo va a ser la misma resolución. Si quieres un realmente de alta calidad, va a tardar mucho tiempo en renderizar. Esto probablemente tardaría unos 45 minutos. Normalmente me gusta hacer medio porque soy bastante feliz con calidad media. Depende de para qué sea tu renderizado. Si vas a hacer un cartel grande que vas a imprimir, probablemente quieras tomarte el tiempo para hacer alto. Pero en este caso voy a hacer medio. mí me gusta tener un PNG de ella y me encanta tener un archivo de Photoshop porque puedes entrar a Photoshop y hacer algunas ediciones en él. Entonces sigamos adelante y rendericemos. Y vamos a renderizar esto. Y siempre podemos traerlo a Photoshop porque me encantan las dimensiones de Adobe, pero a veces realmente quiero sacar destellos y sombras y un poco más de saturación e intensidad. Entonces me gusta traerlo a Photoshop y solo agregar eso usando Dodge and Burn y algún otro tipo de herramientas para ayudar como realmente sacar los colores un poco mejor y para afilar. Por lo que casi siempre necesita ser editado en Photoshop para tener un look pulido. Entonces lo vamos a hacer realmente rápido con esto. Y luego lo haré, lo último que haré es mostrarles cómo tipo de armar el cartel de topografía. 14. Proyecto #3: tipografía 3D - parte 3 3: Entonces aquí está nuestro archivo de Photoshop que acaba de renderizar tardó unos diez minutos, así que no estuvo tan mal porque hice un render medio. Entonces estoy aquí en Adobe Photoshop y podemos, por supuesto entrar y agregar muchos cambios y ediciones a esto. Podemos afilar. Realmente podemos sacar efectos. Entonces tengo, tienes un par de estas capas adicionales que se agregan que puedes activar y desactivar este tipo de temas más avanzados. Entonces, solo sigue adelante y apaga eso. No te preocupes por estas capas adicionales. Simplemente nos vamos a preocupar por el, la capa principal aquí. Lo primero que tenemos que hacer es hacer clic derecho en crear dos objetos inteligentes. Para que podamos conservar la fuente original de la foto y jugar. Ir a ajustes de imagen. Podemos hacer exposición a la vibración, todas estas cosas diferentes me gusta ir a sombras y reflejos. Realmente puede sacar sombras y reflejos esta manera puede sacar el fondo más. Si quisieras alegrarlo e ir tonalidad y saturación para que podamos retocar un poco el tono. Podemos incluso hacerla más cobre si quisiéramos aumentar la saturación me gusta afilar para que pueda subir a afilar. Afilar más un poco ayuda a realmente sacar detalles. Y solo para mostrarte la diferencia, post render, editando hace y Photoshopped. Este fue mi antes de mi foto de portada de tendencias de diseño 2021. Y después de unos cinco minutos de retocar, haciendo algo de Dodge and Burn a algunas de las letras, sacando algunas de sus sombras y también sacando algunos de los aspectos más destacados. Pude modificarlo un poco, incluso retocar los colores para obtener un aspecto bonito más pulido, acabado en Photoshop posts render. Lo mismo para mi póster de tipografía, este tipo de antes. Y este es el después, poco agregó unos tonos un poco más cálidos a la meta para que sea un poco más de cobre y solo un poco más sacó algunos acentos. Entonces solo quería mostrarles esto. Esto no se suponía que necesariamente te enseñara las dimensiones de Adobe, sino que solo un poco mostrarte lo fácil que es crear una topografía 3D que sea hiperrealista. Hay mucho más en las dimensiones de Adobe para aprender mucho sobre la iluminación, y eso fue solo tipografía. Podrías hacer objetos, combinar objetos juntos para crear nuevas formas son tanto contenido genial en YouTube sobre las dimensiones de Adobe también. Por lo que solo quiero que estés al tanto de esto como una opción para ti. Puedes integrar topografía 3D y casi cualquiera de tus diseños, cualquiera de tus branding. Puedes usarlo para casi cualquier cosa. Entonces de todos modos, ojalá eso sea mucho más fácil de lo que pensaste que sería. Creo que las dimensiones de Adobe querían que fuera fácil para todos. Entonces ahí lo tienes. Ahí está la siguiente tendencia de diseño en los libros. Bono. Quería ir más a fondo sobre cómo creé este póster. Te mostré un poco antes sobre tipo de cómo se construyó, pero se construyó de la misma manera que hicimos el proyecto de clase con solo cada letra de tipo individual, igual que hicimos el 2021. Y déjame seguir adelante y rotar esto. Se puede ver como se ve todo esto. Y cambié la profundidad de cada uno para especie de ver cómo la a y el oligo y seguir adelante y acercar aquí para ti. A ver cómo el tipo de entra en el ARN, poco hace que se fusione juntos. Ese es exactamente el efecto que hicimos con el 2021 donde juntamos algunos textos. Y cambié la profundidad de algunos de estos. Y para cambiar la profundidad, puedes hacer click en el personaje, solo tienes que dar click en el texto. Entonces digamos que esto es g. Probablemente podría etiquetar estos, bajar y se puede cambiar la profundidad. Por lo que puedo disminuir la profundidad. O aumentar en cuando aumentas la profundidad y todos estos y los juntas todos así. Se puede crear este fusionado. Mira que tienes aquí. Y tiene una especie de no es el reflejo, no lo es, es un poco más aburrida. Entonces si entro en el material que entra en los detalles de cualquiera de estos, puedes ver mis opciones de materiales. Tengo un poco de rugosidad, así que no va a ser el super-duper, metal brillante. Es un poco áspero, así que tiene este tipo de acabado mate para él. Y así si tomo la vista previa, la vista previa del render desactivada, se puede ver un poco mejor cómo se construye todo esto. Entonces sigamos adelante y alejemos el zoom. Lo tengo en una caja. Entonces hay una especie de mi caja de fotos, si se quiere. Y cuando se trata de gustar, arreglar tipo, ya sabes, esa es la parte. Como dije antes. Es muy similar a organizar el tipo 2D en términos de legibilidad. Y al igual que arreglarías, incluso podrías arreglar esto de una manera que te guste en Adobe Illustrator primero para obtener una idea de diseño como dónde quieres, ¿cómo quieres que se apilen? Ya sabes, podría ser totalmente diferente. Mira cómo tengo ahora. Por lo que la topografía. Y una vez más, estás en un espacio 3D, así que no todo tiene que seguir el mismo plano. Para que puedas tener las cosas convertidas en un signo diferente. Es decir, hay tantos arreglos diferentes. Muchas veces me gusta preplanear en Adobe Illustrator y vector primero. Buena idea, Pero claro, espacio 3D, es difícil hacer eso. E Illustrator, podríamos simplemente darle la vuelta. Y de repente sí le gusta una opción diferente en este tipo esta opción de tipo, fuego de carbón. Tenía esto en mi computadora hace un tiempo. Y la razón por la que no hice esta tipografía en particular para un proyecto es porque ya no creo que esté en fuentes de Adobe. En ocasiones, las fuentes de Adobe eliminan las tipografías y ya no tienen acceso a ellas. Todavía tengo este instalado, pero no quería necesariamente hacerlo por un proyecto si ustedes no pudieran acceder a esa tipografía, odiaría hacerte eso, hacer un proyecto y no tendrías lo mismo tipografía con la que trabajé. Simplemente me gustó mucho cómo se veían los. Cómo un par de estas letras un poco así de interesantes puedes encontrar cualquiera, puedes usar cualquier fuente aquí, cualquier fuente que puedas instalar, incluso las realmente decorativas, aún puedes traerlas si es una fuente, se puede utilizar y dimensiones de Adobe. Para que puedas hacer tipografías serif, scripts, y solo algunas cosas realmente aseadas. Y quería mostrarte una otra. Yo solo me mostré como se puede armar topografía y objetos también. Entonces este es uno que hice por el color. Para que veas cómo traje un cubo y traje letras, y jugué con los bloques y las letras para que algunas de las letras o adentro, en solapar la caja, así parece que están fusionadas juntas. Este es un elemento líquido. Va a sacar eso, este pequeño elemento líquido. Podrás encontrar todos estos en tus activos de arranque. Déjame ver dónde están. Van a estar en las modelos. Vamos, hay diferentes efectos de salpicadura. Por lo que puedes traer esto y puedes rotarlo igual que el tipo y agregarle material y puedes escalarlo y hacerlo más grande e incluso puedes traer esto. Tengo una especie de aspecto plástico, así que casi parece pintura. Pero incluso puedes traer vidrio para darle al Vidrio que parezca agua también. Por lo que se puede un material puede cambiarlo a. Entonces solo quería mostrarles cómo se construyen estos. Cursos podrían tardar una hora en mostrarte cómo, cómo un construido todo esto. Pero esto es una especie de, se puede ver que pongo algunos materiales aquí abajo. Entonces le da una especie de ambiente en el que estar en lugar de solo estar flotando sobre un entorno blanco. Pero así es como se armó esto. Déjame salir Dolly. Se puede ver todo el espacio. Pero yo diría que esto tardó unos 30 minutos más o menos en armar. Y luego por supuesto, tal vez diez minutos y Photoshop para retocar un poco los colores para sacar más sombras, reflejos, y hacerlo más dramático. Pero eso es más o menos. Ese es el espacio 3D, eso son las dimensiones de Adobe. Solo quería mostrar proyectos en los que trabajé para mostrarte lo rápido que puedes armar estos. Y no puedo esperar a ver algunas de tus cosas, tu topografía 3D. Si quieres echarle una puñalada, me encantaría ver trabajar algún proyecto estudiantil. Me encantaría compartirlo en mi Instagram en Lindsey marsh design. Si quieres etiquetarme, me encantaría compartir tu trabajo 3D que has hecho en dimensiones de Adobe con tipografía.