Dein erstes mobiles App-Design

1. Einführung: Hallo zusammen. Mein Name ist Ra und ich bin ein UX-Designer. In diesem Kurs zeige ich Ihnen, wie Sie mit Figma eine komplette Bildbearbeitungs-App für IUS von Grund auf neu erstellen können Und ich werde Ihnen einige der grundlegenden Techniken zeigen , die die meisten Designer Auch wenn Sie noch keine Erfahrung mit Design haben, sollte es für Sie nützlich sein, dies in Ihrem Designprojekt anzuwenden. Den Kurs werden wir zuerst auf dem Boarding-Bildschirm aufbauen. Dann erstellen wir unseren Startbildschirm, unsere Stimmung, unser Porträt, unseren Bildschirm, den Bildschirm, den Bildschirm, den Bildschirm, den Bildschirm, den Bildschirm, den Bildschirm, rotierenden Bildschirm und vieles mehr In diesem Kurs lernen Sie Designtechniken kennen, mit denen Sie Ihr Design verbessern und einzigartiger machen können Sie lernen, wie Sie eine Dark Mood App erstellen und wie Sie eine Maske für jede Ebene verwenden. Und wie man Farbverläufe hinzufügt, um sie mit dem Bild zu mischen und vieles mehr. Begleiten Sie mich auf dieser Lernreise und lassen Sie uns schweinchen. 2. Kurs- und Projektdateien: Willkommen zu unserem ersten Video für unseren Glückwunsch zum Kurs, und lasst uns anfangen, unsere Apps zu erstellen In diesem Abschnitt zeige ich Ihnen alle Ressourcen, die Sie für die Erstellung und Gestaltung unserer App benötigen. Das erste, was Sie also verwenden müssen, ist das Ios 16 UI Kit. Einige von ihnen sind kostenlos und einige kostenpflichtig, aber wir werden diesen benutzen, den kostenlosen. Und es enthält Hunderte von Komponenten, eine Demo und alles, was Sie benötigen, um mit einem Design zu beginnen, nicht dieses Design, sondern jedes Design, das mit der iOS-App zu tun Außerdem müssen wir die Noto Sans-Schrift von Google verwenden Und diese Schrift hat eine hochwertige Schrift mit mehreren Breiten und Höhen, und sie kann auch kostenlos verwendet werden. Außerdem müssen wir den SF-Symbols-Browser verwenden. Es ist ein Plugin in Figma und es enthält etwa tausend Icons Aber natürlich werden wir nicht all diese Icons verwenden. Wir werden von hier aus einige Symbole verwenden und Sie können sie in Zukunft als Ressource verwenden. Außerdem benötigen Sie einige Portraitbilder für unser Kameradesign Du musst das Plugin in Figma von Unsplash herunterladen , dass wir viele Fotos benötigen werden , weil es ein Kamerabearbeitungsfoto und all diese Links sind, ich werde es in der Beschreibung hier weglassen Sie können jederzeit auf diese Ressourcen zugreifen. Und lass uns anfangen 3. Onboarding-Bildschirm: In diesem Abschnitt erstellen wir unseren ersten Bildschirm , den erstellen wir unseren ersten Bildschirm , Onboarding-Bildschirm Wie Sie hier sehen können, habe ich mein Figma-Interface und ich habe hier die Seite mit den Gehaltswerten ich alle Ressourcen habe , die ich für mein Projekt verwenden werde Und genau hier habe ich Page to, auf der ich mein Design erstellen kann. Also klicke auf F und ich wähle iPhone 14 Peru. Und ich erstelle einen Eckenradius 50 und ändere die Füllfarbe auf 020 51f Und wir benötigen hier die Home-Statusleiste und die Home-Indikatoren. Gehen Sie also zu den Assets und gehen Sie hier nach unten und wir wählen für, lassen Sie mich ein wenig vergrößern. Und ich wähle diese Vermögenswerte aus und bringe sie her. Ich verschiebe es aus dem Rahmen, verschiebe es ein bisschen hierher und wähle einfach die Statusleiste aus, und wähle einfach die Statusleiste die ich verwenden werde, und ziehe es hier in eine Linie, sodass du es so ausrichten kannst, und bringt die Home-Anzeige hier unten rein hier in eine Linie, sodass du es so ausrichten kannst, . Und Sie können Alignment Bottom verwenden. Und ich werde das entfernen. Und auch hier brauchen wir unseren Hintergrund. Unser Hintergrund wird also die Kamera sein und wir werden hier berichten. Wählen Sie also diese Bilder aus, legen Sie sie hier hinein und ich werde sie hier hin und her bewegen die Kamera einfach so in den Rahmen ziehen. Und ich werde mit Rotation spielen. Es wird 30 und muss es auch nur ein bisschen ziehen. Also werde ich erstellen, weil der Ballbesitz minus 507 sein wird und für die Y-Position 256 Und lassen Sie uns dieses Bild als Hintergrundbild verwenden. Ziehen Sie es also in den Rahmen. Also müssen wir damit spielen. Wählen Sie also die Ebene aus und wir müssen sie ändern, die Position wird negativ 133,4 sein Die Y-Position wird eins zu eins negativ sein und es wird eingegeben. Und ich werde auch die Ebene ändern. Die Farbe wird niederländisch sein. Und ich zoome hinein, um sehen zu können, ich werde diese drei Heimstatus verschieben und sie als Heimstatistiken erweitern und sie hierher verschieben. Und wir müssen diese Bildebene auch gruppieren und ich werde sie Pay-Frame nennen und für den Home-Indikator nach oben gehen. Wie Sie hier unten sehen können, haben wir keinen Kontrast in der Farbe für das Bild. Um das zu beheben, erstelle ich einen Frame. Klicken Sie also auf F und ziehen Sie es so. Der Rahmen mit 393,4, die Höhe wird 334 sein Und ich werde es ein bisschen nach oben verschieben. Und innerhalb des Rahmens müssen wir füllen, eine Füllung erstellen, auf Linear klicken, und die Farbe unten wird 000210 und die Opazität 100 sein , und die Farbe oben wird dieselbe sein Also nimm einfach die gleiche Farbe und füge sie hier ein, aber hier wird es Null sein. Und verschiebe einfach diese kleinen Teile hierher, um mehr Kontrast zu erzeugen. Ich denke, das ist momentan in Ordnung. Und hier unten müssen wir einen Header oder eine Überschrift für unsere App erstellen . Holen Sie sich also das Textwerkzeug und geben Sie einfach unsere Überschrift ein. Jetzt erstelle ich die Überschrift , die wir benötigen werden. Und lassen Sie uns eine Schrift einbinden und sicherstellen , dass der Schrifttyp Noto Sans ist Ich werde die Schrift so ändern, dass sie fett ist. Die Schriftgröße wird 44 Schriftarten betragen. Die Höhe wird automatisch angehoben. Wir brauchen eine automatische Höhe und werden sie einfach so bewegen. Lassen Sie uns jetzt hier unten unseren Boden erstellen. Geben Sie einfach F ein, erstellen Sie hier, holen Sie sich Ihr Textwerkzeug und ändern Sie die Größe auf 15. Und ich tippe hier, probiere es kostenlos aus und lass mich das Formular in der Mitte ändern . Ich ziehe es einfach hierher, nur um es sehen zu können , und gehe zum Satz unseres Falls. Und ich muss es mittel- und höhenautomatisch einstellen. Und lass uns auf den Rahmen klicken. Wir müssen es korrigieren, damit das Layout in der Mitte sein wird , und es mit einer festen Höhe korrigieren. Und das Gras, das ich hier sehe, wird 204 sein, die Höhe wird 44 sein, und ich werde einen Grenzradius von 34 erstellen Außerdem müssen wir ein Gefühl dafür schaffen , dass die Unterseite linear sein wird und die Farbe oben 65 73ed sein wird Und die Farbe unten wird eine für D bis E sein , sechs von uns, die beste ist 100. Also werde ich einen Strich erzeugen, der in mir 0,5 sein wird . Holen Sie sich das Overlay und ändern Sie die Farbe auf Weiß. Ich werde es für euch zoomen. Wir werden sehen , außerdem müssen wir einen Effekt hinzufügen, der ein linearer Schatten sein wird und 33 für die Farbe wird 788ff sein und der Nachteil wird 25% betragen und wir müssen ihn auf die Mitte ausrichten Und so haben wir jetzt, unser erster Bildschirm ist 3D. Wir müssen den Frame-Namen hier ändern und ihn auf dem Onboarding-Bildschirm benennen Jetzt haben wir unser erstes Screening, im nächsten Video wird es möglich sein, die Homepage zu erstellen 4. Startseite Bildschirm: In diesem Abschnitt erstellen wir unseren sekundären Bildschirm , den Startbildschirm. Wie Sie hier sehen können, habe ich unseren ersten Design-Onboarding-Bildschirm Um den zweiten Bildschirm zu erstellen, werde ich diesen Frame duplizieren. Ich werde alles innerhalb des Frames entfernen, erwarte die Statusleiste und die Home-Anzeige und verschiebe die Home-Anzeige außerhalb dieses gelöschten Frames. Und ich werde den Ebenennamen in den Startbildschirm ändern. Und jetzt ist unser Rahmen bereit, mit dem Design zu beginnen. Lassen Sie mich hineinzoomen und hier oben müssen wir einen weiteren Rahmen erstellen. Und ich erstelle einfach einen Rahmen. Und die Rahmengröße für Weizen, 393,4, Höhe 44, und der Abstand zwischen der Statusleiste und dem Rahmen ist Null Jetzt brauchen wir hier unsere Ikone. Gehen Sie also zu den Assets und wählen Sie unsere SRF-Symbole aus und kopieren Sie sie und fügen Sie sie hier Ich werde es einfach hierher ziehen. Und ich wähle das Kontosymbol hier und ziehe es hierher. Und ich brauche hier auch ein Plus-Symbol. Jetzt ist die Symbolgröße 44 für Unkraut und 4044 Hide. Der Abstand zwischen den einzelnen Symbolen ist Null, und jetzt müssen wir unseren Titel erstellen Vergiss nicht, es auszurichten. Lassen Sie uns nun unsere Titel erstellen. Also bringe ich das Tippwerkzeug her und tippe in mein Studio. Ich ziehe es einfach hierher und nur um sehen zu können, stellt jetzt sicher, dass die Schrift Noto Sans ist und vier Größen auf Winnie, ich werde den Schriftstil hier fett ändern und auch die automatische Höhe aller Unterrichtsstunden ändern und sie so nach links ausrichten Und jetzt haben wir unseren Titel hier. Jetzt müssen wir hier unten unser Kategoriesymbol erstellen. Also, was ich hier machen werde, ich klicke auf F und erstelle einen weiteren Frame. Also werde ich hier einen Rahmen erstellen. Und diese Rahmengröße ist für Unkraut bestimmt, Höhe 74,4 wird 78 betragen Und innerhalb des Rahmens brauche ich hier keine Hintergrundfarbe. Also innerhalb des Rahmens. Und statt einer Hintergrundfarbe muss ich einen Kreis erstellen. Also geh hierher und wir brauchen das Ellipse-Werkzeug und erstellen hier einen Kreis. Ich werde den Kreis vergrößern. Wir müssen es hier ein bisschen ausrichten. Löschen Sie nun die Füllung des Kreises auf. Jetzt müssen wir Striche hinzufügen, sodass die Strichfarbe 6e68 ist A7 bei der Opazität wird also 50 sein. Und jetzt haben wir unseren Kreis hier. Wir müssen sicherstellen, dass der Kreis innerhalb des Rahmens ausgerichtet ist. Jetzt haben wir unseren Kreis. Wir brauchen natürlich ein Symbol in diesem Kreis. Also werde ich hier rauszoomen, zu den Assets hier gehen und wir werden unser Glassymbol auswählen, das es kopiert und hier auf unsere Seite eingefügt hat Ich werde das hier runterziehen, in das hier. Jetzt wähle ich dieses Symbol hier und ziehe es in unseren Kreis. Achten Sie darauf, dieses Symbol auszurichten. Und auch das Symbol hier ist 44 für 44. Jetzt haben wir unser Symbol. Ich zoome rein. Jetzt müssen wir einen Titel erstellen, hier einen Kreis nach unten. Also müssen wir hier einen weiteren Frame erstellen. Und dieser Frame für Unkraut wird 74,4 sein. Die Höhe wird größer. Jetzt müssen wir uns unser Icon schnappen Tippwerkzeug für ein fünfjähriges Album Ich ziehe einfach unseren Titel her. Lassen Sie uns nun unsere Schriftgröße hier auf 15 festlegen und Noto Sans-Schrift auf der Schrift wird normal oder in Breite und Höhe sein Richten Sie es aus. Ich ändere die Schriftfarbe auf Null, Neun FC. Jetzt haben wir hier unser erstes Icon. Also benenne ich den Frame einfach in Album um. Und ich werde dieses Symbol gruppieren und es auch in Album ändern. Jetzt erstelle ich weitere vier um unser Kategoriemenü zu erstellen. Ziehen Sie es also einfach hierher für ein anderes Symbol. Jetzt gruppiere ich das ganze Symbol hier, groovt es, und jetzt müssen wir es ausrichten und auch das automatische Layout verwenden, der Abstand ist Null, und jetzt haben wir unser neues Symbol hier Lassen Sie uns nun die Gruppierung dieses Symbols aufheben. Ich werde die Gruppierung aufheben. Was ich jetzt tun werde, ist das Symbol in eine andere Kategorie zu ändern und auch den Namen jedes Symbols zu ändern. Also, ich fange einfach an, unser Symbol hierher zu ziehen. Jetzt haben wir unsere Kategorie hier. Mach das schon so zu Ende. Jetzt ändere ich hier jeden Ebenennamen so, dass er zum gleichen Namen jedes Symbols passt. Also jetzt haben wir hier Favoriten. Jetzt gruppieren wir es noch einmal, alle Ebenen hier nach haben und gewachsen mit einem Namen, die Ebene als Kategorie, Kategorien hier. Jetzt müssen wir das Layout für jeden sicherstellen, oder? Jetzt müssen wir jedes Symbol auf 20 Pixel herunterziehen. Also heben Sie die Gruppierung einfach wieder auf. Ich muss das reparieren, bevor ich anfange, es zu ziehen, nur um sicherzugehen, dass es richtig ist. In Ordnung, und dieser auch, lassen Sie uns das reparieren. Ich finde es passt. Ordnung, jetzt klicke ich einfach auf das Videosymbol hier und ziehe es nach unten alles auszuwählen und nur zu klicken Wir müssen die Gruppierung aufheben, auf das Videosymbol klicken und es um 20 Pixel ziehen Und für das Galeriesymbol ziehe ich es, tut mir leid, es ist also Pixel hier und ich ziehe das Lieblingssymbol hier runter zu Winnie Person, um es mit dem visuellen Symbol auszurichten Wählen Sie nun das gesamte Symbol erneut aus und erweitern Sie es , erweitern Sie es um einen Namen und Kategorien. Und jetzt haben wir unsere Speisekarte. Jetzt müssen wir hier unten ein Trennzeichen erstellen. Also, was ich tun werde, ist auf die Zeile zu klicken oder einfach hier auf die Abkürzung zu klicken. Und ich werde hier ein Trennzeichen zeichnen. Und für die Gewichte sind es drei Linien, drei, und stellen Sie sicher, dass die Drehung hier Null ist. Denn die Farbe wird dieselbe sein wie die die wir hier haben. Und auch 50 wird einer Opazität von 30 entsprechen. Und was wir hier von diesem Trennzeichen benötigen, ist eine kurvige Linie, die auf das ausgewählte Objekt hier ausgerichtet ist, nämlich die Galerie Wir müssen also auf Objekte bearbeiten und das Pin-Tool klicken. Und ich werde hier eine Kurve erstellen und ich werde aufsteigen. Wir brauchen, dass diese Kurve auf die Galerie ausgerichtet ist. Jetzt müssen wir die Höhe auf 37 Jahre erhöhen. Der Raum wird ungefähr 20 sein, und ich werde die Ebene separat oder eins benennen. Duplizieren Sie nun diese Ebene und benennen Sie sie als Trennzeichen für Und wir werden diesem Separator mehr Stil verleihen. Ich werde ein Lineares erstellen. Ziehen Sie es also einfach hierher, stellen Sie sicher, dass Sie das separate auswählen oder zum linearen Strich wechseln. Und ich werde es so vertikal machen. Lassen Sie uns hier mit der Opazität spielen. Aber vorher müssen wir die Farbe ändern. Also müssen wir die Farbe hier ändern , nur um Ihre Änderungen sehen zu können. Also mache ich das rückgängig und die Farbe hier für das separate oder das Werkzeug ist 087ef E. Jetzt erstellen wir unseren linearen Verlauf und ändern ihn auf vertikal, erstellen hier weitere drei Und ich fange einfach an, hier mit der Opazität zu spielen. Also werde ich Augusti hier auf Null setzen. Und für den zweiten würde ich einfach in der Mitte 1.120,0 abschneiden Und die Kapazität für Hall wird 100 sein und es werden drei sein. Jetzt haben wir unseren Glow hier und ich füge einen Effekt hinzu. Also duplizieren Sie dieses Trennzeichen. Ich ändere es in, ich werde es hier in das Namenstrennzeichen auf drei ändern Und ich füge einen Effekt wie eine Ebene auf dem Boden und um acht Uhr haben wir, wie Sie hier sehen können, unsere kurvige Linie an den ausgewählten Objekten ausgerichtet , die wir hier haben. Ich werde alle separaten Tools, die wir hier haben, oder die Ebene gruppieren und den Ebenentrenner benennen Jetzt haben wir unseren Separator hier. Ich werde es hier mit unserer Kategorie gruppieren, jede dieser intimen Kategorien gruppieren. Und jetzt haben wir in dieser Ebene unseren Separator und unsere Kategorie Jetzt sind wir schon fertig damit, unseren ersten Teil hier zu erstellen. Jetzt erstellen wir unseren mittleren Teil, nämlich die kurvige Galerie Wir müssen hier ein Layout der kurvigen Galerie erstellen. Also brauchen wir zuerst unser Rechteck. Wir werden hier ein Rechteck erstellen und das wird 393,4 sein, Höhe wird also 260 sein Jetzt müssen wir hier die Kurvenseite, oben und unten, erstellen . Also werde ich hier auf diese separate Ebene klicken. Und ich muss einen der Separatoren duplizieren und ihn hierher bringen. Jetzt nehme ich es mit hierher. Ich zoome rein, nur um es sehen und ausrichten zu können. Ich mache hier einhundert und dupliziere dieses Trennzeichen und verschiebe es um 180 und schiebe es hierher und richte es an unserem Rechteck hier Jetzt werde ich eine kurvige Schicht erstellen. Klicken Sie hier einfach auf das Rechteck, bearbeiten Sie das Objekt und das Stiftwerkzeug Ich ziehe es einfach hierher und achte darauf, es an unserem Trennzeichen hier auszurichten und auf Fertig zu klicken Und lassen Sie uns das Werkzeug erneut erstellen, bearbeiten, anheften und verschieben Stellen Sie sicher, dass Sie es an unserem separaten Objekt ausrichten, oder ich zoome rein, um unsere kurvige Ebene hier zu sehen, zoomen Sie heraus Was wir hier jetzt brauchen, ist, jede Seite zu teilen. Wie wir das machen können, erstellen wir hier ein weiteres Rechteck. Also werde ich ein Rechteck erstellen. Dieses Rechteck, ich werde es hier ausrichten. Denn die Größe für dieses Rechteck wird 207 sein. Und für Hyatt 260 werde ich die Farbe ändern, nur um jedes Rechteck sehen zu können, das wir hier haben, und jetzt müssen wir es an unserem ersten Rechteck hier ausrichten , wie Sie sehen können, und sicherstellen, dass es sehr gut ausgerichtet ist Nun, was wir tun werden , ist, dass ich jetzt unseren Separator hier verstecke , um jede Seite zu erstellen Wie Sie hier sehen können, vergessen Sie nicht, jedes Rechteck aneinander auszurichten Daher ist es sehr wichtig, für jede Größe die richtige Größe zu finden. Also klicke ich auf Rechteck Zwei. Ich klicke hier auf das untere Rechteck und gehe zur Apollyon-Gruppe und subtrahiere Und jetzt haben wir diese. Ich dupliziere diese Ebene und drehe sie um 180 Grad. Jetzt haben wir die andere Seite für unsere Galerie hier. Jetzt haben wir jede kurvige Größe hier. Also klicke ich einfach auf jedes einzelne und flattere Jahr. Jetzt habe ich hier unser schönstes Layout, unsere Galerie, und wir müssen jetzt noch eine erstellen Also werde ich die gleichen Schritte hier wiederholen. Ich erstelle hier ein Rechteck für Woche 3934 und verstecke 260 auf für Woche 3934 und verstecke 260 Wir müssen jetzt unseren Separator duplizieren. Ich werde das hierher verschieben. Jetzt haben wir ein Trennzeichen, duplizieren Sie einfach ein anderes und verschieben Sie es nach oben in dieses Rechteck Ich werde es hierher verschieben, will es nur auf 100 bringen, damit ich es sehen kann. Lassen Sie mich näher darauf eingehen, was wir tun werden, ist, dass ich eine Drehung um 180 mache und auch diesen Separator duplizieren Und ich verschiebe einfach eins davon einzeln oder hier nach oben und ziehe unser, richte es an unserem Rechteck hier und verschiebe dieses und verschiebe es hier nach unten und richte es auch aus Jetzt haben wir unseren Separator. Ich klicke einfach auf das rechteckige Bearbeitungsobjekt und das Pin-Tool und erstelle hier unsere Kurve und derselbe Teil wird hier unten angezeigt. Jetzt verstecke ich unseren Separator. Und wir werden unsere geteilte Seite erstellen, diese erstellen, hier unser Rechteck erstellen Erstellen Sie einfach ein weiteres Rechteck. Ändern Sie die Farbe, die wir auf dem Rechteck sehen wollen, auf die Breite 07 und die Höhe 260, und wir müssen sie ausrichten Es stellt sicher, dass das erste Rechteck dieselbe Breite und Höhe Jetzt haben wir auf jeder Seite eine Linie, klicken Sie auf das Rechteck eine Ebene und duplizieren Sie diese Ebene Ich ziehe das hier nach oben, klicke auf jedes Rechteck hier klicke auf jedes Rechteck hier gehe zur Booleschen Gruppe Jetzt haben wir unseren fairsten Vorstand. Jetzt müssen wir unsere zweiten Websites erstellen. Lassen Sie uns nun den anderen Seitenteil abfragen. Also, was ich tun werde, ist hier ein weiteres Rechteck zu erstellen, auf 07260 unkenntlich zu machen, um die Farbe zu ändern Stellen Sie sicher, dass Sie es sehr gut am Rechteck ausrichten. Klicken Sie nun auf Pauline Group, subtrahieren Sie, und jetzt haben wir den anderen Teil Nehmen wir also die andere Seite und beginnen, ein anderes Layout zu erstellen. Jetzt schnappe ich mir den hier. Also, und schmeicheln jedem Abschnitt hier, habe ich diese Ebene hier erstellt, und ich werde sie hierher ziehen Jetzt haben wir unseren dritten Abschnitt, streiche diesen, ziehe ihn hierher, und dieser hier richtet auch jedes Objekt aus, das wir hier haben, jetzt haben wir unseren medialen Teil, an dem unsere Galerie ist Also klicken wir hier und wir müssen unser Unsplash-Plugin mitbringen, um einige Bilder hierher zu ziehen Jetzt ist unser Plugin da und suche oder tippe hier in die Suchleiste nach Portrait. Oder ich klicke einfach hier auf unser Portrait. Ich klicke einfach auf jede Seite und bringe ein paar schöne Bilder mit. Jetzt haben wir unsere Bilder hier. Wir müssen unsere Gruppenebene für all diese Teil- und Gruppen-ID erstellen und sie als Galerie benennen. Und so haben wir jetzt unsere Kategorie, unsere Galerie. Jetzt müssen wir damit beginnen, den unteren Teil hier zu erstellen, ich werde einfach unseren Indikator hier oben entfernen. Jetzt müssen wir hier unseren letzten Teil erstellen. Also, was wir tun werden, ist auf dem Rechteck zu erstellen, und ich werde hier unten ein weiteres Rechteck erstellen Und die Größe dieses Rechtecks für Unkraut wird 393,4 sein, Höhe 111, und richte es hier aus, es unten so Und jetzt müssen wir eine lineare Farbe erstellen , sodass die Farbe oben 79715 sein wird, und diese Farbe wird die Farbe unten sein, 020, 51f, und klicken Sie hier auf die Opazität, Jetzt ziehe ich das hier in der Mitte ein bisschen nach oben . Also jetzt muss ich hier eine kurvige Seite kreieren. Gehen Sie also einfach hier zur Kategorieebene und duplizieren Sie unseren Separator Und ich werde diesen benutzen und ihn hierher ziehen. Und nur um die Farbe sehen zu können, die wir hier haben, müssen wir sie an unserem Rahmen ausrichten und einfach auf unser Rechteck, sein Objekt und das Pin-Tool klicken und es einfach nach unten ziehen Jetzt haben wir also unseren kurvigen Teil. Jetzt brauchen wir hier zwei Buttons. Also werde ich einfach eine Säge vergrößern und ich brauche hier zwei Knöpfe. Also brauche ich nur die Kamera und die andere Unterseite hier, ich nehme diese eine Unterseite hier und schnapp mir die andere Unterseite hier. Also brauchen wir jetzt, jetzt haben wir unser Icon hier, das Exit-Icon. Ich werde diese Mahnwache auf jeden Fall brauchen, das Symbol hier. Also, was ich tun werde, ist es einfach hierher zu ziehen damit wir es hier unten haben. Ich klicke hier auf jede Seite oder jedes Symbol. Und der Abstand zwischen den einzelnen Symbolen beträgt 185. Und außerdem muss ich hier etwas kreieren wie hier oben in diesem Bereich. Also, was ich tun werde, ist auf das Rechteck zu klicken, hier zum Strich zu gehen und die Farbe wird weiß sein Aber wir müssen hier unsere Linearität erstellen. Und ich ziehe es einfach vertikal und erstelle hier zwei weitere. Und wir werden mit unserer Geschwindigkeit spielen. Der erste wird 01100 sein, auch dieser 1.100,0 für den letzten, ich schnappe es mir hier einfach ein bisschen Und jetzt klicken Sie darauf und machen Sie es zu einem Overlay. Jetzt müssen wir hier unseren Kreis für unsere Kamera erstellen. Also schnappe ich mir das Ellipse-Werkzeug hier und erstelle einen Kreis Die Kreisgröße beträgt 74 bis 74 für Breite und Höhe. Und ich zoome raus und gehe zu unserem ersten Button hier. Ich kopiere die Immobilie einfach hierher und ziehe hierher, zoome hinein und füge sie hier ein. Jetzt haben wir unser Eigentum. Ich werde diesen Truck hier abbauen. Und jetzt lassen Sie uns hier einen Effekt erzielen. Also zuerst dupliziere ich diese Ebene und füge Effekte hinzu und sie sind plur, und mache daraus einen. Jetzt muss ich hier unseren kleineren Kreis erstellen, ein Ganzes für unsere Kamera Gehen Sie also zum Ellipsenwerkzeug und erstellen Sie einen Kreis. Und die Größe dieses Kreises wird 54,54 sein. Ich werde es mit unserem Kreis hier in Einklang bringen. Lassen Sie uns nun unseren Kreis hier zusammenbinden , um unser Symbol hier zu gestalten Gehen Sie einfach zu Füllen und wählen Sie Linear, damit die Farbe oben 080d zu a wird. Und für die untere Farbe wird die Farbe 454377 sein und die Opazität wird hier sein, Und jetzt füge hier einen Effekt hinzu und sie beeinflussen, dass das Jahr ein innerer Schatten sein wird und ändere es hier auf minus zwei und auch hier auf minus zwei. Und Folklore hier ist für und dafür , dass hier die Farbe weiß ist Jetzt werde ich auch hier einen Strich machen. Also füge ich hinzu, denn der erste Kreis wird 0,5 sein und die Farbe wird weiß sein. Jetzt fügen wir hier unsere Kamera hinzu. Also zoomen Sie raus und ziehen Sie es einfach nach unten, um unser Symbol hier sehen zu können. Achten Sie darauf, es auszurichten. Und jetzt verstecke ich unseren Hausindikator. Ich brauche es nicht. Ich werde alle hier gruppieren und die Ebene als Leerzeichen benennen. Ich werde hier einfach in der Mitte rauszoomen und einfach unser Symbol hier mit unserem Gesichtssymbol nehmen unser Symbol hier mit und so mit unserer Basisebene wachsen. Und jetzt haben wir hier unseren Heimatindikator. Lassen Sie mich das herausziehen und auch das hier. Jetzt haben wir so unseren zweiten Bildschirm. Im nächsten Abschnitt geht es um unseren anderen ist Screen 5. Bildschirme mit Fotomodi: In diesem Abschnitt werden wir diese Bildschirme erstellen. Der erste Bildschirm wird den Fotomodus und der zweite, haben und der zweite, der Hochformat, wie Sie hier sehen können. Ich habe unser vorheriges Design hier, der Onboarding-Bildschirm und der Startbildschirm werden ihn nur für ein bisschen ausblenden und auf F klicken. Und ich wähle hier unsere iPhone-14-Reihe aus und erstelle einen Eckenradius 50. Und für die Farbe ist 0205 auf fünf. Ich ändere einfach den Framenamen in den Fotomodus Screen. Und jetzt brauchen wir hier eine Statusleiste und hier unten eine Home-Anzeige. Wir werden hier eine Top-Navigation erstellen. Also gehe ich hier einfach zu Assets und klicke auf Statusleiste und die Home-Anzeige und bringe sie auf meine Seite hier. Ich ziehe es aus meinem Rahmen. Ich zoome einfach rein und wähle einfach jedes dieser Symbole hier aus und bringe es in unseren Rahmen hier und richte es aus. Wir müssen uns hier in der Mitte ausrichten. Jetzt ziehe ich einfach diese Home-Anzeige hierher. Jetzt muss ich einen Rahmen erstellen. Ich werde das einfach loswerden. Gehen Sie zu Assets, das FX-Symbol hier. Also bring es in meinen Strand und klicke auf F und zeichne unseren Rahmen hier. Und für die Breite wird 393,4 hoch sein, 44. Ich richte es einfach in der Mitte aus und verschiebe es hierher, reihe es und der Abstand zwischen der Statusleiste und der oberen Navigation ist Null. Jetzt brauche ich dieses Flush-Symbol. Also werde ich es einfach hier reinbringen und Chevron unten in der Mitte und das Live-Foto hier. Und der Abstand zwischen den einzelnen Symbolen, dem Rahmen, ist für Winnie, der Shake oder der anderen trifft Jetzt werden wir diesen ausrichten. Jetzt erstellen wir hier unser mittleres Layout. Also klicke ich einfach auf unsere Zeichnung, unser Rechteck hier. Und die Größe des Rechtecks ist 3934 breit. Und für Höhe 531 werde ich es einfach innerhalb des Jahres nach oben ausrichten Und der Abstand zwischen unserem Rechteck und unserer oberen Navigation beträgt 16. Und jetzt brauchen wir unser Bild in diesen Rechtecken. Also gehe ich einfach zu Assets. Benötigst du Unsplash für jedes Bild, das du willst? Sie können jedes Bild herunterladen und in dieses Rechteck bringen Ich wähle dieses Bild aus und ziehe es hierher. Für unser Rechteck zeige ich einfach dieses Bild, den Raum, unser Rechteck hier und richte Und ich werde das Rechteck und das Bild hier gruppieren und es als Foto benennen Und ich muss hier das Rechteck rammen, mit der rechten Maustaste klicken und es als Maske verwenden Jetzt müssen wir hier einen Controller zum Heranzoomen erstellen. Also werde ich hier einfach ein weiteres Rechteck erstellen. Und die Größe des Rechtecks ist 393,4 hoch 200. Und die Farbe wird dieselbe Farbe wie unser Thema sein, diese Farbe und Ausrichtung. Jetzt werde ich hier als Controller unseren Kreis ziehen. Klicken Sie also auf alle und erstellen Sie unseren Kreis. Die Kreisgröße Breite vier bis sechs und für die Höhe die gleichen vier bis sechs. Wir müssen diesen Kreis hier ausrichten und ihn ein bisschen nach unten ziehen. Ich nenne es als Basis für ein Jahr und ziehe es so unter unser Rechteck Und jetzt muss ich die Farbe ändern. Also gehe ich zu Assets und bringe meine Farbpalette hierher ziehe sie aus meinem Rahmen. Die Kreisfarbe wird sein, ich brauche die Zugleiste hier, diese Spalte, und klicken Sie auf Überlagerung Und ich ziehe das einfach Rechteck hier nach unten und unten Jetzt müssen wir einen Strich erstellen, und der Strich wird schwarz sein, Opazität 3030 Und wir werden einen Effekt erzielen. Der Grad im Erdgeschoss ist 40. Ich muss das hier nur ein bisschen nach oben verschieben . Lassen Sie uns hier einen weiteren Kreis erstellen. Also werde ich diese Ebene einfach duplizieren und sie als Leerzeichen benennen, und ich kopiere die Füllfarbe hierher, kopiere sie und die Bedürfnisse von L und füge sie hier in den Strichbereich ein. Und die Diversität ist 100 und die Opazitätsgröße wird eins, 6 s sein . Ich zoome hinein und entferne den Effekt hier. Gehen Sie, um einen Strich voranzubringen Klicken Sie hier auf die Bindestriche Der erste, die Strichgröße wird der Lücke entsprechen, ist für Winnie Dann ändere ich die Kreisgröße auf vier bis Null, oder auf Breiten für wen? oder auf Breiten für wen Null für die Höhe und klicken Sie hier auf Proportionen konstruieren. Jetzt müssen wir einen weiteren Kreis erstellen. Also dupliziere ich einfach die Basis Zwei und nenne es als zahlt drei. Ich ändere eine Strichfarbe auf Weiß und die Strichstärke ist sechs, und die Striche werden eins sein und Gab eins Jetzt müssen wir hier auf Basis 3.2 klicken. Ich zoome raus und schiebe es hier ein bisschen nach unten. Und so, und jetzt müssen wir hier einen Pfeil erstellen. Also müssen wir hier das Polygonwerkzeug verwenden und hier ein Polygon erstellen Und die Größe ist 6,4 Unkraut 3514 Eckenradius und drehen Sie eins um die Farbe damit dieses Polygon diese Farbe haben wird Ich zoome nochmal rein. Und jetzt nehme ich dieses Polygon und klicke auf die Ebene Klicke auf Flattern. Und Sie werden feststellen, dass sich Größe, Breite und Höhe ändern. Also werde ich es noch einmal schreiben, 6.4, die Höhe ist bei, und ich werde die Ebene als R0 benennen Und hier brauchen wir das Timing-Tool, um einige Abschlüsse zu schreiben. Ich klicke auf T. Ich binde nur eins. Die Größe wird 1302 Breiten und Höhen sein und fett und die Farbe, die gleiche Farbe, die unser Pfeil hier zeigt werde diesen nehmen und ich werde ihn kopieren, auf einen anderen kopieren Und ich werde hier sein mit sechs und M. Also brauchen wir hier unseren Fall. Also werde ich es hier festhalten. Ich wähle dieses Objekt einfach im automatischen Layout wobei der Abstand zwischen den einzelnen Zahlen Null ist , und nenne es als Grad eins. Ich verschiebe es einfach nach unten bis zum Pfeil hier und dupliziere das einfach auf einen anderen. Aber hier binde ich zu dritt, und hier wirst du 77 sein, aber die Farbe und der Stil werden regulär sein. Also hier auf regulär und die Farbe dieselbe Farbe, diese Ebene hier, und auch für diese und die Farbe den gleichen Namen, den Ebenengrad, um sie hier ein bisschen nach unten zu verschieben. Ich werde das auch duplizieren und hierher ziehen und es fünfjähriges 0,513 nennen und es Xolair Grad drei nennen Und jetzt müssen wir jeden Grad drehen, den wir hier haben. Also werde ich diesen einfach rotieren. Ich drehe es. Also dieser wird 30 sein, die Drehung für den anderen hier, minus 48. Der Abstand zwischen dem Grad und dem Pfeil wird also vier sein. Ich werde es hierher ziehen und nur diese kleinen Teile hierher bringen und diesen auch hierher. Und jetzt müssen wir diese Höhen entfernen. Wir müssen diesen Teil verstecken. Also gruppiere ich die Zara Pays, die wir hier haben. Also schnappe ich mir einfach alle P's, die wir in einer Gruppe haben, klicke auf jedes einzelne und gruppiere es als, nenne es als Controller. Und ich nehme einfach das Rechteck-Werkzeug und zeichne hier ein Rechteck Und dieses Rechteck wird in unserem Controller hier sein in unserem Controller hier Und wir müssen das Objekt oben nur ein bisschen bearbeiten , unser Bild auch in Rom. Jetzt müssen wir das Rechteck hinter die Basis und BaseOne verschieben , wir es einfach mit der rechten Maustaste als Moschee verwenden Und jetzt ist dieser Sport versteckt und ich werde den Pfeil und den Grad hier gruppieren. Und jetzt gruppiere ich jedes Icon, das wir hier haben , und groove es als Zoom-Controller. Und ich werde diese und mit ausgeschaltetem Controller in einer Gruppe gruppieren. Lassen Sie uns nun den unteren Teil hier abfragen. Also werde ich hier einfach auf T klicken und ich werde hier anknüpfen, Zeit, Zeitraffer Und der Schriftstil wird keinen Sinn machen, WENN er fett und in Großbuchstaben geschrieben wird Und die Schriftgröße, sie wird 30 sein, oder die Breite und Höhe, und die Farbe wird dieselbe Farbe haben wie hier. Also werde ich mir hier einfach den Drop schnappen. Und jetzt brauche ich sechs Tabs von diesem. Ich kopiere hier einfach den Take-Tab. Jetzt ändere ich den Namen für jeden Tab. Wählen Sie jetzt die gesamte Oberseite aus, die wir hier haben, automatisches Layout und der Platz hier wird 24 sein, ich habe gesehen, und ich werde es hier und den Abstand zwischen der Tab-Leiste ausrichten hier und den Abstand zwischen der Tab-Leiste Unser oberster Controller hier sollte Winnie sein. Ich schnapp es mir einfach Ein Platz hier ist 20. Ich gehe einfach hierher zum Foto und richte es hier nach Grad aus und der Pfeil richte es wieder aus. Und ich brauche das Ganze hier. Und ich werde das Foto so ändern, dass es hält. Die Farbe wird hier die gleiche Farbe des Pfeils haben wie ein ausgewähltes Objekt hier. Und jetzt ändere ich den Namen des Frames und nenne ihn als Kategorie-Tab. Jetzt müssen wir hier unten ein Symbol erstellen, ein Symbol für das Switch-Symbol hier. Also werde ich so herauszoomen. Ich muss das Symbol hierher bringen, dieses, ich ziehe es einfach hierher und jetzt binden wir es an unser Symbol. Die Symbolgröße ist 44 für 44, und wir haben hier einen Eckenradius. Also werde ich hier eine Füllung hinzufügen. Am. Die Füllung wird hier linear sein und die Farbe auf der Oberseite wird 7971, B5 sein und die Farbe auf der Unterseite wird 020043 sein Also werde ich es einfach ein bisschen hierher verschieben. Und jetzt werde ich hier einen Strich machen. Und die Strichstärke wird 0,5 sein. Der Strich, ich werde eine lineare Linie erstellen, die App-Farbe wird weiß auf der untersten Farbe und eine Farbe schwarz sein. Und um das Overlay hier zu übernehmen. Und wir müssen auch ein Effektjahr schaffen. Und ich habe einen inneren Schatteneffekt darauf, es wird Null bis Zwei sein, weiße Farbe weiß und die Opazität wird 20 sein Und jetzt ändere ich die Farbe des Kreises und nehme, dass ich hier dieselbe Farbe gefahren bin. Jetzt haben wir unseren Kreis. Ich muss hier einen Auslöser erstellen. Also klicke einfach auf alle, erstelle hier einen Kreis. Und diese Kreisgröße wird 64 Unkräuter und die gleiche Höhe haben. Und ich werde das Grundstück hier für dieses, hier und so weiter kopieren . Jetzt nenne ich dieses Ellipsenwerkzeug Kreis eins, und wir müssen diese Ebene duplizieren und sie als Kreis benennen , sodass die Größe des Kreiswerkzeugs 74, 70 sein wird, und ich werde jeden Kreis ausrichten Stellen Sie also sicher, dass Sie es ausrichten. Und ich werde diesen nehmen und ihn genauso auskleiden. Jetzt müssen wir hier kreisen. Jetzt entferne ich hier die Füllung für den größeren Kreis. Ich werde die Füllung entfernen und hier einen Strich erstellen. Die Farbe wird hier also einfarbig sein und dieselbe Farbe wie diese. Und die Strichstärke wird hier drei sein. Und gehe zu Advanced Stroke. Klicken Sie auf Bindestriche und das Bindestrichjahr 541504, Gab eins. Und ich werde hier zittern, was Schlaganfälle waren, wir brauchen Normalität und so weiter. Jetzt werde ich einen Effekt erzeugen und es wird ein innerer Schatten sein. Also werde ich hier einen weiteren inneren Schatten erstellen . Der Stil hier wird 00,5 sein und der andere ist derselbe, 0,56 und die 0,56 und die Und wir werden diesen Kreis auf den größeren Kreis duplizieren . Also werde ich diesen duplizieren und ihn Kreis drei nennen. Und ich werde hier einen Effekt hinzufügen. Und der Effekt: Es wird Liar Floor sein. Ich werde acht und wir werden hier die Strichfarbe ändern , 234898 Jetzt müssen wir alle Kreisjahre gruppieren , wir haben einen Namen als Auslöser und der Abstand zwischen Lass mich das Jahr ausrichten, unserem Kreis und dem Abstand zwischen dem Auslöser hier auf der Home-Anzeige soll Null sein Also werde ich es hierher bringen. Also werde ich das Gleiche tun. Und jetzt haben wir unser erstes Bild bereit damit es hier für den Kameramodus angezeigt wird. Jetzt müssen wir ein weiteres Gehirn schaffen. Also schiebe ich sie einfach hierher und zoome hier raus. Und hier müssen wir einen weiteren Rahmen erstellen. Also werde ich diesen Frame, den wir hier haben, einfach duplizieren und ihn Portray-Modus nennen Und jetzt müssen wir den Grad hier entfernen. Wir brauchen nur ein kreisförmiges Land. Also gehe ich einfach zum Controller und entferne das alles. Ich werde diesen entfernen und auch entfernen , ich brauche nur einen Kreis. Ich brauche nichts anderes, also werde ich einfach alles entfernen, verstecken, was wir haben, und jetzt brauchen wir hier den Portray-Modus. Also ich habe hier in meinem Vermögen, Sie können unsere Portrait-Stimmungen so gestalten, wie Sie möchten Ich schnapp es mir einfach hier und mache es so. Jetzt müssen wir das Foto hier unten ändern , um es an die Darstellungsmodi anzupassen Also werde ich hier einfach die Fotofarbe ändern. Und diesen müssen wir verschieben. Klicken Sie also auf den Rahmen und richten Sie ihn so aus, dass er so dargestellt wird. Und ich werde hier die Farbe mit derselben Farbe ändern, nur um sie zu verkleinern. Und jetzt haben wir unsere beiden Bildschirme hier. Der erste ist der Bildschirm, wir haben den Kamera-Fotokameramodus und der zweite ist grün, das ist unser Porträtmodus Im nächsten Abschnitt werden wir die Bildschirme „ Zuschneiden“ und „Drehen“ erstellen 6. Zuschneiden und Drehen von Bildschirmen: In diesem Abschnitt werden wir to Screen erstellen. Der Bildschirm wird Rob und Rotate Screen sein. Und der zweite ist der Upright-Bildschirm, wie Sie hier sehen können, ich habe hier unser vorheriges Design. Ich habe den Onboarding-Bildschirm, den Startbildschirm und für die Bearbeitung habe ich einen Fotobildschirm Portrait-Bildschirm, und wir brauchen immer noch mehr In diesem Abschnitt werden wir also ein Programm zum Zuschneiden und Drehen erstellen und auch die Helligkeit ist Bildschirm. Also, um mit der Erstellung unseres Bildschirms zu beginnen, werde ich diesen Frame einfach so duplizieren. Ich werde den vorherigen Bildschirm nur für einen Moment ausblenden. Ich werde einfach alles im Raum entfernen , außer der Statusleiste auf der oberen Navigationsleiste und der Home-Anzeige. Also werde ich hier einfach alles innerhalb des Rahmens entfernen . Außerdem werde ich den Framenamen in Crop and Rotate ändern . Ich zoome einfach rein. Hier. Wir müssen dieses Symbol ersetzen. Also gehe ich hier einfach auf die Assets-Seite und schnappe mir unser hier eingefügtes Symbol Ich ziehe es einfach aus meinem Rahmen. Also werde ich einfach dieses Icon Life Photo entfernen und ich muss mir hier zwei Icons schnappen. Das erste ist ein Bleistiftsymbol und das zweite ein weiteres Symbol. Und der Abstand zwischen den einzelnen Symbolen ist Null. Und auch der Raum zwischen dem Rahmen und dem Symbol ist windig Also wähle ich einfach jeden aus. Wir brauchen bis zu 20 Plätze. Ich bewege mich einfach, entferne dieses Symbol hier und schnappe mir hier einen Linkspfeil, der Abstand zwischen dem Symbol und dem Rahmen beträgt 24 dieser nach unten gerichtete Chevron hier der Abstand zwischen dem Symbol und dem Rahmen beträgt 24 dieser nach unten gerichtete Chevron Ich werde es einfach durch einen Titel ersetzen. Also schnappe ich mir einfach unser Tippwerkzeug und tippe hier Crop and Rotate ein, schlage Ghana vor. Zeit hier zuschneiden und drehen. Und wenn wir es einfach hierher verschieben, müssen wir es ausrichten. Die Schriftgröße ist 20 Jahre, und stellen Sie sicher, dass es sich bei der Schrift um eine Schrift von Noto Sans Bold handelt, linksbündig ausrichten und die gesamte Breite und Höhe angeben Also nehme ich es einfach so und richte es aus. Jetzt haben wir unsere Ebene für Top Nav, ich werde die Ebene einfach Top Nav nennen. Jetzt müssen wir hier das mittlere Layout erstellen. Also klicke ich einfach auf F und erstelle hier einen Rahmen. Die Rahmengröße 3934, Weizen für Körpergröße ist 504 Und ich muss es so ausrichten, dass der Raum zwischen dem Rahmen auf der oberen Navigationsleiste 60 ist. Ich schiebe es einfach so. In diesem Rahmen benötigen wir ein Foto, damit Sie jedes Foto , das Sie haben, von Unsplash aufnehmen können Ich werde jetzt einfach dieses Foto verwenden. Ich muss es hier in den Rahmen packen. Also werde ich es einfach in den Rahmen stecken. Ich wähle hier einfach das Bild aus und klicke dann auf Control E. Vergessen Sie nicht, Sie klicken auf Clip-Inhalt oder klicken Sie auf Control a. Und jetzt haben wir unser Bild hier, in unserem Rechteck hier, unseren Rahmen Also benenne ich die Rahmenebene einfach als Bild. Und ich werde diese Ebene duplizieren und ein zweites Bild verstecken. Ich werde es Image Tool nennen. Ich verstecke es für einen Moment hier. Lass mich hineinzoomen. Und ich werde hier ein Rechteck zeichnen. Also schnappe ich mir einfach das Rectangle-Tool. Die Größe des Rechtecks beträgt 62634 Breiten und 260 für hohe 2604 oder Unkraut und zwei-sechs Null für die Höhe 62634 Breiten und 260 für hohe 2604 oder Unkraut und zwei-sechs Null für die Höhe. Richten Sie es so aus. Ich werde dieses Rechteck als Bayes-Maske eins benennen. Und ich werde dieses Rechteck duplizieren und es als Basismaskenwerkzeug benennen nehme einfach das Foto hier oben und die Basismoschee hier oben. Und diese Schicht wird hier unten sein. Und ich werde einfach ganzes Bild und unser Rechteck hier in einem anderen Rahmen hier platzieren. Und ich werde diesen Rahmen Crop nennen. Und das Hauptbild T2 wird ebenfalls beschnitten. Und ich werde einfach mit der rechten Maustaste auf diese USB-Moschee klicken. Und ich werde es hier einfach als Moschee nutzen. Ich werde einfach, wie du sehen kannst, unser Foto ist hier und ich klicke hier einfach auf die Zuschneidebene. Und ich werde hier eine Füllung hinzufügen. Und die Füllung wird linear sein. Und die Farbe wird die gleiche Farbe wie unsere Naht hier und ich werde hier eine weitere Farbe in der Mitte hinzufügen, aber diese Farbe wird die Opazität Null Und in diesem Fall wird die Geschwindigkeit 20 sein, die mittlere über der Stadt 20. Jetzt haben wir unsere Waldernte hier. Jetzt müssen wir hier eine Linie erstellen. Also klicke ich einfach auf L oder das Ausrichtungswerkzeug. Ich werde hier einfach einen Schlussstrich ziehen. Die Linienbreite wird 263 sein. Wir müssen also sicherstellen, dass die Drehung 90 beträgt und die Strichfarbe weiß ist. Und die Undurchsichtigkeit, Gewissheit. Und du wirst hier weitere Bindestriche erstellen. Also werde ich hier nur einen Strich weiterleiten. Und wir müssen hier also 64 Bindestriche erstellen. Jetzt werde ich diese Zeile viermal duplizieren. Also werde ich einfach in dieser Zeile herauspicken und sie auf die anderen drei replizieren Ich werde alle Zeilen in einem Rahmen gruppieren und der Abstand zwischen den einzelnen Zeilen ist 87 und Sie müssen ihn ausrichten. Und ich werde diesen Frame duplizieren. Wir müssen eine Mine mit negativer Rotation erstellen und sie ausrichten. Und jetzt müssen wir die Gruppierung dieser Zeilen aufheben. Also werde ich hier einfach die Gruppierung aufheben. Heben Sie die Gruppierung hier auf. Und ich wähle einfach die gesamte Zeile aus, die wir haben, klicke hier auf Zwiebelauswahl. Und wir müssen auch eine schmeichelhafte Auswahl treffen. Also jetzt Moschee-Tool, wir müssen hier eine Struktur erstellen. In diesem Space Mosque-Tool lösche ich also die Füllung. Was? Ich werde einen Strich machen. Warum ich gesehen habe, dass die Strichstärke drei ist und sie draußen ist, also jetzt beenden wir Erstellung unserer Zuschneideebene hier. Jetzt müssen wir hier die Unterseite erstellen. Also schnappe ich mir zuerst das Rechteck-Werkzeug und erstelle hier ein Rechteck Ich werde hier einfach ein Rechteck zeichnen. Lassen Sie mich es außerhalb dieses Rahmens sodass das Rechteck 393,4 groß und 258 hoch ist und wir es ausrichten müssen Und hier steht dieselbe Farbe wie unsere Füllung. Und hier müssen wir eine kurvige erstellen. Sie erinnern sich also, wie wir diese kurvigen Schichten in unserem vorherigen Design hier erstellen können , wir haben diese kurvigen Also schnappe ich mir einfach eines dieser Trennzeichen, die wir hier haben. Also werde ich einfach eines davon kopieren und ich muss es außerhalb dieses Frames nehmen Ich werde es einfach hier benutzen, einfach hineinzoomen. Ich schnapp mir den Rahmen draußen und schnappe mir auch unseren Separator Also verschiebe ich diese einfach einzeln oder innerhalb des Rahmenjahres und stelle sicher, dass die Ebene dieselbe ist. Das Rechteck befindet sich unter dem Trennzeichen. Richten Sie es aus. Ich zoome einfach so rein. Klicken Sie jetzt auf Zara Tangle Did Object That When Tool, ich schnappe mir einfach dieses Rechteck hier unten Ich habe gesehen, wie John einfach rauszoomt und ich nehme dieses Rechteck innerhalb des Rahmens hier, richte es aus und wir benötigen ein separates Rechteck oder einen Liter Stellen Sie also sicher, dass Sie es jetzt haben. Jetzt müssen wir hier einen Controller für unser Foto erstellen. Also werde ich einfach so herauszoomen und muss hier unseren Spitzenkreis zeichnen. Also klicken Sie hier und wir müssen einen erstellen jetzt werde ich einen großen Kreis zeichnen. Also schnappe ich mir einfach dieses Symbol hier auf der Kreisgröße für Unkraut, 10694 verstecke dasselbe 1069 und wir müssen es Ich werde es einfach hierher verschieben, so wie es ist. Ich werde dieses Feld einfach entfernen und hier einen Strich erstellen. Der Strich wird also die Farbe 0a9fc haben und die Strichstärke wird zehn sein 0a9fc haben und die Strichstärke wird zehn Und klicken Sie hier auf Advanced Stroke und dann auf Striche. Und die Striche hier werden 146 sein. Ich zoome einfach. Ich sah und rutschte ein bisschen nach oben. Und jetzt benennen wir diese Ellipse einem Strich, Strich eins Wir müssen es drinnen machen, es hier in unserem Rahmen ersetzen. Vergiss das nicht. Jetzt werde ich diese Ebene hier replizieren , ich werde sie einfach duplizieren Ein Namensstrich zu, und wir werden die Strichfarbe auf 08 e5e ändern , damit der Strich hier sein wird Strichstärke ist also, auf den Van zu klicken, der hier sitzt , und ihn auf zwei Striche und einen Abstand von 200 zu ändern Lassen Sie mich jetzt hineinzoomen, sehen Sie sich nur den Strich an, den wir hier haben. Die Strichstärke ist hier also nicht, sie ist 20. Jetzt haben wir unseren Strich hier und jetzt zoome ich einfach raus. Also gehe ich zu dem Strich, unserem Strich hier, einem zweiten Strich und klicke auf die Farbe, mache es linear. Also werde ich einfach rauszoomen mit, ich schnappe einfach und trete hier ein. Nur um das zu können, soll die Farbe etwas offensichtlicher sein. Manche werden es hier einfach durch vertikal ersetzen. Also brauche ich die Farbe. Der größte Teil der Farbe ist hier. Denn dieser ist hier. Jetzt müssen wir jeden Truck hier ausrichten. Wir werden es hier als Controller benennen. Also schnapp es dir hier in einem Frame und nenne es Controller. Ich werde es einfach hier gruppieren, jede Ebene, und sie dann als Controller benennen. Jetzt zoome ich hier raus und wir haben hier unsere Controller-Ebene. Also werde ich einfach so nach unten rutschen. Lass mich hineinzoomen. Und jetzt müssen wir hier einen weiteren Grad erstellen , den ich anklicke und hier eine Null erstelle. Also schnapp ich mir einfach das Type Tool und stelle sicher, dass die Schriftgröße 13 Jahre beträgt. Ich tippe einfach hier. 00 wird die gleiche Farbe unseres Kreises hier haben, unsere Striche hier. Stellen Sie also sicher, dass die Nullgröße Eins ist und dass sie fett gedruckt ist. Es ist hier links und die Farbe ist hier dieselbe Farbe wie unser Strich hier. Dieser, diese Farbe hier. Also, und jetzt packe ich es für den Moment einfach außerhalb unserer Schicht hier. Wir müssen hier einen weiteren Kreis erstellen, einen kleinen Kreis. Klicken Sie also auf alle und zeichnen Sie hier einen Kreis. Die Farbe des Kreises. Entferne den Kreis, fülle ihn aus und klicke auf den Strich darauf. Die gleiche Farbe hier für unsere Null und die Schwerkraft hier auf dem Raum zwischen der Null und dem Kreis ist Null. Also, und jetzt müssen wir eine erstellen. Jetzt werde ich diese Null im Zyklus einfach hierher verschieben, indem ich jedes Symbol hier gruppiere und es als Grad benenne. Stellen Sie also sicher, dass Sie jedes Symbol hier ausrichten Jetzt benötigen Sie nur ein kurviges Menü hier. Also ich schätze, unser vorheriges Design hier, du weißt schon, wie man diese kurvige Kategorie erstellt Also werde ich meine hier einfach in mein Vermögen packen , um hier nicht dieselben Tipps zu wiederholen. Also ich habe hier eine Kategorie. Ich packe es einfach hier in meinen Rahmen und schiebe es einfach online, und der Abstand zwischen den beiden wird 60 sein. Und ich werde die Füllung hier entfernen und auf dieses Trennzeichen klicken , das wir hier haben, und es unter der Kategorie hier hinzufügen , sodass wir jetzt unsere Darwin-Tabs hier erstellen müssen Also hier für unsere Tabs, wir brauchen die ICANN, wir brauchen das Aktionssymbol hier für Don und für Löschen Ich schnapp mir einfach die sind fertig. Symbol, dieses Symbol zum Löschen und überprüfen Sie jedes Symbol hier, das wir haben. Ich muss nur hier sein, zuschneiden und drehen, das Tippwerkzeug nehmen und hier Zuschneiden eingeben. Und für die Schriftgröße werden es 150 für 15 sein. Ich habe eine Glatze und Noto Sans für unseren Telefontyp. Und dann klicken Sie hier auf den Zuschnitt, verschieben Sie eine, vier, unsere Ebene hierher. Jetzt klicken wir auf Shift E, damit alle unseren Onclick anlegen können, korrigieren die Höhe und es wird 44 sein Also, und die Farbe der Ernte wird die gleiche Farbe wie unsere Null hier sein. Und ich werde es einfach hierher ziehen. Und ich werde dieses Erntejahr duplizieren und es Rotate nennen. Die Farbe hier wird nicht dieselbe sein. Es wird also unregelmäßig für den eigenen Stil hier sein. Und auch die Farbe wird die gleiche Farbe wie unser Symbol hier haben. Ich schnappe mir einfach jedes einzelne und klicke einfach auf jedes Symbol, das wir hier haben, und stelle sicher, dass es so ausgerichtet ist, und klicke auch auf das Symbol hier. Nun, mit diesem Rahmen sind wir hier schon fertig . Ich werde nur schauen, ob irgendwas nicht stimmt. Nun, ist es nicht, es wird falsch sein. Es stimmt alles. Also für den Helligkeitsrahmen hier, werde einfach diesen Frame duplizieren, und jetzt nenne ich ihn hier einfach Helligkeitsbildschirm. Ich werde diesen Titel einfach verschieben , um ihn als richtig zu ersetzen und ihn anzupassen Außerdem werden wir diesen Zoom-Cropt hier entfernen. Wir haben hier also unsere Layer-Helligkeit. Klicken Sie hier auf diese Ebene, schneiden Sie sie zu und entfernen Sie sie so. Jetzt müssen wir auch die Kategorie hier ändern. Ich entferne es und wir werden hier weitere Ressourcen benötigen. Also werde ich mir das hier einfach holen. Also zoome ich einfach rein und nehme diese Kategorie und Helligkeit hier in diesem Rahmen und diesem Rahmen und entferne die Füllung so, dass sie ausgerichtet Hier entfernen wir dieses Drehen und Zuschneiden und ersetzen es durch ein anderes Symbol. Also brauchst du hier noch drei weitere Symbole, nur das Filtersymbol brauchst du hier. Also werde ich es mir schnappen und auch das Uprightness Icon und das Rotate Icon Also brauchen wir hier ein Symbol für Aufrichtigkeit. hier auf das Symbol „Drehen “, wählen Sie alle diese und der Abstand zwischen den einzelnen Symbolen ist Null und richten Sie sie aus. Also werde ich einfach auf dieses Spirituelle hier klicken , wir haben einen Film Little hier unten. Und jetzt haben wir schon eine Stunde, jetzt haben wir schon unseren Helligkeitsbildschirm und wir haben auch, lassen Sie mich herauszoomen, um jeden Bildschirm sehen zu können. Und jetzt haben wir jeden Screen schon entworfen. Wir haben den Bildschirm zuschneiden und drehen, um die Helligkeit des Bildschirms zu erhöhen. Und für den nächsten Abschnitt werden wir unsere letzten beiden Bildschirme erstellen 7. Bearbeit- und Filtersiebe: In diesem Abschnitt erstellen wir einen Bildschirm. Der erste ist Screen wird Filter Screens sein. Und der zweite, Bearbeitungsbildschirm, wie Sie hier sehen können, habe ich all unser bisheriges Design. Ich habe den Onboarding-Bildschirm und den Startbildschirm. Und für die Bearbeitung haben wir Foto und Geflügel, und wir haben Crop und Brightness. Wir brauchen noch mehr Screen, um unsere App hier fertigzustellen. Wir müssen also den Filter und dann den Bearbeitungsbildschirm erstellen . Um unseren ersten Bildschirm zu speichern, dupliziere ich diesen Helligkeitsbildschirm hier. Und ich ändere den Frame-Namen in Filter Screen. Jetzt werden wir hier etwas Design weglassen. Also werde ich einfach diesen Kategorien-Tab entfernen und trennen. Wir haben hier einen Controller, den brauchen wir nicht. Und auch der Abschluss auf diesem Rahmen. Wir müssen die Helligkeit hier so ändern dass der Bildschirm schwankt Also werde ich es einfach durch einen Filterbildschirm ersetzen und wir müssen ihn ausrichten. Jetzt müssen wir auch dieses Bild ersetzen. Also jedes Bild, das Sie haben, ersetzen Sie es einfach. Ich ersetze es einfach durch dieses hier. Ich habe auch eine, ich werde die Höhe dieses Bildes auf zwei ändern die Höhe dieses Bildes auf , weil wir hier unten mehr Platz für unseren Filter-Fotorahmen benötigen . Jetzt ist es bereit, mit dem Design zu beginnen. Also werde ich hier einfach ein Rechteck erstellen. Und die Größe des Rechtecks ist 74. Unkraut auf 90 für die Höhe. Richten Sie es aus. Jetzt müssen wir dieses Rechteck hier mit einem Foto füllen dieses Rechteck hier mit einem Foto Also werde ich einfach mit der rechten Maustaste klicken und hier das Plugin von Unsplash auswählen Ich werde dasselbe Bild wählen. Ich habe sie hier oben. Also klicke ich einfach auf Portrait und wähle dieses Bild aus, das ich hier habe. Jetzt müssen wir dieses Bild duplizieren, aber ich werde hier einen Eckenradius für drei erstellen. Wird das duplizieren und die Ebene der ersten Ebene als Monster benennen . Für den zweiten ziehe ich es einfach so, dass wir die Breite und Höhe ändern müssen. Also mit 54 und Höhe 68. Und wir müssen den Namen ändern, um es auf oder image1 für die Bildebene Und ich werde für diese 10% eine Rotation einrichten. Wir müssen es unter dem Master-Image ersetzen und es zu 30% auf das Monster-Bild ziehen . Ich werde diese erste Ebene, die ich hier habe, duplizieren. Dieses, dupliziere es und nenne es als Bild zwei. Und ich füge das unter das erste Bild ein und ziehe es. Gegenwärtig. Wir müssen Bild für Bild duplizieren, das ist drei, ich werde es hier benennen. Das Bild ist drei und ersetzen Sie es unter dem Bild und ziehen Sie es. Jetzt haben wir unser ganzes Bild hier. Ich klicke einfach eine Ebene auf dieses Bild und dupliziere es. Ein Name, für den Sie ein Bild haben, für die rechte Seite. Und ich werde es einfach hierher ziehen. Aber ich ändere die Rotation auf minus Zehn und richte sie auch an dieser aus. Und wir brauchen den Platz 30, also ziehe ich ihn einfach her. Und für dieses Bild, zum, duplizieren Sie es auf Bild fünf. Und wir brauchen es unter dem Bild für und ziehen es einfach. Bürgschaften wurden hergeschickt. Und jetzt werde ich dieses Bild für fünf Jahre duplizieren und es hier Bilder sechs nennen Und wir müssen das Bild um fünf Jahre herunterziehen. Und dieses Stück ist 30, dasselbe. Jetzt klicke ich auf das Musterbild, das wir hier haben. Ich werde nur die Füllung entfernen, aber wir müssen hinzufügen, wir müssen hier einen Strich hinzufügen. Also klicke ich einfach auf den Strich und die Strichfarbe wird dieselbe Farbe haben wie unser Filtersymbol hier jetzt füge ich hier einen Effekt hinzu. Also klicke ich einfach auf Effect Drop. Der Schatten auf der Farbe ist 087fe. Die Geschwindigkeit ist hier 40. Was? Für X? Null, für Y eins und die Pleura ist zehn. Und ich werde hier klicken und einen weiteren Schlagschatten erstellen. Für diesen wird es minus 60 sein , hier ist 20, Farbe ist schwarz. Die Opazität ist hier 20. Und ich werde einen weiteren Schlagschatten erstellen , den vorherigen, minus sechs. Dieser wird also nur sechs sein. Hier sind vier für Y. Und der Upload ist für Winnie dasselbe und die gleiche Farbe ist schwarz Aber hier ist die Opazität 50. Jetzt klicke ich mit der rechten Maustaste und kopiere die Eigenschaften hier so. Und ich werde hier auf dieses Bild klicken und die Eigenschaft einfügen. Aber ich werde diesen Farbstrich hier entfernen. Den ersten Schlagschatten haben wir hier in der Farbe. Belassen Sie es nur in Schwarz, Drop Shadow. Kopieren Sie die Eigenschaft dieses Bildes und fügen Sie sie in alle anderen Bilder ein, die wir haben. Jetzt werde ich hier eine Füllung für dieses Bild erstellen. Also klicke ich einfach auf dieses Bild und erstelle eine Füllung. Aber die Füllung hier wird eine andere Farbe haben. Die Füllfarbe für dieses Bild ist Null, B hat sieben, F E für Opazität ist 25, also klicken Sie auf dieses Und wir werden hier eine Füllung hinzufügen. Aber die Farbe der Füllung hier wird nicht dieselbe sein, eine andere Farbe. Also klicken Sie auf F f196e für die Universität, 25. Für diesen. Außerdem werde ich hier eine Füllung hinzufügen und diese Farbe entfernen. Ich werde 6573 und auf dem gleichen für die Opazität 25 Klicken Sie nun auf diesen. Wir werden ein weiteres Tonnengewölbe bauen, das 40 angeschlossen sein wird Und dieser ist auch ein schwarzer Balken, die Opazität. Lassen Sie mich das Gefühl vermitteln, dass unsere Stadt 40 ist, die erste ist 60 und diese ist 20. Jetzt haben wir alle unsere Filterbilder. Klicken Sie auf Alle Bilder. Wir haben eine Ebene vergrößert und nennen sie Filter und richten den Abstand zwischen dem Bild, das Sie filtern Und der untere Teil hier soll 60 sein. Also werde ich es einfach hierher ziehen. Wer ist 60? So aktuell. Jetzt müssen wir hier ein Muster erstellen. Also werde ich hier einfach auf T klicken. Ich tippe einfach hier. Lebendig, cool. Also und die Größe ist 30 und es ist Paul Noto Sans für den Schrifttyp. Und für die Farbe ist 080 pf7e. Also die gleiche Farbe unseres ausgewählten Fotos. Ziehe es einfach hierher für unser ausgewähltes Foto und richte es aus. Wir müssen ein Rechteck erstellen. Also klicke ich einfach auf R und erstelle hier ein Rechteck. Was ich mir außerhalb dieses Rahmens schnappen werde. Die Breiten dieser Rechteckgröße addieren sich also für die Höhe 35 und der Eckenradius wird hier gedreht Und ich nehme dieses Rechteck hier für unsere Unterseite. Und jetzt werde ich eine Farbe für dieses Rechteck erstellen. Ich gehe einfach zu diesem Kategoriesymbol hier, das wir haben. Wir müssen auf dieses Symbol klicken, Lippen. Und ich kopiere die Eigenschaft hier und ich werde diese symbolbasierte Eigenschaft hierher kopieren. Jetzt müssen wir die Farbe dieses Formulars auf Weiß ändern und es entsprechend ausrichten. Jetzt werde ich dieses Rechteck duplizieren . Lassen Sie mich hier die unterste Ebene benennen. Unten eins, ich dupliziere es einfach unten bis hier. Ich werde die Füllung entfernen, aber ich füge hier einen Strich hinzu und der Strich wird durchgehend sein. Und die Farbe dieses Trucks ist Null, B, F, sieben, ich habe E genauso. Es ist normal hier. Stell sicher, dass es hier normal ist. Wir brauchen es hier in der Mitte. Klicken Sie darauf, wechseln Sie nach draußen und schon ist die Strichstärke eins. Jetzt werde ich hier unseren inneren Schatten für diesen Boden kreieren . Also wird der innere Schatten sein, oder warum? 0,2 für den Boden? Ebenfalls 0,25 und Schwarz für die Farbe und 25 für Adipositas. Und ich werde hier einen weiteren Schlagschatten erstellen. Wir haben also einen inneren Schatten. Ich werde hier einen Schlagschatten erstellen. Und dieser Schlagschatten ist für Y eins hier, die Farbe wird Null P von sieben sein. Opazität, hier 25 plus fünf. Also jetzt haben wir unseren Button , der darauf klickt ihn wie unten einkerbt. Der Raum zwischen diesem Bild. Wir haben unseren Filterbildschirm hier bereits fertiggestellt. Und das zwischen unten hier auf dem Bild ist 60 und hier unten 50. Also für das Foto ist alles nett. Ordnung, also werde ich das Bild verkleinern, um diesen Frame zu duplizieren, um unseren Bearbeitungsbildschirm zu erstellen , und hier einfach den zu bearbeitenden Bildschirmnamen ändern Dieser Schritt wird einfacher sein als der vorherige. Also werden wir hier nicht viel arbeiten. Ich werde diesen Titel hier einfach entfernen. Ich brauche es nicht, aber stattdessen werde ich es verschieben. Lassen Sie mich hineinzoomen, ich werde dieses auch Symbol hier entfernen. Und ich nehme diesen Titel und nenne ihn Bearbeiten. Aber wir müssen sicherstellen, dass es nicht fett ist. Es ist regelmäßig hier. Also werde ich es hier so ersetzen. Ich sorge dafür, dass es bis zum Frame 20 sind. Jetzt werde ich dieses Bild ersetzen. Also gehe ich hier zu Assets. Ich werde dieses Foto machen, das ich hier habe, und ich werde es hier kopieren. Und ich werde dieses Bild hier ersetzen. Und wir müssen die Größe auf die Zeile 5517 ändern , also werde ich das einfach entfernen Ich brauche es nicht an. Außerdem müssen wir den Abstand zwischen dem oberen Navi für das Bild sehen . Also hier unten werden wir erstellen, ich werde diesen Boden hier entfernen. Und hier müssen wir ein kleineres Foto für den Bearbeitungsmodus erstellen . Ich zoome einfach rein und klicke auf R und erstelle hier unser Rechteck. Rechteck hier für Unkraut wird Schwesternschaft sein, oder für Körpergröße wird es 50 sein Wir müssen es aufeinander abstimmen. Jetzt müssen wir dieses Rechteck hier auf zehn andere übertragen. Also ziehe ich einfach fünf hierher und fünf für die andere Seite. Und das brauchen wir auch hier. Und noch einer für die Zehn. Und jetzt klicke ich auf das ganze Rechteck und schiebe a, um es automatisch zu gestalten. Der Platz wird vier sein. Stellen Sie sicher, dass es hier in der Mitte ist, und zwar auf der Linie. Und jetzt haben wir unser Rechteck hier. Ich werde hier nur die Innenseite jedes Rechtecks durch ein Bild ersetzen hier nur die Innenseite jedes Rechtecks durch ein Bild ersetzen Also klicken Sie einfach mit der rechten Maustaste auf dieses Bild. Lassen Sie mich also mit dem mittleren beginnen. Also werde ich mit der rechten Maustaste klicken und hier auf das Unsplash-Plugin klicken und wir brauchen mehr Fotos Klicken Sie nun auf Portrait und wählen Sie für jedes Rechteck ein beliebiges Foto Nun zu diesem mittleren Rechteck hier, werde ich es größer machen Also ändere ich einfach die Breite auf 44. Die Höhe beträgt 60. Und wir müssen sicherstellen , dass der gesamte linke Rahmen hier in der Mitte ist. Jetzt haben wir unsere Bilder hier und jetzt werde ich hier unten ein weiteres Symbol erstellen. Also werde ich hineinzoomen. Ich zoome hier raus. Ich brauche unser Symbol, also gehe ich hier zu Assets , weil wir dieses Symbol ändern werden. Also werde ich hier auf dieses Symbol klicken und es hierher ziehen. Lass mich hineinzoomen. Hier. Wir müssen diesen mögen, ihn durch diesen ersetzen. Ich werde das entfernen und so einen hier nehmen. Und außerdem werde ich dieses und dieses Symbol hier entfernen. Und ich werde dieses weitere in vier Here-Symbol auswählen. Und ich werde dieses Symbol auch entfernen. Oder wir brauchen diesen Artikel und dieser muss nur dieses Symbol hier ausrichten. Und dieser. Außerdem müssen wir es aufeinander abstimmen. Ich werde hier auch auf das Symbol Alle klicken. Wir müssen den Rahmen hier in Bilder ändern. Wenn Sie hier weitere Bilder erstellen möchten. Zum Beispiel willst du hier 5,5. Du schaffst es. Mach was du willst. Was? Das Gleiche für, alle die gleiche Idee. Nun, Königs-Rhetoriker, wir beenden unsere App hier. Wir haben jetzt bereits unseren gesamten Bildschirm hier damit unsere Kamera-App immer weiter wachsen kann. Wir haben jetzt eine vollständige App für die Kamerabearbeitung. Und folge mir für weitere Kurse über dich , Design und Webdesign