Oder je kraj, kamor boste postavili svoje elemente, kot so slike, besedilo in narisani predmeti. Oder je okno HTML v živo, kar pomeni, da to, kar vidite na zaslonu, vidi vaše občinstvo, ko si ogleda vašo kompozicijo in komunicira z njo. Oder lahko določite na nekaj različnih načinov:
Piksli: Adobe Edge Animate CC vam omogoča, da nastavite oder tako, da ostane določene velikosti ne glede na velikost okna brskalnika.
Odstotek: Za tiste, ki imajo raje bolj odziven spletni dizajn.
Preizkušanje odzivnega spletnega oblikovanja: morda boste želeli spremeniti barvo ozadja odra, da preizkusite odzivnost svojega dizajna.
Najverjetneje je eden od prvih korakov, ki ga boste želeli narediti, da pravilno določite velikost svojega odra. Če nameravate vstaviti svojo animacijo v obstoječo spletno stran, najprej določite, koliko prostora želite, da vaša animacija zavzame na tej strani, in nato ustrezno prilagodite velikost odra.
Če želite spremeniti velikost odra, kliknite oranžne številke v razdelku Oder na plošči Lastnosti — v skrajnem levem stolpcu blizu vrha zaslona — kot je prikazano. S klikom na številko širine ali višine lahko vnesete natančne dimenzije (v slikovnih pikah), ki jih želite, da ima vaš oder.
Če ne želite vnašati številk, vam Edge Animate ponuja alternativno metodo za spreminjanje velikosti odra: preprosto postavite kazalec na eno od oranžnih številk. Ko se kazalec spremeni v dvojno puščico (kot je prikazano), lahko kliknete in povlečete, da povečate ali zmanjšate velikost odra.
Če želite ustvariti animacijo, za katero ni treba, da se prilega nobeni določeni dimenziji, preklopite s slikovnih pik (px) na odstotek (%) s klikom na preklop (glejte to sliko). To je en korak do izdelave odzivnega spletnega dizajna. Ko spremenite velikost stopnje glede na odstotek zaslona namesto po vrednostih slikovnih pik, se stopnja sama spremeni glede na velikost nadrejenega elementa.
En primer nadrejenega elementa je lahko samo okno brskalnika – če je animacija samostojna spletna stran. Če pa je animacija en del spletne strani, je lahko nadrejeni element element div, znotraj katerega je animacija ugnezdena.
Če želite, da vaš oder zapolni celotno okno brskalnika, nastavite širino in višino odra na 100 %, kot je prikazano na tej sliki. Če želite, da vaš Stage zapolni polovico okna brskalnika, nastavite Stage na 50 %; in tako naprej, odvisno od tega, koliko okna brskalnika želite, da vaša animacija zasede.
Privzeto je ozadje Odra belo. Zato ne boste videli nobene razlike v fazi, ko preklapljate med px in %.
Če želite preizkusiti razliko med uporabo px in % za velikost odra, spremenite barvo ozadja odra v nekaj drugega kot belo, na primer rdečo. Nato eksperimentirajte z različnimi odstotki in dimenzijami px, da vidite različne učinke.
Če želite spremeniti barvo ozadja odra (kot je prikazano), kliknite beli kvadrat, da se prikaže izbirnik barv.
Edge Animateu lahko poveste, naj ohrani razmerja širine in višine enaka, tako da kliknete ikono za širino in višino povezave (označeno na tej sliki). Ikona za širino in višino povezave je privzeto izklopljena; s to privzeto veljavo Edge Animate ne bo ohranil širine (ali višine) v enakem razmerju, ko spremenite velikost.
Zavijanje besedila v Adobe Illustrator CC ni čisto enako kot zavijanje darila – lažje je! Prelom besedila prisili, da se besedilo ovije okoli grafike. Ta funkcija lahko vsakemu kosu doda malo ustvarjalnosti.
Kako izvoziti datoteke JPEG in PNG iz dokumenta Adobe InDesign CS6. Koraki za uspešno izvoz potrebnih slikovnih formatov za tiskanje in spletno uporabo.
Naučite se uporabiti prosojnost za grafiko SVG v Illustratorju. Raziščite, kako iznesti SVG s prozornimi ozadji in uporabiti učinke preglednosti.
Ko uvozite svoje slike v Adobe XD, nimate velikega nadzora nad urejanjem, lahko pa spremenite velikost in zasukate slike tako kot pri kateri koli drugi obliki. Prav tako lahko preprosto zaokrožite vogale uvožene slike z uporabo vogalnih pripomočkov. Prikrivanje slik Z definiranjem zaprte oblike […]
Ko imate besedilo v projektu Adobe XD, lahko začnete spreminjati lastnosti besedila. Te lastnosti vključujejo družino pisav, velikost pisave, težo pisave, poravnavo, razmik med znaki (kerning in sledenje), razmik med vrsticami (vodilni del), polnjenje, obrobo (poteza), senco (senca) in zameglitev ozadja. Poglejmo torej, kako se te lastnosti uporabljajo. O berljivosti in pisavi […]
Tako kot v Adobe Illustratorju, umetniške plošče Photoshopa omogočajo izdelavo ločenih strani ali zaslonov znotraj enega dokumenta. To je lahko še posebej koristno, če gradite zaslone za mobilno aplikacijo ali majhno brošuro. Umetniško ploščo si lahko predstavljate kot posebno vrsto skupine plasti, ustvarjeno s ploščo Sloji. Njegova […]
Številna orodja, ki jih najdete na plošči Orodja InDesign, se uporabljajo za risanje črt in oblik na strani, tako da imate na voljo več različnih načinov za ustvarjanje zanimivih risb za svoje publikacije. V InDesignu lahko ustvarite kar koli, od osnovnih oblik do zapletenih risb, namesto da bi morali uporabljati program za risanje, kot je […]
Ko načrtujete v programu Adobe Illustrator CC, pogosto potrebujete obliko, ki je natančna (na primer 2 x 3 palca). Ko ustvarite obliko, je najboljši način, da jo spremenite v natančne meritve, da uporabite ploščo Transform, prikazano na tej sliki. Izberi predmet in nato izberite Okno→ Pretvori v […]
InDesign lahko uporabite za ustvarjanje in spreminjanje grafike QR kode. QR kode so oblika črtne kode, ki lahko shrani informacije, kot so besede, številke, URL-ji ali druge oblike podatkov. Uporabnik skenira QR kodo s svojo kamero in programsko opremo na napravi, kot je pametni telefon, in programska oprema uporablja […]
Morda bo čas, ko boste potrebovali novo fotografijo, da bi izgledali staro. Photoshop CS6 vas pokriva. Črno-bela fotografija je novejši pojav, kot si morda mislite. Dagerotipi in druge zgodnje fotografije so pogosto imele rjavkast ali modrikast ton. Lahko ustvarite lastne mojstrovine v odtenkih sepije. Tonirane slike lahko ustvarijo […]
