I dag i denne video-tutorial lærer vi dig, hvordan du komponerer og forbereder et projekt at oprette et banner med Adobe Photoshop-programmettil den næste video-tutorial, der lærer dig, hvordan du giver lidt animationsamt eksportere den klar til brug.
Jeg vil starte med at fortælle dig, hvem manden på billedet er, at han ikke bare er en hvilken som helst anonym mand, der er valgt fra enhver billedbank, nej sir, dette er den store Milton Glaser, skaberen af logoet for Jeg elsker New York hvor meget har påvirket vores samfund i det sidste århundrede eller omslag på Bob Dylan.
Nå, bortset fra den historiske note, lad os starte denne video-tutorial: Sådan oprettes let et bevægeligt banner i Photoshop, min første video-tutorial, som jeg håber du kan lide og finder det meget nyttigt. Lad os begynde.
I) Vi laver en skitse med vores sammensætning og vi begyndte at oprette og søge i de forskellige elementer på banneret.
II) Vi leder efter og downloader et foto af den gode gamle Milton Glaser, et tegn som jeg har valgt at tage på vores banner.
III) Vi åbner Adobe Photoshop og opretter et nyt dokument. Vi vælger mellem de forskellige forudindstillinger som Photoshop giver os til at bruge i webformat. Ud af dem alle vælger vi 800 × 600 lærred, hvilket er en god størrelse til et banner.
IV) Vi åbner JPG-filen, der indeholder billedet af den gode Milton Glaser, og vi forbereder os på at retouchere billedet.
V) Vi vælger fra gruppen af markeringsværktøjer, en af sløjferne, den Magnetisk sløjfe I dette tilfælde. Vi skitserer den gode gamle Milton.
VI) Når skitseret, går vi til ruten Selection-Refine Edges. Vi skal bruge dette værktøj til at gøre kanterne af billedet godt skitseret.
VII) Når vi har forladt Milton-kanten helt efter vores smag ved hjælp af værktøjet Forbedre kanten, vi trykker CNTRL + J og et nyt lag vil blive produceret med markeringen.
VIII) Vi fjerner baggrundslaget, og derfor får vi Milton på en gennemsigtig baggrund som vi kan bruge i vores banner.
IX) For at gemme det skal vi bruge værktøjet Gem til web. Inden for dette værktøjs dialogboks finder vi muligheden for at eksportere filen i forskellige filtyper som GIF, JPG eller PNG. Nå, i denne fil skal vi eksportere den for at holde den på en gennemsigtig baggrund. Vi gemmer og navngiver. Vi lukker og gemmer i PSD for hvad der kan ske.
X) Vi vender tilbage til vores webprojekt, til banneret. Vi ændrer baggrundsfarvens farve til sort. Til dette bruger vi værktøjet Paint Bucket, ændrer frontfarven til sort og klikker direkte på baggrundslaget.
XI) Vi starter med at importere Milton Glaser-billedet til vores arbejdsområde eller lærred. Til dette bruger vi Placer værktøj, findes i filindstillingen.
XII) Vi placerer den gode gamle Glaser i nederste hjørne til højre for skærmen.
XIII) Vi opretter en taleboble fra tegneserierne. Vi satte det op til at se ud som Glaser taler.
XIV) Vi opretter 3 sætninger med Tekstværktøj, som er dem, der giver banneret information. En af dem går ind i sandwichen.
XV) Hver af sætningerne skal gå på et andet tekstlag.
XVI) Og så har vi alt klar til at starte give animation til vores banner.
I den næste video-tutorial lærer jeg dig, hvordan du giver animation til vores banner. Gå ikke glip af det.