Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
  5 3620
Sitter her med et skoleprosjekt der jeg skal lage en film, sliter litt med disse to effektene, er det noen av dere som vet hvordan man gjør disse? Evt. link til youtube video

Pls hjelp meg <3




http://skam.p3.no/episoder/sesong-3/episode-8/ (se fra 07:50 - 08:00) (08:00 - 08:25)

Og hvordan de skriver meldingen( 08:00 - 08:25) (samme video)
Ta opptak av skjermen på mobilen og lag det transparent rundt meldingene(mulig det må gjøres i after effects) også video i videoen.. samme måte når det skrives da det er akkuratt samme effekten.

Håper du skjønte
Hvis du skriver meldingene også screener du. Tar de inn i photoshop så klipper du meldingen og lagrer den i png. (Husk transparent bakgrunn). Også legger du inn bildene i After Effects/Premiere Pro
Hvor er det de skriver meldingen? Tror ikke tidspunktet du oppga stemmer.
Limited edition
Moff's Avatar
Det skjer noe merkelig med linken når man åpner den; den går tydeligvis til S02E08 i stedet for S03E08. Hvis man bruker menyen under spilleren til å finne sesong 3 og episode 8, så stemmer tidspunktet (07:50).

Anyway.

Jeg vil tippe at de har laget denne effekten "manuelt", ikke tatt opp fra mobilskjerm. Det ser ikke veldig vanskelig ut. I Skam har de sannsynligvis laget seg et lite skript som tar seg av selve animasjonen hvor teksten kommer inn, og tekstboksen utvider seg. Det er ikke mulig å "programmere" dette i Premiere, du vil trenge After Effects eller lignende for å automatisere det. Du kan imidlertid lage selve effekten kun via Premiere, men det vil være litt vanskeligere å få til akkurat det med at tekstboksen utvider seg for hver linje.

Det nærmeste jeg tror du kommer med kun Premiere er en beskjærings-effekt. Du lager deg en title av teksten, og så bruker du beskjæring (crop) med keyframes for å få hver bokstav til å poppe inn. Dette vil bare funke på én tekstlinje av gangen, som vil si at hver linje i SMS-en må være en egen title.

Ettersom ting må deles opp i ulike titles og keyframes, så er det utrolig viktig at du er 100% sikker på hele teksten FØR du begynner med animasjon. Hvis du kommer til slutten og innser at du har en skrivefeil inni der, da har du potensielt mye jobb foran deg med å rette det opp. Igjen - dette ville vært mye enklere i After Effects; men nå spør du spesifikt om hvordan du gjør det i Premiere.

Det første du trenger er fonten de bruker. På øyemål vil jeg si at dette ligner på Android-fonten "Roboto Medium". den er gratis. Last ned her.

Lyden er minst like viktig. I Skam har de brukt en standard-SMS-lyd, og du kan laste ned en kopi her.
Freesound krever at du registrerer deg for å laste ned. Det er helt gratis, de spammer deg ikke ned med dritt, og det er ingen limit på hvor mye du kan ta. Vær likevel oppmerksom på at noen lydklipp er lisensierte, så i noen tilfeller kan du ikke tjene penger på en film hvis de inneholder en lisensert lyd herfra - men svært ofte er det tillatt at du publiserer det hvor som helst, i alle fall hvis du gir credits til skaperen. Akkurat denne lyden er oppgitt som "creative commons", men jeg har en mistanke om at den er piratkopiert, siden den er 100% lik den ekte mobil-lyden fra Skam.

Neste steg er å lage grafikken du trenger. Vi har 3 hovedelementer; hvit snakkeboble, blå snakkeboble og input-feltet hvor han skriver meldingen. Dette er en jobb for Photoshop. Hvis du har tilgang til Premiere, men ikke Photoshop, så er det noe riv ruskende galt med skolen din. Jeg kan forstå om dere ikke har After Effects, men Photoshop er et must. Uansett.

For å lage snakkeboblene, så tar du å mekker et blankt dokument uten bakgrunn. Bruk pen tool for å lage en shape som ligner snakkeboblen i videoen. Hvis du har skills, så kan du lage et rektangel med buede hjørner, og deretter redigere på den lille "stjerten" nede i hjørnet på snakkeboblen. Du vil helst ha disse som en vektor, og du vil helst ha det som én sammenhengende shape. Du kan lage rektangelet for seg selv, og legge "stjerten" oppå uten at de henger sammen, men det skaper et problem når du endrer opacity (gjennomsiktighet) i Photoshop. Du vil da tydelig se at de ikke henger sammen. Hvis du likevel vil gjøre det på denne måten, så kan du lagre med 100% opacity i Photoshop, og justere opacity ned igjen i Premiere. På denne måten påvirker du alle layers likt, og du vil ikke lengre se overgangen. Your choice, men jeg ville laget én sammenhengende shape.

Fordelen med å lage en vektor shape i stedet for å bare tegne den som en bitmap med brush tool er at du kan endre størrelsen på den ut i fra hvor mye tekst som skal inn. I Skam så har de gjort denne effekten veldig enkel. Det er ett stort, sammenhengende bilde med alle tekst-meldingene på. Bare kopier snakkeboblen, endre farge og størrelse, legg på teksten dere skal ha. Stable dem under hverandre i samme bilde, slik at du får en laaang rekke med meldinger nedover. Bildet er åpenbart mye høyere enn det som får plass på skjermen, men det går fint.

