Kā SVG failiem piemērot caurspīdīgumu
Uzziniet, kā lietot caurspīdīgumu SVG grafikai programmā Illustrator. Izpētiet, kā izvadīt SVG ar caurspīdīgu fonu un lietot caurspīdīguma efektus.
Adobe Edge Animate CC darbojas visās mūsdienu pārlūkprogrammās, tostarp jaunākajās Chrome, Firefox, Opera, Safari un Internet Explorer 9 versijās. Tas darbojas arī visos planšetdatoros un viedtālruņos, kuros ir instalētas modernas pārlūkprogrammas. Mērķauditorijām, kuras neizmanto modernas pārlūkprogrammas, Edge Animate nodrošina atkāpšanās opciju, ko varat izmantot, lai jūsu animācija neizskatītos bojāta.
Saderība ir svarīga tīmekļa saturam; ja pārlūkprogramma neatbalsta jūsu kodu, jūsu animācija nedarbosies. Nav brīnums, ka Adobe Edge Animate CC izveido kodu, kas darbojas visās mūsdienu pārlūkprogrammās.
Daudzi tīmekļa izstrādātāji ir nobažījušies, ka ne visas HTML5 daļas ir saderīgas ar visām pārlūkprogrammām. Tas jo īpaši attiecas uz Internet Explorer. Ja daudzas HTML5 funkcijas darbosies pārlūkprogrammās, piemēram, Chrome un Firefox, tās ne vienmēr darbosies pārlūkprogrammā Internet Explorer.
Tas liek daudziem tīmekļa izstrādātājiem apšaubīt, cik plaši viņiem vajadzētu sākt lietot HTML5. Tīmekļa izstrādātāju interesēs nav izveidot tīmekļa lapas, kas nedarbojas visās pārlūkprogrammās, taču nākotne joprojām ir nedaudz neskaidra, un daudzi cilvēki ir apmierināti ar veco pārlūkprogrammu izmantošanu.
Adobe ir novērsusi šīs problēmas ar Edge Animate. Jūs varat justies droši, zinot, ka jūsu Edge Animate tīmekļa kompozīcijas darbosies visās mūsdienu pārlūkprogrammās, tostarp pašreizējās Firefox, Chrome, Safari un Internet Explorer 9 versijās.
Lai izmantotu Edge Animate, jums nav jāzina HTML5 vai pat HTML. Bet jo vairāk jūs zināt, jo labāk jums būs, ja jums būs jāizmanto kods, lai palīdzētu to ieviest apskatei. Programmatūra Edge Animate izveido kodu jūsu vietā, kamēr veidojat tīmekļa animāciju.
Saglabājot Edge Animate failu, programmatūra izveido vairākus dažādus failus. Vienam no šiem failiem ir .html faila nosaukuma paplašinājums. HTML5 kods atrodas .html failā. Šo failu var skatīt ar jebkuru teksta redaktoru, piemēram, Notepad. Kad esat pabeidzis kompozīcijas izveidi, varat skatīt animāciju tīmekļa pārlūkprogrammā — vai nu no programmatūras, vai veicot dubultklikšķi uz .html faila, kas tiek atvērts un atskaņots jūsu animācijas noklusējuma pārlūkprogrammā.
Saderība ar Microsoft Internet Explorer tīmekļa pārlūkprogrammu ir problēma, ar kuru tīmekļa izstrādātājiem ir jācīnās, izstrādājot vietnes. Microsoft lēni atjaunina pārlūkprogrammu Internet Explorer, lai tā būtu saderīga ar HTML5 — un kods, kas lieliski darbojas pārlūkprogrammās Chrome, Safari un Firefox, nedarbojas labi iepriekšējās Internet Explorer versijās.
Piemēram, ja apmalei kodējat noapaļotas malas, pārlūkprogrammā Chrome un Firefox jūsu stūri tiks parādīti noapaļoti. bet skatiet to pašu vietni IE, un pēkšņi jūsu noapaļotās malas parādās kvadrātā. Šādas problēmas var sabojāt vietnes dizainu.
Pārlūkprogrammas, piemēram, Firefox, Chrome, Safari un Opera, jau atbalsta daudzus HTML5 aspektus. Nav nekādu bažu par to, ka Adobe Edge Animate CC kompozīcijas šajās pārlūkprogrammās darbojas nevainojami. Šajās pārlūkprogrammās lietotājiem ir arī iebūvēti automātiskie atjauninājumi. Tāpēc tīmekļa dizaineri un izstrādātāji var būt pārliecināti, ka viņu lietotāji, visticamāk, izmanto jaunāko pārlūkprogrammas versiju.
Ideālā pasaulē ikviens regulāri jauninātu savas pārlūkprogrammas. Diemžēl ne visi to var izdarīt kaut kādu iemeslu dēļ. Lai gan Internet Explorer 9 ir pavērusi durvis uz HTML5 saderību, kas nozīmē, ka Edge Animate darbojas šajā pārlūkprogrammas versijā, ne visi IE lietotāji ir jauninājuši savas pārlūkprogrammas.
Joprojām nav nekas neparasts, ka daudzi IE lietotāji izmanto 7. un 8. versiju, un (daudzu dizaineru šausmām un satraukumam) IE 6 joprojām izmanto daudzi cilvēki.
Adobe Edge Animate CC kompozīcijas nedarbosies pārlūkprogrammā Internet Explorer 8 un vecākās versijās, tāpat kā HTML5 nedarbojas IE6.
Tomēr labā ziņa ir tā, ka arvien vairāk tīmekļa lietotāju atjaunina savas pārlūkprogrammas, un IE6 lietošana lēnām samazinās. Tomēr, ņemot vērā to, Edge Animate darbojas visās mūsdienu portatīvajās pārlūkprogrammās. Ja jūsu galvenais mērķis ir izveidot animētas lietojumprogrammas lietošanai viedtālruņos un planšetdatoros, tad jums ir ļoti paveicies.
Ja veidojat tīmekļa animācijas auditorijai, kura joprojām izmanto IE8 un vecākas pārlūkprogrammas, šī slēptā novecošanās var radīt bažas, ja izmantojat Adobe Edge Animate CC. Pieņemsim, ka pavadāt neskaitāmas stundas, izstrādājot perfektu tīmekļa animāciju, un pēc tam ievietojat to tiešsaistē. Jūs to pārbaudījāt pārlūkprogrammās Firefox un IE 9, un tas darbojas lieliski.
Pēc tam jūs ejat pa gaiteni, lai parādītu to savam priekšniekam — un jums par šausmām, tas nedarbojas, jo jūsu priekšnieks izmanto IE 6. Reālajā pasaulē pastāv liela iespēja, ka arī daudzi jūsu klienti un klienti to dara. izmantojot vecāku IE versiju, kas nav saderīga ar Edge Animate.
Par laimi Edge Animate piedāvā vismaz divas iespējas: varat (a) izmantot Google Chrome Frame atbalstu vai (b) izmantot zemāka līmeņa pārlūkprogrammas atbalstu — funkciju, kas ļauj izveidot plakātu (statisku attēlu) vai izmantot statisko HTML, lai aizstātu animāciju, kas neļauj jūsu vietnei izskatīties "salauzta". Jūsu auditorija redz attēlu, kas izskatās tā, kā tam vajadzētu izskatīties, lai gan tas nav animēts.
Google Chrome Frame atbalsts
Edge Animate ir funkcija, kas ļauj izmantot Google Chrome Frame atbalstu pārlūkprogrammām, kas neatbalsta animāciju. Kā nākamo soli uz zemāka līmeņa pārlūkprogrammas atbalstu varat publicēt Edge Animate saturu, lai jūsu auditorija to varētu skatīt IE 6, 7 vai 8, izmantojot Google Chrome Frame. Lietotājs, kuram vēl nav Google Chrome Frame, varat arī kontrolēt tā instalēšanas pieredzi.
Edge Animate ir zemāka līmeņa posmi
Par leju līmeņa posmi ar Edge animēt ir versijas Stage, ka jūs varat izmantot, lai izveidotu un publicēt lejup līmeņa versiju sastāvu, kas būs savietojams ar pārlūkiem, kas neatbalsta HTML5 animācijas. Zemākā līmeņa posmi piedāvā tikai minimālus izveides rīkus, taču jūs varat
Importējiet grafiku un izveidojiet teksta elementus.
Importējiet plakātu no galvenās kompozīcijas.
Būtībā animācijas, ko izveidojat un ievietojat tiešsaistē, var noteikt pārlūkprogrammas, kuras izmanto jūsu auditorija. Ja kods konstatē, ka kāds jūsu animācijai izmanto nesaderīgu pārlūkprogrammu, animācijas vietā atkal tiek rādīts plakāta attēls. Tas pasargās jūsu vietni no bojātas. Tā vietā, lai redzētu animāciju, kas nedarbojas, auditorija redz plakātu — nekustīgu kadru —, ko jūs izveidojat no animācijas.
Atkal, jums nav jāzina kods, lai zemākā līmeņa Stage atbalsts darbotos. Lai gan pārlūkprogrammas noteikšanas kodēšana var būt sarežģīta, Edge Animate ir iebūvēta šī iespēja — un tā ir iespēja izvēlēties, kad esat gatavs publicēšanai.
Ja Adobe Flash neizdodas, darbojas Adobe Edge Animate CC. Ir labi zināms, ka Apple neļauj Adobe Flash animācijai darboties savās portatīvajās ierīcēs, tostarp iPhone, iPod touch un iPad. Stīvs Džobss pirms viņa aiziešanas mūžībā paziņoja, ka Flash ir pārāk daudz drošības ievainojamību un citu negatīvu aspektu, lai Apple ļautu Flash darboties ar iOS.
No otras puses, Edge Animate necieš no šīm problēmām. Jūsu Edge Animate kompozīcijas lieliski darbosies Apple produktos — un Android ierīcēs — neatkarīgi no tā, vai tie ir visu veidu planšetdatori, viedtālruņi un citas ierīces, kurās tiek izmantotas modernas mobilās pārlūkprogrammas.
Uzziniet, kā lietot caurspīdīgumu SVG grafikai programmā Illustrator. Izpētiet, kā izvadīt SVG ar caurspīdīgu fonu un lietot caurspīdīguma efektus.
Kad esat importējis savus attēlus programmā Adobe XD, jums nav lielas rediģēšanas vadības iespējas, taču varat mainīt attēlu izmērus un pagriezt tos tāpat kā jebkuru citu formu. Varat arī viegli noapaļot importēta attēla stūrus, izmantojot stūra logrīkus. Attēlu maskēšana Nosakot slēgtu formu […]
Kad jūsu Adobe XD projektā ir teksts, varat sākt mainīt teksta rekvizītus. Šie rekvizīti ietver fontu saimi, fonta lielumu, fonta svaru, līdzinājumu, rakstzīmju atstarpes (rindstarpas un izsekošanu), rindstarpu (vadošais), aizpildījumu, apmali (pārvilkšanu), ēnu (krītošā ēna) un fona aizmiglojumu. Tātad, apskatīsim, kā šie rekvizīti tiek piemēroti. Par lasāmību un fontu […]
Tāpat kā programmā Adobe Illustrator, Photoshop zīmējumu dēļi nodrošina iespēju vienā dokumentā izveidot atsevišķas lapas vai ekrānus. Tas var būt īpaši noderīgi, ja veidojat ekrānus mobilajai lietojumprogrammai vai nelielai brošūrai. Jūs varat domāt par zīmējumu dēli kā īpašu slāņu grupas veidu, kas izveidots, izmantojot paneli Slāņi. Tā […]
Daudzi rīki, kas atrodami panelī InDesign Tools, tiek izmantoti līniju un formu zīmēšanai lapā, tāpēc jums ir vairāki veidi, kā izveidot interesantus zīmējumus savām publikācijām. Programmā InDesign varat izveidot jebko, sākot no pamata formām līdz sarežģītiem zīmējumiem, tā vietā, lai izmantotu zīmēšanas programmu, piemēram, […]
Teksta iesaiņošana programmā Adobe Illustrator CC nav gluži tas pats, kas dāvanas iesaiņošana — tas ir vienkāršāk! Teksta aplaušana liek tekstam aptīt grafiku, kā parādīts šajā attēlā. Šī funkcija var pievienot mazliet radošuma jebkuram gabalam. Grafika liek tekstam aptīt to. Vispirms izveidojiet […]
Veidojot dizainu programmā Adobe Illustrator CC, bieži vien ir nepieciešams precīzs izmērs (piemēram, 2 x 3 collas). Pēc formas izveides vislabākais veids, kā mainīt tās izmērus precīziem izmēriem, ir izmantot pārveidošanas paneli, kas parādīts šajā attēlā. Atlasiet objektu un pēc tam izvēlieties Logs → Transform to […]
Varat izmantot programmu InDesign, lai izveidotu un modificētu QR koda grafiku. QR kodi ir svītrkoda veids, kurā var saglabāt informāciju, piemēram, vārdus, ciparus, URL vai cita veida datus. Lietotājs skenē QR kodu, izmantojot savu kameru un programmatūru ierīcē, piemēram, viedtālrunī, un programmatūra izmanto […]
Var būt laiks, kad jums ir nepieciešams jauns fotoattēls, lai izskatītos vecs. Programma Photoshop CS6 ir jums pieejama. Melnbaltā fotogrāfija ir jaunāka parādība, nekā varētu domāt. Dagerotipiem un citām agrīnām fotogrāfijām bieži bija brūngans vai zilgans tonis. Jūs varat izveidot savus sēpijas toņu šedevrus. Tonēti attēli var radīt […]
Izmantojot Adobe Creative Suite 5 (Adobe CS5) Illustrator funkciju Live Paint, varat izveidot vajadzīgo attēlu un aizpildīt reģionus ar krāsām. Live Paint kauss automātiski nosaka reģionus, kas sastāv no neatkarīgiem krustojošiem ceļiem, un attiecīgi aizpilda tos. Krāsa noteiktā reģionā paliek dzīva un plūst automātiski, ja tāda ir […]