udformning af en horisontal harmonika slider (plus en eksklusiv freebie!)

design en horisontal harmonika slider (plus en eksklusiv freebie!),,,,,,, i dag skal vi gå gennem oprettelsen af din egen horisontale harmonika sammen med en eksklusiv bonus - light version af den samme harmonika vil vi skabe i dag.,,, harmonika er fantastisk for at vise din favorit billeder, stillinger, eller måske et produkt ved komprimering rundt.hvis du er nødt til at tilføje en lille han er det største trækplaster for din harmonika, du burde se på slidedeck – mega let at arbejde med.,, note: harmonika lag fælde, i løbet af denne forelæsning vil der være henvisninger til forskellige lag og lag grupper - det kan være lidt forvirrende.som en reference, nedenfor, er et billede af den endelige lag - grupper, der anvendes i tilfælde af, at de bliver lidt fast:), trin 1 skabe baggrund, åbne adobe photoshop og skabe et nyt dokument med følgende forhold: 1100x490 pixels, 72ppi, og en hvid baggrund. ved hjælp af rektanglets værktøj (e) skabe et rektangel, der dækker hele arealet af lærred.udfyld denne rektangel med lys grå farve (# f2f2f2) og anvende et støjfilter (filter>> tilføje støj, støj) med følgende indstillinger:,,, beløb: 1%, distribution:, ensartet, hyperaktive:, ja, denne lag i sin egen lag - gruppen kaldet "bg".,, trin 2, skabe harmonika ramme, skabe et nyt lag - gruppen kaldet "var" og i denne gruppe endnu en gruppe, som kaldes "ramme".det er, hvor alle de lag, der udgør den ramme, der vil leve., udvælge afrundet rektangel værktøj (e) og sikre, at de har følgende indstillinger,,, at mode:, form lag, grænse radius:, 4px, fyld farve:,d2d2d, trin 3, ved hjælp af vejledninger, mark et område med 940px x 360px midt på gulvet.med afrundede rektangel værktøj stadig udvalgte, tegne et rektangel som guider dig lige der.for nøjagtighed, du bør gøre det muligt for "snap retningslinjer", der findes i betragtning> snap til> vejledninger.,, trin 4, omdanne rektangel til en smart objekt, som skal "lag> smart objekter> konvertere til intelligent genstande", eller ved ikke at klikke på lag på lag palet og udvælgelse af "skjult til smart genstand"., anvende en dråbe skygge til intelligente formål og også et støjfilter med samme indstilling som før.,,, hvorfor smarte ting?smart objekter, gøre det muligt for os at anvende filtre og styles, uden rasterising den originale malerier.dette er især nyttig, når man vil udgive en del af design - senere.,, løntrin 5, markere et andet område, 10px inden for det rektangel, du allerede har skabt dette skulle være 920px x 340px størrelse.tegn en afrundet rektangel i disse retningslinjer og konvertere til intelligent objekt.vil vil antage, at der er en lyskilde direkte over harmonika ned.der gælder følgende lag styles.,,, du ender med følgende resultat:,, trin 6 skaber de pigge, nu er vi færdige med den ramme og kan begynde på rygraden.skabe et nyt lag, der kaldes rygrad og mærke, et område, der 50px x 330px 5px indenfor rammen opbakning.trække en afrundet rektangel i disse retningslinjer ved hjælp af񌜫 som fyld farve.du ender med følgende (er), trin 7, at omdanne dette rektangel til en smart objekt, anvende et støjfilter, og følgende lag styles.,, du burde være tilbage med følgende:,, trin 8, skaber endnu mere afrundet rektangel på toppen af rygsøjlen, du skabte, udfylde dette de hvide.med den hvide rektangel, der indgik i lag palet, klik "tilføje vektor maske" ikon at tilføje en maske, at rektangel lag udvalgte, udvælge gradient værktøj (g) at sikre, at den gradient udvalgt "forgrundsviden til gennemsigtig og deres forgrund farve er fastsat til sort.klik og trække en lodret linje langs rygsøjlen.når du har skabt din gradient sætte hele lag til 5% opacitet.,, trin 9, ved hjælp af den horisontale type redskab (t) type din krævede glide etiket i en lys grå farve, jeg har brugt&#g g g g g.ved hjælp af omdanne værktøj (cmd /ctrl + t), roterer teksten med skiftet nøgle.tilpasse teksten til højre ved anvendelse af punkt palet og position på toppen af rygsøjlen.anvende en drop shadow.,, trin 10, ved hjælp af den type redskab igen, type af rygsøjlen nummer ved hjælp af en mørk farve, jeg har brugt𮶯.position antallet på bunden af rygsøjlen og anvende en anden drop shadow.,, trin 11, nu er vi færdige, skaber en rygrad, kan vi blot gentager hele lag, der er tre gange at oprette fire i alt.position tre dobbelt rygrad, sammen med den oprindelige med 5px margener inbetween.,, trin 12, til at skabe en svæver stat med pigge, åbne en af den dobbelte rygrad lag grupper og finde det lag, vi anvendte en gradient på tidligere.dette bør fastsættes til 5% opacitet, ændre den til 10%, trin 13 at skabe indhold område i verden, at du er tilbage, markere et område med dine guider 5px fra omkring element.det bør være 690px x 330px er størrelse.ved hjælp af en lys farve, udarbejde en afrundet rektangel i disse retningslinjer.,, punkt 14, kan du fylde dette område med det indhold, man kræver, men jeg kommer til at fylde dette område med et skærmbillede.pasta de skærmbillede i dokumentet, position som krævet og foragt for øjeblikket.som billedet er for store til det område, vi er nødt til at skjule det.i lag palet, holde cmd /ctrl og klik vektoren maske for det rektangel, skabte vi tidligere - og det vil skabe et udvalg af form.,, trin 15, udvælge skærmbillede lag i lag palet, og mens de marcherer myrer er stadig på skærmen, klik "tilføje, at vektoren maske" ikon - - det vil maske af uønskede områder., trin 16 skabe skyggen, det sidste skridt er at skabe den skygge, som sidder på harmonika.skabe et nyt lag, der kaldes skygge og ved hjælp af ellipse værktøj (e) danner en form svarende til nedenfor.,, skridt 17, anvende en gauss - tåge (filter> sløre> gaussisk tåge) med en radius på ca. 10px.den nøjagtige størrelse ikke er vigtig, og det er ofte bedre at bedømme "øjet".ændring af opacitet af lag - 30% og position skyggen under harmonika., det her er ikke at skabe skyggen med et enkelt lag, men med flere lag af forskellig størrelse og tæthed.to skygger vi skabte, anvende de omdanne værktøj til at gøre det lidt mindre bredde og højde og ændre den uklarhed til 80%.gentag denne proces med den endelige skygger, der bare et par pixels bredere end den harmonika base.,, færdig!det er det, vi er færdige.nu kan du fylde hver område med din krævede indhold og tilføje en stilfuld ud harmonika på deres seneste design!,, bonus fil: horisontale harmonika "light", med et par ændringer for at fylde farver og lag - styles, kan du begynde at skabe nogle interessante alternativer.her har jeg skabt en "light" version af harmonika i løbet af et par minutter til at vise mulighederne., kan du huske den kloge ting?de spiller ind her, som du kan stadig ændre den oprindelige kunst (til at ændre farver), samtidig med at alle filtre, som f.eks. støj, som anvendes til den form.hvis vi havde rasterised alle de lag, når det oprindelige harmonika, ville vi være nødt til at tegne alle former, ved at skabe nye stil.nej tak!,,,


Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider
Create an Accordion Slider



Previous:
Next Page: