Summary
Keywords
Full Transcript
#AffinityTutorial #UIDesign #InterfacciaVetro #effettotrasparenza Design App Affinity Tutorial. Scopri come creare un effetto effetto trasparenza professionale in Affinity, quello stesso effetto vetro che rende le interfacce Apple così eleganti e moderne. In questo tutorial passo passo imparerai a costruire card UI con sfocatura autentica, trasparenze stratificate e riflessi realistici — partendo da zero. 🎯 Cosa imparerai Design App Affinity Tutorial : – Estrarre una palette colori da un'immagine e ricrearla in versione vettoriale – Costruire uno sfondo con sfumatura trama personalizzata – Applicare il vero effetto vetro con sfocatura gaussiana live e maschere di ritaglio – Usare i metodi di fusione (Scherma, Bagliore) per card luminose e credibili – Aggiungere bordi semitrasparenti, riflessi superiori e ombre portate morbide – Replicare la card per costruire un'interfaccia UI completa 🛠️ Software: Affinity 📐 Dimensioni documento: 1440×900 px — 72 DPI Per sostenere il canale e accedere ai contenuti extra, clicca su Abbonati qui sotto. Grazie! https://www.youtube.com/channel/UCFkLVhQvqtU9llE5W_ClQ0Q/join 📲 Seguimi sui social: https://youtube.com/@Creazioni_Digitali?si=ZnI7hlu550kb-Funsub_confirmation=1 https://www.facebook.com/CreazioniDigitaliCD https://www.tiktok.com/@creazionidigitali https://www.instagram.com/_creazionidigitaligio CAPITOLI 00:00 Intro: La differenza tra un effetto amatoriale e uno professionale 00:31 Setup del documento: Dimensioni e DPI per il Web Design 00:42 Ricerca dello sfondo su Pexels e gestione licenze 01:16 Estrarre la Palette Colori automatica dall'immagine 01:37 Creazione dello sfondo con lo Strumento Sfumatura Trama 02:31 Aggiungere profondità cromatica con un livello di riempimento al 25% 03:07 Disegnare la Card: Rettangolo arrotondato e gradiente iniziale 03:46 Il Bordo Glassy: Impostazioni di spessore e opacità (60%) 04:25 Creare l'alone di profondità duplicando la card 04:41 Effetto Sfocatura Gaussiana Live: Impostazione a 39,8 pixel 05:01 Creazione della Maschera di Ritaglio per la sfocatura 05:32 Metodi di fusione: Passare da Normale a Scherma 06:06 Il Riflesso Superiore: Simulare la luce sul bordo del vetro 07:03 Aggiungere l'Ombra Esterna (Drop Shadow) per l'effetto fluttuante 07:41 Riempire la card con icone e testi (Saldo e Widget) 08:06 Duplicare la struttura per creare rapidamente altre card 08:17 Riepilogo tecnico e conclusioni finali 09:04 Ringraziamenti agli abbonati e info sui file sorgente In questa playlist trovi tutti i Tutorial del Corso Affinity e Affinity Designer Affinity – Corso Completo Italiano | Ultimi Tutorial in Evidenza https://www.youtube.com/playlist?list=PLF-_-DvfTpe-sp2Hrt7f-KF_MISCFjOss _______________________________ Altri Contenuti per te: Affinity 3 GRATIS + Canva AI | Corso Completo e Tutorial in Italiano https://youtu.be/4F_1pJLPfWM?si=oDPak3B_UtcVQgr- Affinity 3 Corso Completo: Novità, Funzioni AI e Guida Pratica https://www.youtube.com/playlist?list=PLF-_-DvfTpe8pBDeGQwlozJIXj38HQEZ5 Affinity Corso Completo – Tutorial Base per Principianti https://www.youtube.com/playlist?list=PLF-_-DvfTpe9UVJ6-VP55BbwdDDeZQ2lK Corso completo di Affinity Designer 2 – Da Principiante ad Avanzato https://www.youtube.com/playlist?list=PLF-_-DvfTpe9ergo3DpNJNeWyq1N9Mi9l Affinity Designer 2 – Tutorial Grafica Base e Avanzato | I Più Visti https://www.youtube.com/playlist?list=PLF-_-DvfTpe-3Ef4R-pqjvLWHmcqyrGNd Affinity Designer 2 – Corso Completo Italiano | Ultimi Tutorial in Evidenza https://www.youtube.com/playlist?list=PLF-_-DvfTpe-sp2Hrt7f-KF_MISCFjOss Corso Completo Affinity Designer 2 in Italiano | Impara dall’Inizio (Principianti → Avanzato) https://www.youtube.com/playlist?list=PLF-_-DvfTpe8Twdtt8OCq6-_etEo_DEA5 Effetti Creativi & Tecniche Avanzate in Affinity Designer 2 https://www.youtube.com/playlist?list=PLF-_-DvfTpe_85HgtbSvXeeG4g4LKrX08 Affinity Designer 2 – Tutorial Essenziali a Risposte Rapide (Per Principianti) https://www.youtube.com/playlist?list=PLF-_-DvfTpe_YbUeRSpXo7FZicpSRgWCv Affinity Designer 2 | Strumenti Base e Tecniche Essenziali https://www.youtube.com/playlist?list=PLF-_-DvfTpe-MkuNCtl7PxHwM6VeFJ4Vd Affinity Designer 2 | Disegno Vettoriale Creativo https://www.youtube.com/playlist?list=PLF-_-DvfTpe9BkpIr8s_HRrAvd4wz2qAQ Affinity Designer 2 | Colori, Palette e Gestione Cromatica https://www.youtube.com/playlist?list=PLF-_-DvfTpe_zspnxby0a7Hy4iQ2bIYIF Concetti di Grafica per Principianti | Teoria e Tecniche di Base https://www.youtube.com/playlist?list=PLF-_-DvfTpe-xFqvACMG19DPy0PXq-UYa Affinity Designer 2 | Guida agli Strumenti di Disegno Vettoriale https://www.youtube.com/playlist?list=PLF-_-DvfTpe_h7y1jX
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
