genskaber instagram er retro filtereffekter,,,, i denne forelæsning, kommer jeg til at se på, hvordan instagram er filtre, før nye lignende virkninger i photoshop.jeg vil også indføre dig til nogle interessante nye css egenskaber, der gør det muligt for os at skabe instagram stil filtre direkte i browseren.,,, der er en hel række klassiske billede apps tilgængelige på markedet fra hipstamatic til kamera +, men langt det mest velkendte af alle disse programmer er instagram. en af de oprindelige spillere, der blev lanceret i september 2010.tre måneder senere i december det havde undertegnet på over 1 mio. brugere. denne stigning i popularitet senere førte til erhverves af facebook for en indberettet 1 mia $.ikke dårligt for en lille igangsætning af 13 mennesker,.,, hvordan instagram filtre, instagram har en række forskellige filtre for at vælge fra, lige fra lumo fi til nashville.alle, der er skabt gennem en række forskellige metoder, filtre og virkninger.kevin systrom, instagram er medstifter tilføjes:,, at det virkelig er en kombination af en masse forskellige metoder.i nogle tilfælde, vi trækker på toppen af billeder, i andre har vi pixel matematik.det afhænger altså af den virkning, vi går efter.for eksempel, lomo fi er ikke meget mere end et billede sammen med kontrast.,, billedet nedenfor viser de forskellige filtereffekter, der anvendes af instagram:,,, billede af jessica zollman /kreative områder, selv om hvert filter har forskellige justeringer, afhængigt af typen af den faktiske proces, for de fleste af dem kan opdeles i seks trin: 1.justering og tilpasning af farve og tone er sandsynligvis en af de vigtigste foranstaltninger, der adskiller de enkelte filter.en stor del af karakteristika for hvert filter, kan opnås ved, at forskellige justering niveauer., 2.dybdefotografering, dybdefotografering kan defineres som "den afstand, der er mellem den nærmeste og mest objekter i en scene, der forekommer acceptabel skarpt i et billede."hvis du er vant til at arbejde i grafisk design i modsætning til fotografering, du sikkert vil anerkende det som lidt i forgrunden, der er skarpe og sprøde og lidt i baggrunden, der forekommer sløret. ved at fokusere den sprøde /skarpe lidt om, at du er ude og fotografere og de omkringliggende områder, sløret, det hjælper gør opmærksom på, at det område, du gerne vil fremhæve.,,, image takket være sxu fri materiel, fotografering, ovenstående billede viser et godt eksempel i dybdefotografering.fabrikken i forgrunden står i fokus og baggrunden er ude af fokus og forekommer sløret. 3.linsen er /film brænde på nogle filtre instagram tilføjer et ekstra lag, som normalt er en linse udbrud eller film tåge.ved at lægge disse kan tilføje lidt ekstra - faktor på det billede.disse bør imidlertid anvendes fornuftigt, som alt for meget vægt på lygteglasset flare /film brænde undertiden kan få den samlede virkning af billige og amatøragtigt. se her, udvælgelse af lygteglas nødblus, som føjer sig til de klassiske stil virkning:,,, billede af cg arena, 4.gamle film, rifter, at tilføje en klassisk stil graininess til et billede og give det en forældet er en overlay - konsistens anvendes.disse kan variere fra faktiske film skrammer på genereret støj.støjen forekommer, når du får pixel niveau variation i farve værdier at reducere klarhed på et billede.computer genereret statisk støj er et ekstremt eksempel på støj. 5.vignet, når de tilpasninger, dybdefotografering og støj er blevet tilføjet til det billede, en vignet er anbragt oven på den, endnu en gang at rette opmærksomheden mod de vigtigste indhold i billedet.en vignet er en teknik, der anvendes i fotografi, der nedsætter et billede er lys eller mætning mod kanten af det billede,.,,, image takket være wikipedia, 6.tilføjelse af en ramme, og endelig en ramme er tilføjet for at tilføje, at ekstra retro - ness billedet.de billeder er ofte, hvad der kunne have været set den gamle ramme ruller eller den oprindelige polaroid - billeder.de kan også fungere som svækkes eller revet kanter, som alle øger følelsen af at være en ægte billede fra foto, instagram er filtre begynder normalt liv i photoshop.der er de så programmeret i mål nr. c som en del af den oprindelige iphone app.instragrams "medstifter videreudvikler dette:.,, vores filtre er en kombination af virkninger – kurve profiler, blanding af transportformer, farve kommer osv. faktisk, jeg plejer at skabe dem i photoshop, før oprettelsen af algoritmer til dem i telefonen,.,,, at genskabe instagram filtre i photoshop, dette er, hvad vi vil være at skabe - kan du se det før og efter virkningen af at tilføje vores instagram stil filtre:,,, trin 1: skabe lærred, begynde med at skabe en 600x600px square lærred - - og give det en baggrund farve.jeg har valgt at anvende de indfødte instagram blå for min baggrund.pasta i deres valgte billede til jeres lærred, så resize og afgrøde dit billede, hvis det er nødvendigt.,,, trin 2: at tilpasse farve, nu er det tid til at gøre den farve og tone tilpasning til billedet.gør det ved at gå til "ry" i den øverste menu og udvælgelse af justeringer> kurver.du vil så blive forelagt en pop op rubrik, hvor du kan ændre disse værdier. start ved at øge den grønne niveauer.ændre produktionen til "30", for eksempel.dit billede vil nu se lidt mere grønne.vi vil også øge blues i billedet.ændre den blå produktion til '100'.dit billede bør nu helt vasket. bemærk, at når en ændring af disse tilpasninger, kan du spille her, indtil du får den ønskede virkning for dit billede.når du har gjort det, at kopiere billede, du har skabt.dette kan de gøre ved ikke at klikke på billedet og udvælgelse af lag 'duplicate lag'.,,, trin 3: at skabe dybdefotografering, med dobbelt lag udvalgt til filter> sløre> gauss - tåge, øge 'radius til 5px og klik på "okay".tag nu den cirkulære markise værktøj og tegner en cirkel omkring området på billedet, som du ønsker at være i fokus, når du har gjort det til lag> lag maske> skjule udvælgelse.det bør nu har skabt et lag maske cirkel af sløret billede. i lag - panelet, gå til lag - presse - og klik på lag - maske.dit sejl nu bør skifte til lag - maske.gå til at filtrere>> gaussisk slør og sløre sløret masken af 30px.dette bør skabe virkning i dybdefotografering med omfattet af dit billede i fokus og baggrund ude af fokus.,,, trin 4: film - og lygteglas flare, tage et kig på google, billeder eller andre materiel image lokaliteter til udvælgelse af lygteglas nødblus og film burns.efter at have valgt den flare /brænder, eller begge dele, så kan du lægger dem oven i de oprindelige, om blandingen tilstand af filmen "overlay" brænd eller en anden tilstand, som filter.igen, forsøg med disse at se, som passer bedst til deres billede...,,, lygteglasset nødblus, kan også være acheived natively i photoshop, som skal filtrene> gøre> len nødblus.og med angivelse af deres forventede virkning, løntrin 5: at skabe film, rifter, tilføje nogle aktier film, rifter eller skabe din egen støj ved at filtrere>> tilføje, støj, støj og lege med den blanding af transportformer for at få den ønskede virkning. i dette tilfælde, jeg har valgt at sætte mit lager image at formere sig. og de har sænket uklarhed til 14%, trin 6: at skabe vignet, vi er næsten ved slutningen af skabe instagram stil filtervirkning.før det sker, skal vi bare færdigøre.for at skabe en vignet, der tilføjes et nyt lag og fylder den med en solid sort.så tag den cirkulære markise værktøj og gøre en stor oval form midt i billedet med kanterne af det ovale næsten røre siderne af billedet., hold skiltet udvælgelse af det sorte ved at trykke "slette nøgle på dit tastatur.så endnu en gang til at filtrere> sløre> gaussisk blur og sløre vignet lag.farvet en vignet, for at sikre, at de sider af den er helt sort, og ikke en gennemsigtig tåge.når dette er gjort, reducere uklarhed i overensstemmelse hermed.jeg har sænket mit til 63%, trin 8: tilføje rammen, sidste del, er at forøge rammen.jeg har valgt at tilføje en gammel film - - ved hjælp af en kombination af skabelsen af et rektangulært område af image og indarbejde det med nogle tal, bogstaver og pile fra en bestand optagelser af gamle film ruller. du kan også skabe nogle interessante revet virkninger ved at downloade iturevet photoshop børster og ved hjælp af lag maske værktøj med disse.,,, - - og det er, hvordan du kan genskabe instagram stil filtre i photoshop.lad os gå videre til at skabe dem med css.,, at omsætte instagram filtre til nettet, selv om jeg ikke ville sige, at genskabe instagram er indfødt filtre i css i øjeblikket er muligt, har der været en introduktion til verden af css for nylig, at gør det næsten umuligt.ved at lege med disse egenskaber er det muligt at skabe lignende virkninger, med en lille smule af eksperimenteren., jeg vil introducere dig for et par af dem og håber, at det vil hjælpe dig med at komme i gang og på din vej., filtre, der i øjeblikket kun er baseret på webkit browsere støtte denne ejendom, men med en lille smule held og lykke, det vil blive gennemført i alle store moderne browsere snart.filtre, give mulighed for at tilføje photoshop stil virkninger for billede i kraft af ccs.filtrene er som følger:,, tåge, grå skala, sepia, lysstyrke, mætning, hue rotere, modsætning, vend,, selv om nogle af de ovennævnte virkninger kunne være nyttig for den slags ting, jeg kommer til at se to, der vil være mest effektivt, når de efterlignende instagram stil billeder.fuldstændige oplysninger om tillægget for brug af disse egenskaber kan du tjekke denne css3 filtre postede. modsætning, derimod, er forskellen i farver og lys mellem dele af et billede.at dette kan ofte føre til en stærkere, mere dynamisk billede, men at det kan føre til en mere forsvundet billede. sløre, sløret filter kommer virkelig gode når genskaber dybdefotografering i et billede.- overlay - to kopier af det samme billede, og så tilføje et slør af ca. 5 eller 6, pixel i forreste række image.så kan vi bruge css maskering for at maskere den del, der ønsker vi mere i fokus, ved at afsløre den underliggende skarpt billede., css maskering, css maskering gør det muligt at fastsætte en anden grafiske element, form eller fil anvendes som et udklip fra region til region.den anvendes i forbindelse med sløret filter du kan skabe nogle virkelig interessante dybdefotografering. virkninger, compositing, tilbage i 2012, så jeg en tweet det nævnt, hvor det ville være fedt, hvis du kunne gennemføre photoshop stil farve transportformer til billeder ved hjælp af ccs.men nu, takket være et forslag fra adobe, det snart vil være muligt.forslaget er for css compositing ", og som er beskrevet som" blanding og compositing for nettet. det er endnu ikke gennemført i alle browsere, men adobe har tilsammen en stikprøve browser, som gennemfører det, og giver dem mulighed for at lege med deres forslag.du kan finde ud af noget mere i adobe compositing.de kom alle bekendt adobe blanding transportformer som f.eks. skærm - overlay - og formere, css stigninger, css stigninger kan bruges til at skabe nogle virkelig søde overlay toner for din instagram stil billede.ved hjælp af en gradient, f.eks. gul til gennemsigtige pink og ændring af opacitet af disse undertiden kan give en dejlig farve, hvilket gør det retroreflekterende og handler på samme måde som film brænde.,, det ser ud, som om alle i øjeblikket anvender programmer såsom instagram at give deres billeder, der retro - magi.der er ingen tvivl om det, de laver dine billeder er varmere og tilføje mere karakter, som ellers kan være ret kedeligt billeder. som popularitet stiger fortsat, virkninger og filtre skal indføres.ved at forstå de grundlæggende principper for, hvordan disse virkninger er opnået, du burde nu være i stand til at skabe dem for deres websted eller app med photoshop.i gang, jeg kan forestille mig at css vil have en hel række egenskaber, der vil lade os manipulere billeder på lignende måde.den gode nyhed er, at ved hjælp af nogle af de egenskaber, som jeg har nævnt i dag, kan de sikkert begynde at lege med nogle interessante instagram stil virkninger nu., kender du nogen andre css egenskaber, som kan være nyttig for at skabe instagram virkninger?lad mig vide, i bemærkningerne nedenfor.,, yderligere forbindelser, læse og ressourcer, 10 photoshop aktioner for at skabe instagram stil virkninger instagram filtre til photoshop, adobe browser til brug til css compositing. skabe instagram billeder ved hjælp af folkesundhedsprogrammet, programmerbare mål c instagram stil filtre,