Luo yksinkertainen iPad-splash-näyttö Photoshop CS6: lla

Kirjoittaja: Monica Porter
Luomispäivä: 17 Maaliskuu 2021
Päivityspäivä: 17 Saattaa 2024
Anonim
Luo yksinkertainen iPad-splash-näyttö Photoshop CS6: lla - Luova
Luo yksinkertainen iPad-splash-näyttö Photoshop CS6: lla - Luova

Aikajana-paneelin käyttöönoton myötä Photoshop CS6: ssa Adobe on hyödyntänyt paljon uusista videonmuokkausominaisuuksistaan, joiden avulla voit muokata, parantaa ja tehdä videoita suoraan Photoshopissa. Vaikka Adobe mainostaa sitä lähinnä videonmuokkaustyökaluna, mielestäni mielenkiintoista on kyky luoda nopeita animaatioita suoraan Photoshopista tarvitsematta vaihtaa ohjelmistopaketteja.

Tässä näytän sinulle, kuinka voit luoda nopeasti lyhyen animoidun roiskunäytön iPadille. Suunnittelijoille, jotka ovat tottuneet työskentelemään Flash- tai After Effects -työkalujen kanssa, nämä työkalut saattavat tuntua melko yksinkertaisilta, mutta jokaiselle suunnittelijalle, joka haluaa lyödä liikkuvaa grafiikkaa, ne tarjoavat nopean ja helpon johdannon aikajanan ja avainkehysten käsitteeseen. Lopullisen tuotoksen ei tietenkään tarvitse olla iPad-roiskunäyttöä, joten vain mielikuvitus rajoittaa sinua siihen, mihin lopullista lähtöä käytetään.


01 Aloita asettamalla uusi asiakirja haluamallasi iPad-tarkkuudella avattavasta Mobile & Devices -valikosta. Täytä tausta haluamallasi värillä (tässä tapauksessa harmaa), luo uuden neliön keskelle valkoinen neliö, luo sitten kaksi mustaa pistettä ja napsauta ne kahteen vastakkaiseen kulmaan, jälleen erillisiin kerroksiin. Merkitse kaikki tarkoituksenmukaisesti helpottamaan elämää myöhemmin.

02 Napsauta Aikajana-paneelissa Luo videon aikajana, ja kaikki tasosi näkyvät aikajanalla. Aseta se 00:00, valitse Spot 01 ja laajenna taso käyttämällä kolmiokuvaketta. Napsauta nyt Sijainti-välilehteä luodaksesi avainkehyksen. Siirrä aikajana kohtaan 01:00 ja luo uusi sijaintikehys. Siirrä piste nyt neliön vasempaan alakulmaan ja toista prosessi toiselle paikalle käyttämällä täsmälleen samoja ajoituksia. Toista prosessi pisteillä yhden sekunnin välein kolmen sekunnin merkkiin asti, luoden avainkehykset mennessäsi.


03 Palaa 00:00 ja luo uudella kerroksella juuri taustan yläpuolella lävistäjävalinta ja täytä se värillä. Haluamme, että tämä muoto pyyhkäisee sisään ja ulos. Luo sijaintikehys kello 00:00 ja siirrä muoto kankaalta pitämällä Shift-näppäintä alhaalla. Luo uusi avainkehys klo 01.00 ja siirrä muoto takaisin alkuperäiseen asentoonsa. Toista se, ja se näyttää pyyhkäisevän sisään. Näet, kuinka avainkehykset sopivat yhteen pisteiden kanssa.

04 Siirrä aikajanaa vielä 10 kehystä pitkin 01:10 ja siirrä muoto takaisin kohtaan, joka on aivan asiakirjan rajojen sisällä. Palaa aikajanaan takaisin kello 01:00, jossa muoto on koko näkymässä, valitse kaikki ja kopioi taso. Napsauta neliökerroksella Cmd / Ctrl + A ja tee valinta ja siirry sitten Muokkaa> Liitä osaan ja liitä muoto neliön sisällä uuteen kerrokseen. Täytä se mustalla, merkitse se asianmukaisesti ja siirrä se alkuperäisen neliökerroksen yläpuolelle.


05 Nyt haluamme, että musta sisämuoto pyyhkäisee sisään keltaisen muodon kanssa. Siirrä kerros takaisin aikajanalla 00:00: iin ja toista prosessi edellisestä keltaisesta muodosta asettamalla ensimmäinen avainkehys kello 00:00, kun muoto on kokonaan kankaalta ja klo 01:00, kun se on täysin näkyvissä, mutta sitten älä lisää enää avainkehyksiä niin, että se näyttää pyyhkäisevän keltaisen kerroksen mukana, mutta pysyy paikallaan.

Meidän Neuvomme
7 huipputason robotti-taiteilijoiden maaliskuuta
Lue Lisää

7 huipputason robotti-taiteilijoiden maaliskuuta

He aattavat ottaa ihmi ten työpaikkoja ja uhata kaataa meidät jonain päivänä, mutta robotit eivät ole kaikki huonoja. Jo roboteille on hyvä a ia, e herättä...
5 suurta graafisen suunnittelun suuntausta vuonna 2016
Lue Lisää

5 suurta graafisen suunnittelun suuntausta vuonna 2016

Graafi en uunnittelun maailma a ajatu iitä, että jo takin on tullut trendi, koetaan u ein negatiivi ena. Mutta tietenkin on vältettävä trendien okeaa euraami ta it en ä v...
Ian Hickson HTML5: ssä vs HTML
Lue Lisää

Ian Hickson HTML5: ssä vs HTML

Raportoimme ä kettäin WHATWG: n ja W3C: n uhdemuutok e ta, ja tekninen toimittaja Ian Hick on vahvi ti, että hän oli myöhemmin muokannut vain WHATWG-määrityk iä...