Tu primer diseño de aplicación móvil

1. Introducción: Hola a todos. Mi nombre es Ra y soy diseñadora UX. En este curso, te voy a mostrar cómo construir desde cero una app completa de edición de imágenes para IUS usando Figma. Y te voy a mostrar algunas de las técnicas básicas que hacen la mayoría de los diseñadores. Incluso si no tienes experiencia haciendo diseño, esto debería ser útil para que lo apliques en tu proyecto de diseño. El curso primero lo construiremos en pantalla de embarque. Entonces vamos a movernos para crear nuestra pantalla base de inicio, estado de ánimo, retratar, pantalla, robar, y rotar pantalla y mucho más Durante esta clase, aprenderás técnicas de diseño para mejorar tu diseño y hacerlo más único. Aprenderás a crear app de humor oscuro y a usar la máscara para cada capa. Y cómo agregar degradado para mezclarlo con imagen y mucho más. Únete a mí en este viaje de aprendizaje y vamos a cerdo. 2. Archivos de clase y proyecto: Bienvenido a nuestro primer video para nuestro curso de felicitación, y comencemos a construir nuestras aplicaciones Entonces en esta sección, te voy a mostrar todo el recurso que vas a necesitar para crear y diseñar nuestra app. Entonces, lo primero que necesitarás usar es el kit Ios 16 UI. Esto consigue algunos de ellos son gratuitos y algunos de ellos son de pago, pero vamos a usar este, el gratuito. Y está contenido cientos de ensamblaje de componentes, demo, todo lo que necesitas para comenzar cualquier diseño, no este diseño, sino cualquier diseño relacionado con la aplicación Ios Y también vamos a necesitar usar la fuente Noto Sans de Google Y esta fuente tiene una fuente de alta calidad con ancho y alto múltiples, y también es de uso gratuito. Además, vamos a necesitar usar SF-Símbolos-navegador. Es un plugin dentro de Figma, y está contenido alrededor de miles de iconos Pero claro que no vamos a usar todos estos iconos. Vamos a usar algunos iconos de aquí y podrás tenerlo como recurso en el futuro. Y también necesitas tener unsplash algunas imágenes de retratar para nuestro diseño de cámara Necesitas descargar el plug-in dentro de Figma de Unsplash que vamos a necesitar mucha foto porque es una foto de Edición de Cámara y todos estos enlaces, voy a dejar abajo en la descripción aquí Puedes acceder a estos recursos en cualquier momento. Y comencemos 3. Pantalla de incorporación: En esta sección, vamos a crear nuestra primera pantalla, que es la pantalla de incorporación Entonces como pueden ver aquí, tengo mi Interfaz Figma y tengo aquí a la página de activos de salarios donde tengo todos los activos que voy a usar para mi proyecto Y aquí mismo tengo Page a donde puedo crear diseño de mina. Así que haz clic en F y voy a elegir iPhone 14 Perú. Y voy a crear un radio de esquina 50 y cambiar el color de relleno para que sea 020 51f Y vamos a necesitar aquí están barra de estado del hogar y los indicadores de inicio. Así que ve a los activos y muévete aquí abajo y vamos a seleccionar para, déjame acercar pedacitos. Y voy a seleccionar estos activos y traerlos aquí. Voy a moverlo fuera del marco, moverlo un poco aquí, y solo seleccionar la barra de estado que voy a usar y traerle una línea dentro aquí como para que pueda alinearla así y traiga el indicador de inicio aquí abajo. Y puedes usar alineación inferior. Y voy a quitar esto. Y también necesitamos aquí nuestros antecedentes. Entonces nuestro fondo va a ser la cámara y vamos a papel aquí. Entonces selecciona estas imágenes, ponla aquí dentro y voy a moverla por aquí y solo arrastra la cámara dentro del marco como así. Y voy a jugar con la rotación. Van a ser 30 y también hay que simplemente arrastrarlo un poco. Entonces voy a crear para la posesión va a ser menos 507 y para la posición Y va a ser 256. Y usemos esta imagen como fondo de pantalla. Así que arrástralo dentro del marco. Entonces tenemos que jugar con esto. Entonces seleccionamos en la capa y necesitamos cambiar, la posición va a ser negativa 133.4 La posición Y va a ser negativa uno a uno y entrar. Y también voy a cambiar la capa. El color va a ser de color holandés. Y voy a acercarme para poder ver, voy a mover estos tres estados de casa y lo hice crecer como estadísticas de casa y moverlo aquí arriba. Y también tenemos que agrupar estas capas de imagen y voy a nombrar que paga marco y movernos hacia arriba para el indicador de inicio. Entonces como puedes ver aquí abajo, no tenemos contraste en el color para la imagen. Entonces, para arreglarlo, voy a crear un marco. Así que haz clic en F y arrástrala como tal. El marco con 393.4, la altura va a ser 334 Y voy a moverlo un poco hacia arriba. Y dentro del marco necesitamos rellenar, crear un relleno, hacer clic en lineal, y el color en la parte inferior va a ser 000210 y opacidad 100, y el color en la parte superior va a ser el mismo Así que solo toma el mismo color y pega aquí, pero va a ser cero aquí Y solo mueve estos pedacitos aquí para hacer más contraste. Supongo que esta bien ahora mismo. Y aquí abajo necesitamos crear un encabezado o titular para nuestra aplicación. Así que consigue la Herramienta Tipo y simplemente escribe nuestro encabezado. Ahora creo el rubro que vamos a necesitar. Y vamos a atar en una fuente y asegurarnos de que el tipo de fuente, es Noto Sans Voy a cambiar la fuente para que quede en negrita. El tamaño de la fuente va a ser 44 fuentes. La altura va a ser auto lift. Necesitamos auto altura y solo vamos a moverlo así. Ahora vamos a crear nuestro fondo aquí abajo. Simplemente escriba F, cree aquí y obtenga su herramienta de tipo y cambie el tamaño a 15. Y voy a escribir aquí, probarlo gratis y dejarme cambiar el formado en el medio. Voy a simplemente arrastrarlo aquí solo para poder verlo e ir a la composición tipográfica Y necesito ponerla media y altura auto. Y vamos a hacer clic en el marco. Tenemos que arreglarlo para que el diseño va a ser el centro y arreglarlo con fijo su altura. Y la hierba ver aquí va a ser 204, la altura va a ser 44, y voy a crear 34 border-radius Y también necesitamos crear una sensación de que el fondo va a ser lineal y el color en la parte superior va a ser 65 73ed Y el color en el fondo va a ser uno para D a E, seis de nosotros, es el mejor va a ser 100. Entonces voy a crear un trazo va a ser 0.5 dentro de mí. Obtener superposición y cambiar el color para que sea blanco. Voy a hacer zoom para ustedes chicos. Apenas veremos en también necesitamos agregar un efecto va a ser sombra lineal y 33 para el color va a ser 788ff y la adversidad va a ser 25% y necesitamos alinearlo al centro Y así ahora que tenemos, nuestra primera Pantalla es 3D. Tenemos que cambiar el nombre del marco aquí mismo y nombrarlo en la pantalla de incorporación Ahora tenemos nuestro primer proyectado en el siguiente video va a ser capaz de crear la página principal es Pantalla 4. Pantalla de la página de inicio: En esta sección, vamos a crear nuestra Pantalla secundaria, que es la pantalla de inicio. Entonces como puedes ver aquí, tengo nuestro primer diseño de onboarding Screen Entonces para crear la segunda pantalla, voy a duplicar este fotograma. Voy a quitar todo dentro del marco, esperar la barra de estado y el indicador de inicio y mover el indicador de inicio fuera de este marco eliminado. Y voy a cambiar el nombre de la capa a la pantalla de inicio así. Y ahora nuestro marco está listo para comenzar a diseñar. Déjame acercar y aquí arriba necesitamos crear otro marco. Y sólo voy a crear un marco. Y el tamaño del marco para el trigo, 393.4, altura 44, y el espacio entre la barra de estado y el marco es cero Ahora necesitamos aquí nuestro icono. Así que ve a los activos y elige nuestros íconos SRF y copiados y pegados aquí. Voy a arrastrarlo hasta aquí. Y voy a elegir el icono de cuenta aquí y arrastrarlo aquí. Y también necesito un ícono más aquí. Ahora el tamaño del icono es 44 para las malas hierbas y 4044 esconderse en el espacio entre cada icono es cero, y ahora necesitamos crear nuestro título No olvides alinearlo. Ahora vamos a crear nuestros títulos. Así que voy a traer esa herramienta de mecanografía aquí y escribir mi estudio. Solo voy a arrastrarlo por aquí y solo poder ver ahora se asegura de que el tipo de fuente sea Noto Sans y cuatro tamaños a Winnie en, voy a cambiar el estilo de fuente a negrita aquí y también toda la matrícula auto altura y alinearla a la izquierda como así Y ahora tenemos nuestro título aquí. Ahora necesitamos crear aquí abajo nuestro ícono de categoría. Entonces lo que voy a hacer aquí, voy a hacer clic en F y voy a crear otro frame. Entonces voy a crear aquí un marco. Y este tamaño de marco va a ser para malezas, 74.4 de altura va a ser 78 Y dentro del marco, no necesito ningún color de fondo aquí. Entonces dentro del marco. Y en lugar de tener un color de fondo, voy a necesitar crear un círculo. Así que ve a aquí y necesitamos la herramienta Elipse y crea un círculo aquí Voy a acercar el círculo. Tenemos que alinearlo un poco aquí arriba. Ahora, borra el relleno en el círculo encendido. Ahora necesitamos agregar trazos, así el color del trazo va a ser 6e68 A7 sobre la opacidad va a ser 50 como así. Y ahora tenemos nuestro círculo aquí. Tenemos que asegurarnos de alinear el círculo dentro del marco. Ahora tenemos nuestro círculo. Nosotros, por supuesto, necesitamos un icono dentro de este círculo. Entonces voy a alejarme aquí, ir a los activos aquí, y vamos a elegir nuestro icono de vidrio, así copiado y pegado aquí en nuestra página Voy a arrastrar esto aquí abajo, en este de aquí. Ahora voy a elegir este icono aquí y arrastrarlo dentro de nuestro círculo. Asegúrate de alinear este icono. Y también el icono aquí es 44 para 44. Ahora tenemos nuestro icono. Voy a acercarme. Ahora necesitamos crear un título, baja un círculo aquí. Entonces necesitamos crear otro marco aquí. Y este marco para malezas va a ser 74.4. Altura va a estar haciendo T. Ahora tenemos que agarrar nuestro icono estamos escribiendo herramienta en álbum de cinco años. Sólo voy a arrastrar nuestro título aquí. Ahora, vamos a diseñar nuestro tamaño de fuente aquí es 15 y fuente Noto Sans en la fuente va a ser regular o a ancho y alto Alinear en. Voy a cambiar el color de la fuente para que sea un cero, un nueve FC. Ahora tenemos nuestro primer icono aquí. Así que sólo voy a cambiar el nombre del marco a álbum. Y voy a agrupar este ícono y también cambiarlo a álbum. Ahora voy a crear otros cuatro para crear nuestro menú de categorías. Entonces solo arrástralo aquí para otro ícono. Ahora voy a agrupar todo este icono aquí, ranurarlo, y ahora necesitamos alinearlo y también necesitamos auto-maquetar el espaciado es cero, y ahora tenemos nuestro nuevo icono aquí Ahora desagruparemos este icono. Voy a desagruparlo. Lo que voy a hacer ahora es cambiar el icono a otra categoría y también cambiar el nombre de cada icono. Entonces solo, voy a empezar a arrastrar nuestro icono aquí. Ahora tenemos nuestra categoría aquí. Ya termine esto como así. Ahora voy a cambiar aquí el nombre de cada capa para que se ajuste al mismo nombre de cada icono. Entonces ahora aquí tenemos favoritos. Ahora vamos a agruparlo de nuevo, toda la capa aquí por tener y creció con un nombre, la capa como categoría, categorías aquí. Ahora tenemos que asegurarnos de que el diseño para cada uno, ¿verdad? Ahora lo que vamos a hacer es que necesito arrastrar cada icono hacia abajo hasta 20 píxeles. Así que solo desagruparlo otra vez. Necesito arreglar este antes de empezar a arrastrarlo, solo para asegurarme de que está bien. Bien, y éste también, vamos a arreglarlo. Creo que está en forma. Bien, así que ahora solo voy a hacer clic en el ícono del video aquí y arrastrarlo hacia abajo solo en seleccionar todo y hacer clic solo Tenemos que desagruparlo, clic en Icono de video y arrastrarlo 20 píxeles Y para el icono de la galería, voy a arrastrarlo, lo siento, Como así es pixel aquí y voy a arrastrar el icono favorito aquí abajo a Winnie person para alinearlo el icono favorito aquí abajo con el icono visual Ahora, vuelve a seleccionar todo el icono y lo creció, creció nuevamente con un nombre él y categorías. Y ahora tenemos nuestro menú. Ahora necesitamos aquí abajo crear un separador. Entonces lo que voy a hacer es hacer clic en la línea o simplemente hacer clic en el atajo aquí. Y voy a dibujar un separador aquí. Y para los pesos va a ser tres líneas, tres, y asegúrate de que la rotación aquí sea cero. Para el color va a ser el mismo color del formado que tenemos aquí. Y también 50 van a ser 30 opacidad. Y lo que necesitamos aquí, necesitamos de este separador va a ser como un curvilíneo alineado con el ítem seleccionado aquí, que es galería Así que tenemos que hacer clic en editar objetos y la herramienta pin. Y voy a crear una curva aquí, y voy a subir. Necesitamos que esta curva esté alineada con galería. Ahora, necesitamos hacer la altura 37 año. El espacio va a estar alrededor de 20, y voy a nombrar a la capa separada o a una. Ahora, duplica esta capa, nombra como separador a. Y vamos a crear más estilo para este separador. Voy a crear un lineal. Así que solo arrástralo aquí, asegúrate de seleccionar el separado o para ir a trazo en lineal. Y voy a hacerlo vertical como así. Ahora, vamos a jugar con la opacidad aquí. Pero antes de eso necesitamos cambiar el color. Entonces necesitamos cambiar el color aquí solo para poder ver tus cambios. Entonces voy a deshacer y el color aquí por separado o herramienta va a ser 087ef E. Ahora vamos a crear nuestro degradado lineal y cambiarlo a vertical como así, crear otros tres Y justo, voy a empezar a jugar con la opacidad aquí. Entonces voy a hacer que Augusti aquí sea cero. Y para el segundo sólo iba a estar haciendo a media 1,120.0 como así Y para capacidad para Hall va a ser 100 y que sea aquí como tres. Ahora tenemos nuestro resplandor aquí y voy a añadir un efecto. Así que duplica este separador. Voy a cambiarlo a, voy a cambiarlo al separador de nombres a tres aquí. Y estoy agrego un efecto mentira capa piso y a las ocho ahora como puedes ver aquí, tenemos nuestras curvas alineadas con los elementos seleccionados que tenemos aquí Voy a agrupar toda la herramienta separada que tenemos aquí o la capa y nombrar el separador de capas. Ahora tenemos nuestro separador aquí. Lo voy a agrupar con nuestra categoría aquí, agrupar cada una de estas categorías íntimas. Y así ahora tenemos dentro esta capa nuestro separador y nuestra categoría. Ahora ya terminamos de crear nuestra primera parte aquí. Ahora vamos a crear nuestra parte media, que es la galería curvy Necesitamos aquí para crear un diseño de galería con curvas. Entonces primero, necesitamos nuestro rectángulo. vamos a crear un rectángulo Aquí vamos a crear un rectángulo y para el cual va a ser 393.4, altura va a ser 260 como así Ahora necesitamos crear el lado de la curva, arriba y abajo aquí. Entonces voy a hacer click en esa capa separada aquí. Y necesito duplicar uno del separador y traerlo aquí arriba. Ahora, voy a llevármela aquí. Voy a hacer zoom solo para poder ver un alinearlo. Voy a hacer cien aquí arriba y voy a duplicar este separador y moverlo 180 y moverlo aquí abajo y alinearlo con nuestro rectángulo aquí Ahora lo que voy a hacer es crear una capa curvilínea. Simplemente haga clic en ese rectángulo aquí, edite el objeto y la herramienta pluma. Sólo voy a arrastrarlo aquí abajo y tener cuidado de convertirlo con alinearlo con nuestro separador aquí y dar clic en Listo. Y vamos a crear de nuevo editar, herramienta pin y moverlo aquí arriba, asegúrate de alinearlo con nuestro separado, o voy a acercar solo para ver nuestra capa curvilínea aquí, alejar Ahora lo que aquí necesitamos es dividir cada lado. Entonces, como podemos hacer eso, vamos a crear otro rectángulo aquí. Entonces voy a crear un rectángulo. Este rectángulo, voy a alinearlo aquí. Para el tamaño para este rectángulo va a ser 207. Y para Hyatt 260, voy a cambiar el color solo para poder ver cada rectángulo aquí que tenemos, y ahora necesitamos alinearlo con nuestro primer rectángulo aquí, como pueden ver, y asegurarnos de alinearlo muy bien. Ahora, lo que vamos a hacer es que voy a ocultar nuestro separador aquí en este momento para crear cada lado. Como puedes ver aquí, no olvides alinear cada rectángulo entre sí. Por lo que es muy importante obtener la talla adecuada para cada talla. Entonces voy a hacer click en el rectángulo dos. Voy a dar click en el rectángulo inferior aquí e ir al grupo Apollyon y restar cada sección Y ahora tenemos estos. Voy a ir a duplicar esta capa y Rotarla en 180. Ahora tenemos el otro lado para nuestra galería aquí. Ahora tenemos cada tamaño curvilíneo aquí. Así que sólo voy a hacer clic en cada uno y aletear año. Ahora tengo aquí nuestro diseño más justo, nuestra galería, y ahora necesitamos crear otra Entonces voy a repetir los mismos pasos aquí. Lo que voy a hacer aquí es crear un rectángulo aquí para la semana 3934, ocultar 260 en Ahora necesitamos duplicar nuestro separador. Voy a mover esto aquí arriba. Ahora tenemos un separador, solo duplique otro y muévelo hacia arriba a este rectángulo aquí. Voy a moverlo aquí abajo, solo quiero que sea 100 para poder ver. Déjame acercar lo que vamos a hacer es que voy a hacer una rotación 180 y también duplicar este separador. Y solo voy a mover uno de estos separado o aquí arriba y arrastrar nuestro, alinearlo con nuestro rectángulo aquí, y mover este y moverlo aquí abajo y también alinearlo. Ahora tenemos nuestro separador. Solo voy a hacer clic en el objeto de edición rectangular y la herramienta pin y crear nuestra curva aquí y la misma parte que va a aquí abajo. Ahora voy a ocultar nuestro separador. Y lo que vamos a hacer es crear nuestro lado dividido, crear esto, ir a crear nuestro rectángulo aquí. Simplemente crea otro rectángulo. Cambiar el color justo vamos a ver en el rectángulo ancho a 07 y alto 260, y necesitamos alinear. Se asegura de que el primer rectángulo tenga el mismo ancho y alto. Ahora tenemos nuestro cada lado una línea que haga clic en el rectángulo una capa y duplique esta capa. Voy a arrastrar esto aquí arriba, haga clic en cada rectángulo aquí, haga clic en cada rectángulo aquí, vaya al grupo booleano en la sección de restar Ahora tenemos nuestra tabla más justa. Ahora necesitamos crear nuestros segundos sitios. Ahora vamos a consultar la otra parte lateral. Entonces lo que voy a hacer es crear otro rectángulo aquí, las malas hierbas a 07260, va a cambiar el color Asegúrate de alinearlo con rectángulo muy bien. Ahora da click en grupo paulino, resta, y ahora tenemos la otra parte Así que tomemos el otro lado aquí y comencemos a crear otro layout. Ahora voy a agarrar este de aquí. Y así, y halagar cada sección aquí creó esta capa aquí, y la voy a arrastrar aquí abajo Ahora tenemos nuestra tercera sección, monótonas esta, arrástrala aquí arriba, y esta también alineamos cada ítem aquí que tenemos ahora tenemos nuestra parte medial con la que es nuestra galería Entonces lo que vamos a hacer es hacer clic aquí y necesitamos traer nuestro plugin Unsplash para arrastrar aquí algunas imágenes Ahora, nuestro plugin está aquí y busca o escribe aquí en la barra de búsqueda sobre retratar O simplemente voy a hacer clic aquí nuestro retratar. Voy a hacer clic en cada lado y traer unas bellas imágenes. Ahora tenemos nuestras imágenes aquí. Necesitamos crear nuestra capa de grupo para toda esta parte e ID de grupo y nombrarla como Galería. Y así ahora tenemos nuestra categoría, nuestra galería. Ahora necesitamos Para empezar a crear parte inferior aquí, sólo voy a quitar nuestro indicador aquí arriba. Ahora necesitamos crear aquí nuestra última parte. Entonces lo que vamos a hacer es crear en el rectángulo, y voy a crear otro rectángulo aquí abajo. Y el tamaño de este rectángulo para malezas va a ser 393.4, altura 111, y alinearlo aquí, alinearlo abajo así Y ahora necesitamos crear lineal para el color en la parte superior va a ser 79715, y este va a ser el color en la parte inferior aquí, 020, 51f, y dar click en la opacidad aquí, Ahora voy a arrastrar esto un poco aquí en el medio. Entonces ahora necesito crear un lado curvilíneo aquí. Así que solo tienes que ir a la capa de categoría aquí y duplicar nuestro separador. Y voy a usar esta, arrástrala hasta aquí. Y sólo para poder ver el color aquí tenemos, necesitamos alinearlo con nuestro marco aquí y simplemente vamos a dar click sobre nuestro rectángulo, su objeto y la herramienta pin y simplemente arrastrarlo hacia abajo. Entonces ahora tenemos nuestra parte curvilínea. Ahora necesitamos aquí a los botones aquí. Así que sólo voy a hacer zoom en una sierra y necesito aquí a los botones. Así que solo voy a necesitar Cámara y el otro fondo aquí, voy a este fondo aquí y agarraré el otro fondo aquí. Entonces necesitamos ahora, ahora tenemos nuestro icono aquí, el icono de salida. Voy a necesitar este piquete seguro, icono aquí. Entonces lo que voy a hacer es simplemente arrastrarlo aquí para nuestro fondo aquí. Voy a hacer click en cada lado o en cada icono aquí. Y el espaciado entre cada icono aquí es 185. Y también necesito crear aquí como trazo aquí arriba en esta zona. Entonces lo que voy a hacer es hacer clic en el rectángulo, ir a trazo aquí, y el color va a ser blanco. Pero tenemos que crear nuestro lineal aquí. Y voy a simplemente arrastrarlo como vertical y crear otros dos aquí. Y vamos a jugar con nuestra velocidad. El primero va a ser 01100, también este 1,100.0 para el último, solo estoy agarrándolo un Y así ahora da click en esto, hazlo Overlay. Ahora necesitamos aquí para crear nuestro círculo para nuestra cámara. Así que voy a agarrar la Herramienta Elipse aquí y crear un círculo El tamaño del círculo es de 74 a 74 para ancho y alto. Y voy a alejarme e ir a nuestro primer botón aquí. Yo solo voy a copiar la propiedad aquí y mudarme aquí, acercar y pegarla aquí. Ahora tenemos nuestra propiedad. Voy a sacar esta camioneta aquí. Y ahora vamos a crear algún efecto aquí. Entonces primero voy a duplicar esta capa y voy a ir a agregar efectos y ellos son plur, y que sea a.Ahora necesito crear nuestro círculo más pequeño aquí, un todo para nuestra cámara. a.Ahora necesito crear nuestro círculo más pequeño aquí, un todo para nuestra cámara Así que ve a la herramienta elipse y crea un círculo. Y el tamaño de este círculo va a ser 54.54. Voy a alinearlo con nuestro círculo aquí. Ahora, vamos a atar nuestro círculo aquí ahora para darle estilo a nuestro icono aquí, solo ve a Relleno y selecciona Lineal para que el color en la parte superior va a ser 080d a a. y para el de abajo, el color va a ser 454377 y la opacidad va a estar aquí, Y ahora agrega un efecto aquí y afectan el año va a ser sombra interior y cambiarlo aquí a negativo dos y también aquí negativo dos. Y el folclore aquí es para y hacer aquí el color es el blanco. Ahora voy a crear un trazo aquí también. Entonces voy a agregar Para el primer círculo va a ser 0.5 y el color va a ser blanco. Ahora, agreguemos nuestra cámara aquí dentro. Así que aléjate y solo arrastra esto hacia abajo para poder ver y nuestro ícono aquí, asegúrate de alinearlo. Y ahora voy a ocultar nuestro indicador de casa. No lo necesito. Voy a agrupar todos aquí y nombrar a la capa como icono de espacio. Solo voy a alejar el zoom en el medio aquí y solo voy a tomar nuestro ícono aquí con nuestro ícono de cara y crecí con nuestra capa base como tal. Y ahora tenemos nuestro indicador de casa aquí. Déjame arrastrar esto y también éste. Ahora tenemos nuestra segunda pantalla como así. En la siguiente sección va a ser nuestro otros es Pantalla 5. Pantallas de modos de fotos: En esta sección, vamos a crear esas Pantallas. La primera Pantalla va a ser Modos de foto, y la segunda, modo retrato, como puedes ver aquí, tengo nuestro diseño anterior aquí están Pantalla y la pantalla de inicio solo van a ocultarla por un poquito y dar click en F. Y voy a elegir nuestro iPhone 14 fila aquí y crear un radio de esquina 50 Y para el color es 0205 en cinco. Solo voy a cambiar el nombre del marco a modo foto Pantalla. Y ahora vamos a necesitar una barra de estado aquí y un indicador de inicio aquí abajo. Vamos a crear una navegación superior aquí. Así que solo voy a ir a Activos aquí y hacer clic en barra de estado y el indicador de inicio y traerlo dentro de mi página aquí. Voy a arrastrarlo fuera de mi marco. Solo voy a acercar y solo seleccionar cada uno de estos iconos aquí y traerlo dentro de nuestro marco aquí y alinearlo. Tenemos que alinear el centro aquí. Ahora sólo voy a arrastrar estos indicadores de inicio aquí abajo. Ahora necesito crear un marco. Sólo voy a deshacerme de esto. Ve a Activos, el ícono de FX aquí. Así que tráelo dentro de mi playa y haga clic en F y dibuje nuestro marco aquí. Y para el ancho va a ser 393.4 alto, 44. Solo voy a alinear el centro y moverlo aquí, alinearlo y el espacio entre la barra de estado y la navegación superior es cero. Ahora voy a necesitar este icono al ras. Así que voy a traerlo aquí adentro y Chevron abajo en el medio y la foto en vivo aquí Y el espacio entre cada icono, el marco es para Winnie que se encuentran shake o el otro Ahora vamos a alinear éste. Ahora vamos a crear nuestro diseño medio aquí. Así que sólo voy a dar click en nuestro sorteo, nuestro rectángulo aquí. Y el tamaño del rectángulo 3934 anchuras. Y para la altura 531, solo voy a alinearlo dentro del año al alza. Y el espacio entre el nuestro rectángulo y nuestra navegación superior es 16. Y ahora necesitamos nuestra imagen dentro de estos rectángulos. Así que sólo voy a ir a Activos. Vas a necesitar Unsplash cualquier imagen que quieras. Puedes descargar cualquier imagen y traerla dentro de este rectángulo. Voy a elegir esta imagen y arrastrarla aquí. Para nuestro rectángulo, sólo voy a mostrar esta imagen, el espacio, nuestro rectángulo aquí y alinearlo. Y voy a agrupar el rectángulo y la imagen aquí y nombrarla como foto. Y voy a necesitar aquí embestir el rectángulo, hacer clic derecho, usar como máscara. Ahora necesitamos crear un controlador aquí para acercar. Así que solo voy a crear otro rectángulo aquí. Y el tamaño del rectángulo 393.4 alto 200. Y el color va a ser el mismo color de nuestro tema, este color y alinearlo. Ahora voy a dibujar nuestro círculo aquí como controlador. Así que da click en todos y crea nuestro círculo. El tamaño del círculo ancho cuatro a seis, y para la altura el mismo cuatro a seis. Tenemos que alinear este círculo aquí, agarrarlo un poco hacia abajo. Voy a nombrarlo como base un año, y lo voy a arrastrar debajo de nuestro rectángulo aquí como así. Y ahora necesito cambiar el color. Entonces voy a ir a Activos y traer mi paleta de colores aquí, arrastrarla fuera de mi marco. El color del círculo va a ser, necesito la barra de dibujo aquí, esta columna, y haga clic en superposición. Y solo voy a arrastrar esto hacia abajo y hacia abajo por el rectángulo de aquí. Ahora necesitamos crear un trazo, y el trazo va a ser negro, opacidad 3030 Y vamos a crear un efecto. Volver planta baja grado es 40. Sólo voy a necesitar arrastrar esto un poco aquí. Ahora, vamos a crear otro círculo aquí. Así que solo voy a duplicar esta capa y nombrarla como espacio para, y voy a copiar ese color de relleno aquí, copiarlo y las necesidades de L y pegarlo en el área de trazo aquí. Y la diversidad es de 100 y el tamaño de opacidad va a ser uno, 6 s T. Voy a acercar y voy a quitar el efecto aquí Ir a avanzar un trazo Haz clic en guiones aquí El primero, el tamaño del guión va a ser a la brecha es para Winnie El, voy a cambiar el tamaño del círculo a cuatro a cero, o anchos en ¿para quién Cero para la altura y haga clic en proporciones de construcción aquí. Ahora necesitamos crear otro círculo. Así que sólo voy a duplicar la base dos y nombrarla como paga tres. Voy a cambiar un color de trazo a blanco y el tamaño del trazo es seis, y los guiones van a ser uno y el Gab Ahora necesitamos aquí para dar click sobre la base 3.2. Voy a alejar el zoom, bajarlo un poco aquí. Y así, y ahora necesitamos crear una flecha aquí. Entonces necesitamos a la herramienta polígono aquí y crear un polígono Y el tamaño es 6.4 malezas 3514 radio de esquina y hacen una rotación uno en el color para este polígono va a ser este Voy a acercarme otra vez. Y ahora voy a tomar este polígono y dar click en la capa Haga clic en aleteo. Y vas a notar que el tamaño, anchura y la altura están cambiando. Así que voy a escribirlo de nuevo, 6.4, la altura está en, y voy a nombrar la capa como R0 Y aquí necesitamos la herramienta de cronometraje para escribir algunos grados. Voy a hacer click en T. Sólo voy a atar una. El tamaño va a ser 1302 anchos y alturas y negrita y el color, el mismo color de nuestra flecha aquí muestra va a tomar estos y voy a copiar, duplicar esto a otro Y voy a empatar estar aquí a seis y M. Así que necesitamos aquí nuestro caso. Así que voy a sostenerlo aquí abajo. Solo voy a seleccionar estos elementos en el diseño automático con el espacio es cero entre cada número aquí y nombrarlo como grado uno. Yo sólo voy a moverlo hacia abajo hasta la flecha aquí y sólo voy a duplicar esto a otra. Pero aquí lo voy a atar tres, y aquí vas a estar 77, pero el color y el estilo van a ser regulares. Entonces moviéndose aquí a regular y el color del mismo color, esta capa aquí, y también para esta y el color del mismo nombre, el grado de capa para moverla un poco aquí abajo. Voy a duplicar este también y mudarme aquí y nombrarlo como 0.513 de cinco años y llamarlo Xolair Y ahora necesitamos rotar cada grado que tenemos aquí. Entonces solo voy a rotar esta. Voy a rotarlo. Entonces este va a ser 30, la rotación para el otro de aquí, negativo 48. Y así el espacio entre el grado y la flecha va a ser cuatro. Voy a arrastrarlo aquí y sólo voy a traer estos pedacitos aquí y este también aquí. Y ahora tenemos que eliminar estos altos. Tenemos que ocultar esta parte. Entonces voy a agrupar a Zara paga que tenemos aquí. Así que solo voy a agarrar todas las P que tenemos en un grupo aquí, hacer clic en cada una y agruparla como, nombra como controlador. Y yo sólo voy a agarrar la herramienta Rectángulo y dibujar un rectángulo aquí. Y este rectángulo va a estar dentro de nuestro controlador aquí. Y necesitamos editar objeto en lo alto solo un poquito aquí, Roma nuestra imagen como tal. Ahora necesitamos mover el rectángulo detrás de la base y BaseOne, solo vamos a hacer clic derecho para usar como mezquita Y ahora este deporte está oculto y voy a agrupar la flecha y el grado aquí. Y ahora voy a agrupar cada icono que tenemos aquí y ranurarlo como un controlador de Zoom. Y voy a agrupar estos y con el controlador caído en un grupo. Ahora vamos a consultar la parte inferior aquí. Así que solo voy a agarrar el click en T aquí, y voy a amarrar aquí, tiempo, lapso de tiempo. Y el estilo de fuente va a ser noto sentido ON va a ser negrita y mayúscula Y el tamaño de fuente, va a ser 30, o el ancho y alto, y el color va a ser el mismo color de este. Así que sólo voy a agarrar la gota aquí. Y ahora necesito seis tabuladores de esta. Sólo voy a copiar toma ficha aquí. Ahora voy a cambiar el nombre para cada ficha. Ahora seleccionamos toda la parte superior que tenemos aquí, auto-layout y el espacio aquí va a ser 24 lo vi, y voy a traer alinearlo aquí y el espacio entre la barra de pestañas Nuestro principal controlador aquí se supone que es para Winnie. Sólo voy a agarrarlo Un espacio aquí es 20. Yo solo voy a moverme aquí a la foto y alinearla con grado aquí y la flecha la alinearla otra vez. Y necesito que todo esté aquí. Y voy a cambiar la foto para que la sostenga. El color va a ser el mismo color de la flecha aquí como un elemento seleccionado aquí. Y ahora voy a cambiar el nombre del marco y nombrarlo como pestaña Categoría. Ahora necesitamos crear aquí abajo algún ícono aquí, un ícono para el ícono del switch aquí. Así que voy a alejar como tal. Necesito traer icono aquí, éste, sólo voy a arrastrarlo aquí abajo y ahora vamos a atarlo nuestro icono. El tamaño del icono es 44 para 44, y aquí tenemos un radio de esquina. Entonces voy a agregar un relleno aquí. En. El relleno va a ser lineal aquí, y el color en la parte superior va a ser 7971, B5, y el color en la parte inferior va a ser Así que voy a moverlo un poquito aquí. Y ahora voy a crear un trazo aquí. Y el tamaño del trazo va a ser 0.5. El trazo, voy a crear un lineal, el color de la App va a ser blanco en el color hacia abajo y un ser negro. Y para asumir superposición aquí. Y también necesitamos crear efecto año. Y tengo efecto de sombra interior en que va a ser de cero a dos, color blanco blanco y la opacidad va a ser 20 Y ahora voy a cambiar el color del círculo y tomar que impulsó el mismo color aquí. Ahora tenemos nuestro círculo. Necesito crear un disparador aquí. Así que sólo voy a hacer click en todos, crear un círculo aquí. Y este tamaño de círculo va a ser de 64 malas hierbas y lo mismo para la altura. Y voy a copiar la propiedad aquí para ésta, aquí, y así sucesivamente. Ahora, voy a nombrar esta herramienta elipse como círculo uno, y necesitamos duplicar esta capa y nombrarla como círculo al tamaño para la herramienta círculo va a ser 74, 70, y voy a alinear cada círculo Así que asegúrate de alinearlo. Y voy a tomar esta y alinearla igual. Ahora tenemos que dar la vuelta aquí. Ahora voy a quitar el relleno para el círculo más grande aquí. Voy a quitar el relleno y voy a crear un trazo aquí. Entonces el color va a ser color sólido aquí, y el mismo color de éste. Y el tamaño del trazo va a ser tres aquí. Y ve a Golpe avanzado. Haga clic en guiones y el guión año 541504, Gab one. Y yo voy a temblar aquí fue trazos, necesitamos normales y así sucesivamente. Ahora voy a crear un efecto y va a ser sombra interior. Entonces voy a crear otra sombra interior aquí en el estilo aquí va a ser 00.5 y la otra la misma, 0.56 y el color 100 Y vamos a duplicar este círculo al círculo más grande. Así que voy a duplicar este y nombrarlo como círculo tres. Y voy a añadir un efecto aquí. Y el efecto, va a ser piso mentiroso. Voy a tener ocho y aquí vamos a cambiar el color del trazo, 234898 Ahora necesitamos agrupar todo el círculo año tenemos un nombre como botón de obturador y el espacio entre déjame alinear año, nuestro círculo y el espacio entre el botón del obturador aquí en el indicador de inicio se supone que es cero. Así que voy a traerlo aquí abajo. Y así voy a hacer lo mismo. Y ahora tenemos nuestro primer fotograma listo para su pantalla para el modo Cámara aquí. Ahora necesitamos crear otro cerebro. Así que sólo voy a mover esto aquí abajo y voy a alejar aquí. Y aquí necesitamos crear otro marco. Así que solo voy a duplicar este marco que tenemos aquí, y voy a nombrarlo como modo retratar Y ahora tenemos que quitar el grado aquí. Tenemos solo necesita una tierra circular. Así que solo voy a ir al controlador aquí y quitar todo eso. Voy a quitar este y eliminar también estoy solo necesita un círculo. No necesito nada más, así que solo voy a quitar, ocultar todo lo que tenemos y ahora necesitamos retratar modo aquí Entonces tengo en mis activos aquí, puedes crear nuestro estado de ánimo retratar como quieras Sólo voy a agarrarlo aquí y hacerlo así. Ahora tenemos que cambiar aquí abajo la foto para alinearla con los Modos de retratar Así que sólo voy a cambiar el color de la foto aquí. Y tenemos que mover este. Así que haga clic en el marco y alinee esto con retratar como tal. Y aquí voy a cambiar de color con el mismo color, solo voy a alejar el zoom. Y ahora tenemos nuestros dos Screen aquí. Primero es Pantalla, tenemos el modo Cámara cámara fotográfica, y el segundo es verde, es nuestro modo de retratar En la siguiente sección, vamos a crear las pantallas de recorte y Rotar 6. Pantallas de cultivo y giro: En esta sección vamos a crear a Pantalla. La pantalla va a ser Rob y Rotar Pantalla. Y la pantalla de rectitud del segundo, como pueden ver aquí, tengo aquí nuestro diseño anterior Tengo la pantalla de incorporación, la pantalla de inicio, y para Edición, tengo foto Pantalla, retrato Pantalla, y aún necesitamos más Entonces en esta sección vamos a crear un recorte y Rotar y además el brillo es Pantalla. Entonces para comenzar a crear nuestra pantalla, solo voy a duplicar este fotograma como tal. Sólo voy a ocultar estas pantallas anteriores por un momento. Sólo voy a quitar todo dentro de la habitación excepto la barra de estado en la parte superior de navegación y el indicador de inicio. Así que voy a quitar todo lo que hay dentro del marco aquí. Y también voy a cambiar el nombre del marco para recortar y Rotar. Sólo voy a acercar el zoom. Aquí. Tenemos que reemplazar este icono. Así que solo voy a ir a la página de activos aquí y agarrar nuestro icono pegado aquí Sólo voy a arrastrarlo fuera de mi marco aquí. Así que solo voy a quitar esta foto de la vida del icono, y necesito agarrar dos iconos aquí. El primero es icono de lápiz, y el segundo icono más. Y el espacio entre cada icono es cero. Y también el espacio entre el marco y el icono es el ventoso Así que sólo voy a seleccionar cada uno. Necesitamos 20 espacio. Yo sólo me voy a mover, quitar este icono aquí y agarra una flecha izquierda aquí como así, el espacio entre el icono y el marco es 24 este abajo chevron Sólo voy a reemplazarlo por un título. Así que solo voy a agarrar nuestra herramienta de mecanografía y voy a escribir aquí recortar y Rotar, sugiero Ghana. Tiempo aquí recortar y Rotar. Y sólo vamos a moverlo aquí, necesitamos alinearlo. El tamaño de fuente año es 20, y asegúrese de que la fuente es un tipo de fuente es Noto Sans Bold, alinear a la izquierda, y todo el ancho y alto Así que solo voy a agarrarlo así y alinearlo. Ahora tenemos nuestra capa para Top Nav, solo vamos a nombrar la capa Top Nav. Ahora necesitamos crear el diseño medio aquí. Así que solo voy a hacer clic en F y crear un marco aquí. El tamaño de marco 3934, el trigo para la altura es 504 Y necesito alinearlo en el espacio entre el marco en la parte superior nav es 60. Sólo voy a deslizarlo así. Dentro de este marco vamos a necesitar foto para que puedas tomar cualquier foto que tengas de Unsplash Ahora sólo voy a usar estas fotos. Necesito agarrarlo dentro del marco aquí. Así que lo voy a poner dentro del marco. Sólo voy a seleccionar la imagen aquí y click en Control E como tal. No lo olvides, haces clic en Clip content o clicas en Controlar a. y ahora tenemos nuestra imagen aquí, dentro de nuestro rectángulo aquí, nuestro marco. Así que sólo voy a nombrar la capa de marco como imagen. Y voy a duplicar esta capa y voy a ocultar una segunda imagen. Voy a llamarlo Herramienta de Imagen. Voy a esconderlo por un momento aquí. Déjame acercarme. Y voy a dibujar aquí un rectángulo. Entonces solo voy a agarrar la herramienta Rectángulo. El tamaño del rectángulo es 62634 anchos y 260 para alto 2604 o malezas y dos-seis cero para altura, alinearlo de 62634 anchos y 260 para alto 2604 o malezas y dos-seis cero para altura, alinearlo así. Voy a nombrar a este rectángulo como Bayes mask one. Y voy a duplicar este rectángulo y nombrarlo como herramienta de máscara base, solo voy a tomar la foto aquí arriba y la Mezquita base una aquí arriba. Y esta capa va a estar abajo aquí. Y yo sólo voy a con toda nuestra imagen y rectángulo aquí dentro de otro marco aquí. Y voy a nombrar este marco como crop. Y la imagen principal T2 va a ser también recortada. Y sólo voy a hacer clic derecho en esta mezquita de los USBs. Y yo sólo voy a usar como mezquita aquí. Yo sólo voy a, como pueden ver, nuestra foto está aquí y solo voy a dar click en la capa de recorte aquí. Y voy a añadir un relleno aquí. Y el relleno va a ser lineal. Y el color va a ser el mismo color de nuestra costura aquí Y voy a agregar otro color en el medio aquí, pero este va a ser opacidad cero Y para éste, velocidad va a ser 20, la media sobre la ciudad 20. Ahora tenemos nuestro cultivo forestal aquí. Entonces ahora necesitamos crear una línea aquí. Así que solo voy a hacer clic en L o en la herramienta de alineación. Sólo voy a trazar una línea aquí. El ancho de línea va a ser 263. Así que tenemos que asegurarnos de que la rotación sea 90 y que el color del trazo sea blanco. Y la certeza de opacidad. Y vas a crear otros guiones aquí. Así que sólo voy a ir a adelantar un trazo guiones aquí. Y aquí necesitamos crear 64 guiones como tal. Ahora voy a duplicar esta línea cuatro veces. Así que sólo voy a elegir esta línea y replicarla en otras tres como así Voy a agrupar todas las líneas en un marco y el espacio entre cada línea es 87 y hay que alinearlo. Y voy a duplicar este marco. Tenemos que hacer una rotación negativa mía, y necesitamos alinearla. Y ahora necesitamos desagrupar estas líneas. Así que sólo voy a desagruparlo aquí. Desagruparlo aquí. Y solo voy a seleccionar toda la línea aquí que tenemos haga clic en selección de cebolla aquí. Y también necesitamos crear una selección favorecedora. Entonces ahora herramienta mezquita, necesitamos crear una estructura aquí Entonces en esta herramienta de mezquita espacial, voy a eliminar el relleno. ¿Qué? Voy a crear un trazo. Por qué vi que el tamaño del trazo es tres y está afuera ya que ahora terminamos de crear nuestra capa de recorte aquí. Ahora necesitamos crear el lado inferior aquí. Entonces primero, voy a agarrar la Herramienta Rectángulo y voy a crear un rectángulo aquí. Sólo voy a dibujar un rectángulo aquí. Déjame agarrarlo fuera de este marco ya que así el tamaño del rectángulo es 393.4, altura 258, y necesitamos alinearlo Y dice el mismo color de nuestro relleno aquí. Y aquí necesitamos crear una curvilínea. Entonces recuerdas cómo podemos crear estas capas curvilíneas en nuestro diseño anterior aquí, tenemos estas curvas Así que solo voy a agarrar uno de estos separadores que tenemos aquí Como así solo voy a copiar uno de estos y necesito agarrarlo fuera de este marco. Sólo voy a usarlo aquí, solo voy a acercar. Voy a agarrar el marco afuera aquí y agarrar también nuestro separador. Así que solo voy a mover estos separado o dentro del marco del año, asegurarme de que esa capa sea la misma. El rectángulo está debajo del separador. Alinear. Yo sólo voy a acercar así. Ahora haga clic en Zara maraña hizo objeto que cuando Herramienta, solo voy a agarrar este rectángulo de aquí abajo Vi a John solo va a alejar el zoom y voy a agarrar este rectángulo dentro del marco aquí, alinearlo y vamos a necesitar separado o litro. Así que asegúrate de tenerlo ahora. Ahora necesitamos crear un controlador aquí para nuestra foto. Así que sólo voy a alejar como tal y necesito dibujar nuestro círculo pico aquí. Así que pincha aquí y necesitamos crear un ahora voy a dibujar un círculo grande. Así que solo voy a agarrar este icono aquí en el tamaño del círculo para las malas hierbas, 10694 esconden el mismo 1069 y necesitamos alinearlo Sólo voy a moverlo aquí arriba, esto como así. Sólo voy a quitar este campo y crear un trazo aquí. Entonces el trazo va a ser de color a 0a9fc y el tamaño del trazo va a Y da clic en trazo avanzado aquí, y haz clic en guiones Y los guiones aquí van a ser 146. Sólo voy a hacer zoom. Vi y me deslizé un poco hacia arriba. Y ahora vamos a nombrar esta elipse a un trazo, trazo uno Tenemos que hacerlo dentro, reemplazarlo dentro de nuestro marco aquí. No se olvide de eso. Ahora, voy a replicar esta capa aquí, sólo voy a duplicarla. Un nombre trazo a, y vamos a cambiar el color del trazo a 08 e5e ser el trazo va a estar aquí Entonces el tamaño del trazo es hacer clic en la camioneta sentada aquí y cambiarla a dos guiones y 200 gap Ahora déjeme acercar, solo vea el trazo que tenemos aquí. Entonces el tamaño del trazo aquí no es, son 20. Entonces ahora tenemos nuestro trazo aquí, y ahora solo voy a alejar el zoom. Entonces voy a ir al trazo, nuestro trazo aquí, un segundo trazo y hacer clic en el color, hacerlo lineal. Así que sólo voy a alejar con, sólo voy a agarrar y entrar aquí Sólo para poder, el color es ser obvio más. Algunos sólo van a reemplazarlo a vertical aquí. Entonces necesito el color. La mayor parte del color está aquí. Para éste está aquí. Ahora necesitamos alinear cada uno es camión aquí. Aquí lo vamos a nombrar como controlador. Así que agárrala en un marco aquí y nombra controlador. Sólo voy a agruparla aquí, cada capa y nombrarla como controlador como así. Ahora voy a alejar el zoom aquí y tenemos aquí nuestra capa de controladores. Así que sólo voy a deslizarme hacia abajo como así. Déjame acercarme. Y ahora necesitamos crear otro grado aquí, que voy a hacer clic y crear un cero aquí. Así que solo voy a agarrar la Herramienta Tipo y asegurarse de que el tamaño de la fuente es de 13 años. Yo sólo voy a escribir aquí. 00 va a ser del mismo color de nuestro círculo aquí, nuestros guiones aquí Así que asegúrate de que el tamaño cero es uno, y es audaz. Se deja aquí, y el color es el mismo color aquí de nuestro trazo aquí. Este, este color aquí. Entonces, y ahora solo voy a agarrarlo afuera de nuestra capa aquí por el momento. Tenemos que crear otro círculo aquí, círculo pequeño. Así que da click en todos y dibuja un círculo aquí. El color del círculo. Retire el círculo, rellene aquí y haga clic en trazo sobre él. El mismo color aquí para nuestro cero y la gravedad aquí en el espacio entre el cero y el círculo es cero. Entonces, y ahora necesitamos crear un. ahora solo voy a mover este cero en ciclo aquí como agrupar cada icono aquí y nombrarlo como grado. Así que asegúrate de alinear cada icono aquí y ahora solo van a necesitar tener un menú curvilíneo aquí Entonces supongo que nuestro diseño anterior aquí, ya sabes cómo crear esta categoría curvilínea Entonces solo voy a envolver el mío aquí dentro mis activos para no repetir los mismos consejos aquí. Entonces tengo aquí categoría. Solo voy a agarrarlo a mi marco aquí y solo voy a moverlo en línea, y el espacio entre cada uno va a ser 60. Y voy a quitar el relleno aquí y dar clic en este separador que tenemos aquí y agregarlo abajo de la categoría aquí como así ahora vamos a necesitar crear nuestras pestañas Darwin aquí. Entonces aquí para nuestras pestañas, vamos a necesitar a la ICANN, vamos a necesitar el ícono de acción aquí para Don y para eliminar Yo sólo voy a agarrar estos están hechos. Icono, este para eliminar icono y comprobar cada icono aquí tenemos como tal. Solo voy a necesitar atar estar aquí, recortar y Rotar, agarrar la herramienta de mecanografía y escribir aquí recortar. Y va a ser 150 por 15 para el tamaño de fuente. Soy calvo y Noto Sans por nuestro tipo de teléfono. Y luego haga clic en el cultivo aquí, cambie a, cuatro, nuestra capa aquí. Ahora hacemos clic en Shift E para que todos pongan nuestro onclick, lo arregle la altura y va a ser 44 Entonces, y el color del cultivo va a ser el mismo color de nuestro cero aquí. Y sólo voy a arrastrarlo aquí. Y voy a duplicar este año de cosecha y lo voy a nombrar como Rotate. El color aquí no va a ser el mismo. Entonces va a ser irregular para el estilo propio aquí. Y también el color va a ser el mismo color de nuestro icono aquí. Yo solo voy a agarrar cada uno y solo voy a hacer clic en cada icono que tenemos aquí y asegurarme de alinearlo así, y dar clic también en el icono aquí. Ahora, ya terminamos de este marco aquí. Sólo voy a buscar por si algo no lo es. Bueno, no lo es, va a estar mal. Todo está bien. Entonces para el marco de brillo aquí, solo va a duplicar este marco tiene así, y ahora solo voy a nombrarlo como pantalla de brillo aquí. Sólo voy a mover este título para reemplazarlo como rectitud y alinearlo. Y también vamos a quitar aquí este cultivo de zoom. Entonces tenemos aquí nuestro Brillo de Capa. Da click en esta capa aquí recortar y eliminarla así. Ahora vamos a necesitar también cambiar la categoría aquí. Lo quito y vamos a necesitar otro activo aquí. Así que voy a agarrar esto cada vez por aquí. Entonces solo voy a acercar y agarrar esta categoría y brillo aquí dentro de este marco y quitar el relleno como así alineando. Aquí, vamos a eliminar este Rotar y recortar y vamos a reemplazarlo por otro icono. Entonces vas a necesitar aquí, otros tres íconos, solo vas a necesitar Filtrar icono aquí. Entonces voy a agarrarlo y también el icono de rectitud y el icono de Rotar Entonces necesitamos icono de rectitud aquí. El icono Rotar aquí, selecciona todos estos iconos y el espacio entre cada icono es cero y alinea. Así que solo voy a hacer click en este espiritual aquí tenemos una película Pequeño aquí abajo. Y ahora ya tenemos hora, ahora ya tenemos nuestro brillo Pantalla y también tenemos, déjame alejarme para poder ver cada Pantalla. Y ahora tenemos cada Pantalla ya la diseñamos. Tenemos el recorte y Girar Pantalla termina brillos Pantalla. Y para la siguiente sección vamos a crear nuestras dos últimas Pantalla 7. Editar y filtrar pantallas: En esta sección, vamos a crear una pantalla. El primero es Pantalla va a ser Pantallas de Filtro. Y el segundo, editar pantalla, como pueden ver aquí, tengo todo nuestro diseño anterior. Tengo la pantalla de incorporación y la pantalla de inicio. Y para Edición, tenemos foto y aves, y tenemos cosecha y brillo. Todavía necesitamos más para Screen para terminar nuestra aplicación aquí. Entonces vamos a necesitar crear el Filtro y luego la pantalla de edición. Entonces para almacenar crear nuestra primera pantalla, solo voy a duplicar esta pantalla de brillo aquí. Y voy a cambiar el nombre del marco a Pantalla de Filtro. Entonces ahora vamos a eliminar algo de Diseño aquí. Así que sólo voy a quitar esta pestaña de categoría y separado. Tenemos controlador aquí, no lo necesitamos. Y también el grado en este marco. Tenemos que cambiar el brillo aquí título para vacilar Pantalla Así que solo voy a reemplazarlo a una pantalla de filtros y necesitamos alinearla. Entonces ahora también necesitamos reemplazar esta imagen. Entonces cualquier imagen que tengas, solo reemplázala. Sólo voy a reemplazarlo por este de aquí. Tengo un tambien voy a cambiar la altura de esta imagen a por un dos porque necesitamos mas espacio aqui abajo para nuestro Marco de fotos Filtro. Ahora está listo para comenzar a diseñar. Así que sólo voy a crear un rectángulo aquí. Y el tamaño del rectángulo es 74. Malezas en 90 para altura. Alinear. Ahora necesitamos llenar este rectángulo de aquí con foto. Así que solo voy a hacer clic derecho y elegir el plugin de Unsplash aquí Voy a elegir la misma imagen. Tengo el aquí arriba. Así que solo voy a hacer click en retratar y elegir esta imagen que tengo aquí Ahora necesitamos duplicar esta imagen, pero voy a crear un radio de esquina para tres aquí. Va a duplicar esto y nombrar a la capa de esta primera como un monstruo. Para el segundo, solo vamos a arrastrarlo como así necesitamos cambiar ese ancho y alto. Así con 54 y altura 68. Y necesitamos cambiar el nombre para imaginarlo a o image1 para la capa de imagen Y voy a crear una rotación para este 10%. Necesitamos reemplazarla debajo de la imagen maestra y arrastrarla 30% a la imagen de Monster. Voy a duplicar esta primera capa que tengo aquí. Éste, duplicarlo y nombrarlo como imagen dos. Y voy a agregar esto debajo de la imagen uno y arrastrarla. En la actualidad. Tenemos que duplicar imagen a imagen es tres, voy a nombrarlo aquí. La imagen es tres y reemplázala debajo de la imagen y arrástrala. Ahora tenemos toda nuestra imagen aquí. Sólo voy a dar click sobre esta imagen una capa y duplicarla. Un nombre te imagina para ti, por el lado de los derechos. Y sólo voy a arrastrarlo aquí. Pero voy a cambiar la rotación a diez negativo y también alinearla con esta. Y necesitamos que el espacio sea 30, así que sólo voy a arrastrarlo aquí. Y para esta imagen, para, duplicarla a la imagen cinco. Y lo necesitamos debajo de la imagen para y solo la vamos a arrastrar. Aquí se mandaron fianzas. Y ahora voy a duplicar esta imagen cinco años y nombrarla imágenes seis aquí. Y tenemos que arrastrarlo hacia abajo imagen cinco años. Y esta pieza es 30, lo mismo. Ahora voy a dar click en la imagen del muster que tenemos aquí. Simplemente vamos a quitar el relleno, pero necesitamos agregar, necesitamos agregar un trazo aquí. Así que sólo voy a hacer click en trazo, y el color del trazo va a ser el mismo color de nuestro icono de Filtro aquí tenemos Ahora voy a agregar un efecto aquí. Así que sólo voy a hacer click en Efecto gota. La sombra en el color es 087fe. Aquí la velocidad es 40. ¿Qué? Para X? Cero, para Y uno y la pleura es diez. Y voy a hacer clic y crear otra sombra paralela aquí. Para este va a ser negativo 60 aquí está 20, el color es negro. La opacidad es 20 aquí. Y voy a crear otra sombra paralela anterior, seis negativa. Entonces éste va a ser sólo seis. Aquí van a ser cuatro para Y. Y subir es para Winnie lo mismo y color lo mismo es negro Pero aquí la opacidad es de 50. Ahora voy a hacer clic derecho y copiar las propiedades aquí como así. Y voy a dar click aquí sobre esta imagen y pegar propiedad. Pero voy a quitar este trazo de color aquí. La primera sombra paralela tenemos el color aquí. Sólo déjalo en Negro, Sombra Partida. Copia propiedad de ésta, y pegarla a todas las demás imágenes aquí que tenemos. Ahora, voy a crear aquí un relleno para esta imagen. Así que sólo voy a dar click sobre esta imagen y crear un relleno. Pero el relleno aquí va a ser de color diferente. El color de relleno para esta imagen es cero, B tienen siete, F E para la opacidad es 25 es así que deshacer clic en esta Y aquí vamos a agregar un relleno. Pero el relleno aquí el color va a ser no el mismo, otro color. Así que da click en F f196e para la universidad, 25 . Para éste. Además, voy a agregar un relleno aquí, quitar este color. Voy a estar 6573 anuncio en el mismo por la opacidad 25 como así Ahora da click en éste. Vamos a crear otra bóveda de cañón, va a ser enchufada 40 Y esta también barra negra, la opacidad. Déjame crear la sensación de nuestra ciudad es, esta es 40, la primera es 60, y esta es 20. Ahora tenemos toda nuestra imagen de Filtro. Haga clic en Toda la imagen. Tenemos un creció con en una capa y lo nombramos filtros y alineando el espacio entre la imagen que Filtra. Y la parte abajo aquí se supone que tiene 60. Así que sólo voy a arrastrarlo aquí. ¿Quién tiene 60? Recientes como así. Ahora aquí necesitamos crear un patrón. Entonces solo voy a hacer click en T aquí. Sólo voy a escribir aquí. Vívido, genial. Entonces y el tamaño es 30 y es Paul Noto Sans para tipo de fuente. Y para el color es 080 pf7e. Entonces el mismo color de nuestra foto seleccionada. Sólo voy a arrastrarlo aquí para nuestra foto seleccionada, alinearla. Necesitamos crear un rectángulo. Así que solo voy a hacer clic en R y crear un rectángulo aquí. Lo que voy a agarrar fuera de este marco. Por lo que este rectángulo tamaño anchuras se suman para la altura 35 y el radio de esquina es girar aquí Y voy a agarrar este rectángulo aquí para nuestro fondo aquí. Y ahora voy a crear un color para este rectángulo. Sólo voy a ir a este ícono de categoría aquí tenemos. Tenemos que dar click sobre este icono, labios. Y voy a copiar la propiedad aquí, y voy a ir a esta propiedad basada en iconos aquí. Ahora necesitamos cambiar el color de esta forma a blanco y necesitamos alinearla como así. Ahora voy a duplicar este Rectángulo. Déjame nombrar la capa al fondo aquí. En el fondo, sólo voy a duplicarlo abajo hasta aquí. Voy a quitar el relleno, pero voy a agregar un trazo aquí y el trazo va a ser sólido. Y el color de esta camioneta es cero, B, F, siete, tengo E como tal. Aquí es normal. Asegúrate de que aquí sea normal. Lo necesitamos al centro aquí. Da click en esto, cambia al exterior y el tamaño del trazo es uno aquí. Ahora voy a crear nuestra sombra interior para este fondo aquí. Entonces la sombra interior va a ser, ¿o por qué? 0.2 para el piso? También 0.25 y negro para el color y 25 para la obesidad. Y voy a crear otra sombra paralela aquí. Entonces tenemos sombra interior. Voy a crear una sombra paralela aquí. Y esta sombra paralela es para Y uno aquí en el color va a ser cero P de siete. Opacidad, 25 más cinco aquí. Así que ahora tenemos nuestro botón va a hacer click sobre esto, ranurarlo como abajo aquí. El espacio entre esta imagen. Ya terminamos nuestra pantalla de filtro aquí. Y esto entre el fondo aquí en la imagen es 60 y aquí abajo es 50. Entonces para la foto, todo está bien. Muy bien, así que voy a alejar duplicar este fotograma para crear nuestra pantalla de edición y solo voy a cambiar aquí el nombre de pantalla para editar Este paso va a ser más fácil que eso antes de uno. Entonces no vamos a hacer mucho trabajo aquí. Yo sólo voy a quitar este título aquí. No lo necesito, sino que lo voy a mover. Déjame acercar, solo voy a quitar esto también icono aquí. Y voy a tomar este título y nombrarlo como editar. Pero tenemos que asegurarnos de que no sea audaz. Aquí es regular. Así que voy a reemplazarlo aquí como así. Me aseguraré de que sean 20 para el marco. Ahora voy a sustituir esta imagen. Entonces voy a ir a Activos aquí. Voy a tomar esta foto que tengo aquí, y la voy a copiar aquí. Y voy a reemplazar esta imagen aquí. Y tenemos que cambiar el tamaño a línea 5517 así que solo voy a quitar esto No lo necesito puesto. Además, necesitamos ver el espacio entre la navegación superior para la imagen. Entonces aquí abajo vamos a crear, voy a quitar este fondo aquí. Y aquí necesitamos crear una foto más pequeña para el modo de edición. Sólo voy a acercar y voy a clic en R y crear nuestro rectángulo aquí. rectángulo aquí para las malas hierbas va a ser hermandad de mujeres, o para la altura va a ser 50 como tal Tenemos que alinearlo. Ahora necesitamos duplicar este rectángulo aquí a otros diez. Así que sólo voy a arrastrar cinco aquí y cinco para el otro lado. Y necesitamos aquí también. Y otro para los diez. Y ahora voy a hacer click en todo este rectángulo, desplazarlo a para auto-maquetarlo. El espacio va a ser cuatro. Asegúrate de que esté en el centro aquí en línea así. Y ahora tenemos nuestro rectángulo aquí. Yo sólo voy a reemplazar dentro cada rectángulo de aquí con imagen. Entonces solo voy a hacer clic derecho aquí en esta imagen. Entonces déjame comenzar con el del medio. Así que voy a hacer clic con el botón derecho y hacer clic en el plugin Unsplash aquí y necesitamos más foto Ahora, haz clic en retratar y elige cualquier foto que te guste para cada rectángulo aquí Ahora para este rectángulo medio de aquí, voy a hacerlo más grande. Entonces sólo voy a cambiar el ancho a 44. La altura es de 60. Y tenemos que asegurarnos que todo el marco izquierdo aquí esté al centro aquí. Entonces ahora tenemos nuestras imágenes aquí, y ahora voy a crear aquí abajo otro icono. Entonces voy a acercarme. Voy a alejar el zoom aquí. Necesito nuestro icono, así que voy a ir a Activos aquí porque vamos a cambiar este icono. Entonces voy a hacer click sobre este icono aquí, on, arrástralo aquí. Déjame acercarme. Aquí. Tenemos que gustarnos este, cambiarlo con éste. Voy a quitar esto y tomar como uno aquí. Y también voy a quitar esto y este icono de aquí. Y voy a elegir esto más en cuatro icono de Aquí. Y también voy a quitar este icono. O vamos a necesitar este artículo y éste solo necesitamos alinear este icono aquí. Y éste. Además, necesitamos alinearlo. Voy a hacer click en el icono de Todos aquí como así. Tenemos que cambiar el marco aquí a imágenes. Si quieres crear más imágenes aquí. Por ejemplo, quieres como 5.5 aquí. Puedes hacerlo. Haz lo que quieras. ¿Qué? Lo mismo para, todos la misma idea. Ahora, rey retórico, terminamos nuestra app aquí. Ya tenemos toda nuestra pantalla aquí para que nuestra aplicación de cámara pueda crecer iteración. Tenemos una App completa ahora para Edición de Cámara. Y sígueme para más cursos sobre usted está diseño en diseño web