Photoshop snabbval och klonstämpel
I den här tutorialen kommer vi att gå igenom processen för att förbereda grafiken för den första sidan i en iPad-berättelse som vi skapar i FlashR.

Det ursprungliga konstverket som jag använder för detta Flash-projekt är ett gammalt gratissort på 5 sidor baserat på Ett besök från St. Nicholas av C. Moore. Eftersom detta konstverk skapades långt innan datorn var tillgänglig för detaljhandelskunder, målades det med traditionell penna och akvarell. Det färdiga konstverket är på akvarellpapper och naturligtvis bara ett lager.

Den första uppgiften är att skanna bilderna i PhotoshopR. Jag kommer inte gå in på detaljer för detta eftersom du förmodligen kommer att ha en annan skrivare / skanner än jag. Följ bara anvisningarna som medföljde skrivaren / skannern. När du skannar dina konstverk ställer du in upplösningen till 300 ppi. Även om iPad-projektet endast kräver 72 upplösning kanske du vill skanna dina konstverk med 300 ppi om du vill skriva ut bilderna.

När ditt konstverk är i Photoshop, kontrollera ljusstyrka och färg. Du kanske vill göra några justeringar.

Planerad animering

Din nästa uppgift är att överväga vilken del av konstverket du vill använda för interaktiva element i din iPad-berättelse. I provprojektet bestämde jag mig för att använda de tre katterna. Om du klickar på det, kommer katterna att gnälla och meow. Därför behövde jag välja dessa katter och kopiera / klistra in dem i sina egna lager.

Jag bestämde mig också för att göra om texten på sidan. När konstverket skapades använde vi fortfarande IBM skrivmaskiner som bara hade några teckensnitt att välja mellan. För att fixa texten behövde jag först ta bort texten från konstverket och sedan använda Photoshops verktyg för horisontell typ för att lägga till texten tillbaka i bilden.

Det kan låta som mycket jobb men Photoshop gör det mycket enkelt med två fantastiska verktyg, Clone Stamp och Quick Selection-verktygen. Så här skulle du fortsätta.

Snabbval Verktyg

Använd Quick Selection-verktyget för att välja katter från konstverket. Ställ in borststorleken på ungefär en femtedel av storleken på en katt. Klicka och dra verktyget över katten. Photoshop kan berätta vad man ska välja på grund av skillnaden i färg, nyans och ljusstyrka mellan katten och det omgivande området. Om du väljer något område utanför katten kan du växla från verktyget Lägg till i urvalet till Dra från urvalet inställningen i panelen Alternativ. Dra sedan över området du vill utelämna från markeringen.

När du har valt en katt klickar du på Redigera - Kopiera. Klicka sedan på Redigera - Klistra in. Eftersom Photoshop fortfarande har området aktivt markerat kommer den automatiskt att placera katten på ett nytt lager ovanför konstverket direkt över den ursprungliga katten.

Clone Stamp Tool

För att använda Clone Stamp-verktyget för att ta bort de ursprungliga katterna, gå tillbaka till det lager som innehåller originalskanningen. Den här tekniken fungerar bäst om du har hårdheten för verktyget inställt på noll för att förhindra vassa kanter. Håll först tillvalsknappen och klicka för att "kopiera" området bredvid objektet du vill ta bort. För katterna som kommer att vara mattan och golvet bakom dem. Sedan placerar du klonstämpelverktyget över katten, ser du en förhandsgranskning av golv / mattan. Klicka på katten för att "måla" golvet / mattan över katten. När du flyttar musen över katten och klickar, målar du mer av golvet / mattan över katten. Photoshop gör ett bra jobb med att måla rätt pixlar på golvet / mattan på katten, men du kan behöva göra några touch-ups. Fortsätt bara denna process tills katten har försvunnit.

När du är klar bör du ha en fil som innehåller konstverk på det första lagret och de tre katterna på separata lager ovan. Välj en katt och kopiera / klistra in katten i ett nytt fönster. Spara den nya filen som cat1 i png-formatet. Upprepa detta för de andra två katterna. Ta bort nu de tre kattlagren från den ursprungliga filen och lämnar bara det undre lagret. Spara den här filen som page1.png.

VIKTIGT: Dessa apputvecklingsstudier är skrivna med Flash-nybörjaren i åtanke. Du måste optimera din app utöver vad som täcks i dessa tutorials innan du slutför din app för app store.
Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta om med tillstånd från 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, Fireworks, Contribute, Captivate, Flash Catalyst och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.


Video Instruktioner: Photoshop - Friläggning med Trollstav och Snabbmask (Maj 2024).