Når du er ferdig med meldingsbildet i Photoshop, så importerer du PSD-filen rett inn i Premiere. Ikke lagre som PNG eller noe sånt, det er unødvendig og tungvindt. Hvis du importerer PSD-en, så kan du redigere i Photoshop og direkte se endringen i Premiere uten å importere på nytt. Det er kjekt for finjusteringer.

Plasser meldingsbildet i en ny, egen sekvens (sequence). Sørg for at sekvensen har nøyaktig samme innstillinger som filmen din (samme oppløsning, samme framerate). Legg sekvensen med SMS-ene inn i hoved-sekvensen hvor filmen din er. På denne "sub-sekvensen" som nå ligger inni filmen din, så kan du gå inn i Effect Controls. Velg Opacity og legg på en firkantet opacity mask. Du skal da få en firkantet maske i preview-vinduet, som du kan tilpasse. Dette danner den "usynlige" firkanten hvor meldingene er synlige. Plasser firkanten der du vil at meldingene skal dukke opp, og går deretter inn i SMS-sekvensen. Her plasserer du meldingene slik at det passer inn i filmen, og bruker deretter Effect Controls > Motion med keyframes for å animere selve bevegelsen. I Skam-klippet fra 07:51 så ser du tydelig at det er en slik "usynlig" firkant rundt bildet av meldingene, og det er nøyaktig denne effekten du oppnår ved å wrappe bildet inn i en egen sekvens.

Den vanskelige delen av dette er input-teksten, når han skriver meldingen. Det er flere måter å angripe dette på. Beste løsning er egentlig avhengig av hvor mye tekst dere skal skrive inn. Hvis det er LITE tekst (kort melding), så ville jeg faktisk bare laget ett separat bilde for hver linje med tekst. Det vil si at du tegner opp input-feltet i Photoshop med nok plass til én linje tekst. Se på 08:00 til 08:05 i Skam-videoen, og prøv å lag en kopi av dette. Hver gang du skriver så langt at teksten kommer på en ny linje, så lager du en ny versjon (nytt, separat bilde) av dette, hvor du har lagt på én linje med ekstra plass. I Skam-videoen så har de ingen animasjon på dette, boksen "hopper" bare opp. Dette gjør det enkelt å bare bytte bilde hver gang du kommer til et linjeskift. Om du da har 4 linjer med tekst slik som i Skam, så får du 4 ulike bilder av input-feltet. Du lager da selvsagt dette bildet UTEN å skrive teksten, ettersom du vil animere teksten inn i Premiere. Igjen, lagre dette som en PSD-fil, og del hver versjon av input-feltet inn i et eget layer. Når du importerer PSD-en i Premiere, så vil den spørre deg om hvilket layer du vil importere. Gjør dette for hver versjon av bildet du trenger.

Når du har kommet så langt at grafikken er fikset, så må du legge på meldingsteksten. Lag en ny title (sånn tekst-frame i Premiere) for hver linje med tekst som skal skrives inn. Pass på at du bruker samme font og samme størrelse som du har på det andre bildet, med snakkeboblene. Dette kan være vanskelig hvis du har endret størrelsen på bildet etter at du importerte det fra Photoshop. Juster heller teksten i Photoshop, i stedet for å skalere det ned i Premiere. Kvaliteten blir faktisk litt bedre hvis du gjør det slik. Herfra skriver du inn hver linje med tekst i sin helhelt og drar title-cardet inn i filmen din. Sørg for at teksten blir plassert der du vil ha den, oppå bildet av input-feltet. Legg på crop-effekten, og sett på keyframes i Effect Controls. Derfra bruker du property-en "right", og setter denne på 100%. Teksten skal nå bli usynlig. Flytt timeline-en frem til der du vil ha første bokstav, og dra right-property-en nedover slik at kun første bokstav kommer til syne. Dette skal da bli lagret som en keyframe. Gjenta prosessen med hver bokstav, hele veien gjennom.

Når du skal ha en ny linje, så keyframer du motion på alle tekstlinjer i bildet, og flytter alle sammen én linje opp. Når du gjør dette så skifter du også bakgrunnsbildet av input-feltet, slik at det "øker" i størrelse, og gir plass til en ny tekstlinje. Repeat, repeat, repeat.

Det siste som da mangler er caret-en (markøren). Dette er en veldig enkel liten sak; bare lag deg en svart, tynn firkant, og bruk motion / opacity for å flytte den sammen med teksten.

Dette vil nok ta en liten stund, siden du må gjøre så mye manuelt, men resultatet vil bli helt likt effekten fra Skam. Husk på at snakkeboblene og input-feltet ikke har 100% opacity; de har satt den et sted mellom 90%-95%, for å gi den litt ekstra dybde.
Mange gode tips og forklaringer over her.
For delen der han skriver ville jeg brukt opptak av skjermen, beskjært og senket opacity.
Har du mac og iPhone er det enkelt å koble til med kabel for å ta opp med quicktime player.

Åpne quicktime player, nytt filmopptak med alt-cmd-n. Velg iPhone som input (pil ved rec-knappen) og begynn opptak.
Husk å slå av forhåndsvisning av tegn og sånt under tastaturmenyen på telefonen.

Da får du noe sånt som dette, https://youtu.be/Ryot65CoNMs