Photoshop raskt utvalg og klonstempel
I denne opplæringen vil vi gå gjennom prosessen med å forberede grafikken til den første siden i en iPad-historiebok som vi vil lage i FlashR.

Det originale kunstverket som jeg bruker til dette Flash-prosjektet er et gammelt 5-siders gratulasjonskort basert på Et besøk fra St. Nicholas av C. Moore. Fordi dette kunstverket ble laget lenge før datamaskinen var tilgjengelig for forbrukere, ble det malt med tradisjonell penn og akvarell. Det ferdige kunstverket er på akvarellpapir og selvfølgelig bare ett lag.

Den første oppgaven er å skanne kunstverkene inn i PhotoshopR. Jeg vil ikke gå inn på detaljer for dette fordi du sannsynligvis vil ha en annen skriver / skanner enn jeg. Bare følg instruksjonene som fulgte med skriveren / skanneren. Når du skanner bildene dine, angir du oppløsningen til 300 ppi. Selv om iPad-prosjektet bare krever 72 oppløsning, kan det være lurt å skanne kunstverkene dine med 300 ppi i tilfelle du vil skrive ut bildene.

Når kunstverket ditt er i Photoshop, kan du sjekke lysstyrken og fargen. Det kan være lurt å gjøre noen justeringer.

Planlagt animasjon

Din neste oppgave er å vurdere hvilken del av kunstverket du ønsker å bruke til interaktive elementer i iPad-historien. I prøveprosjektet bestemte jeg meg for å bruke de tre kattene. Hvis du klikker på dem, vil kattene fusse og mye. Derfor trengte jeg å velge disse kattene og kopiere / lime dem på sine egne lag.

Jeg bestemte meg også for å gjøre om teksten på siden. Da kunstverket ble laget, brukte vi fortsatt IBM skrivemaskiner som bare hadde noen få skrifter å velge mellom. For å fikse teksten, trengte jeg først å fjerne teksten fra kunstverket og deretter bruke Photoshops verktøy for horisontal type for å legge teksten tilbake i bildet.

Dette kan høres ut som mye arbeid, men Photoshop gjør det veldig enkelt med to flotte verktøy, Clone Stamp og Quick Selection-verktøyene. Slik gjør du.

Hurtigvalg verktøy

Bruk hurtigvalgverktøyet for å velge katter fra kunstverket. Still penselstørrelsen til omtrent en femtedel på størrelse med en katt. Klikk og dra verktøyet over katten. Photoshop vil kunne fortelle hva du skal velge på grunn av forskjellen i farge, farge og lysstyrke mellom katten og området rundt. Hvis du velger et område utenfor katten, kan du bytte verktøyet fra Legg til valg til Trekk fra utvalget innstillingen i Alternativer-panelet. Dra deretter over området du ønsker å utelate fra markeringen.

Når du har valgt en katt, klikker du på Rediger - Kopier. Klikk deretter på Rediger - Lim inn. Fordi Photoshop fortsatt har området aktivt valgt, vil den automatisk plassere katten på et nytt lag over kunstverket rett over den originale katten.

Clone Stamp Tool

Hvis du vil bruke Clone Stamp-verktøyet for å fjerne de originale kattene, går du tilbake til laget som inneholder den originale skanningen. Denne teknikken fungerer best hvis du har hardheten for verktøyet satt til null for å forhindre skarpe kanter. Hold først Valg-tasten og klikk for å "kopiere" området ved siden av objektet du ønsker å fjerne. For kattene som vil være teppet og gulvet bak dem. Deretter vil du plassere Clone Stamp-verktøyet over katten en forhåndsvisning av gulv / teppeområdet. Klikk på katten for å "male" gulv / teppeområdet over katten. Når du beveger musen over katten og klikker, maler du mer av gulvet / teppet over katten. Photoshop gjør en god jobb med å male de riktige pikslene på gulvet / teppet på katten, men du må kanskje gjøre noen få touch-ups. Bare fortsett denne prosessen til katten har forsvunnet.

Når du er ferdig, bør du ha en fil som inneholder kunstverket på det første laget og de tre kattene på separate lag over. Velg en katt og kopier / lim inn katten i et nytt vindu. Lagre denne nye filen som cat1 i png-formatet. Gjenta dette for de to andre kattene. Nå, slett de tre kattlagene fra den opprinnelige filen, og bare la det nederste laget ligge. Lagre denne filen som side1.png.

VIKTIG: Disse opplæringsprogrammene for apputvikling er skrevet med Flash-novisen i tankene. Du må optimalisere appen din utover det som dekkes i disse opplæringsprogrammene før du fullfører appen din for app store.
Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse fra Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.