Si të aplikoni transparencën në SVG
Mësoni se si të aplikoni transparencën në grafikat SVG në Illustrator. Eksploroni se si të nxirrni SVG me sfond transparent dhe të aplikoni efekte transparence.
Këtu është një truk i mrekullueshëm CSS për ta kthyer një listë me pika në një shirit navigimi në Dreamweaver me një efekt të thjeshtë përmbysjeje. Përdorimi i një liste me pika për shiritat e navigimit është një konventë e mirëpranuar për faqet e internetit që plotësojnë standardet aktuale të aksesueshmërisë.
Kredia: Fotot nga istockphoto.com
Të njëjtat lidhje gjenden ende në listën e pa renditur, por aplikimi i stileve ndryshon pamjen e tyre në mënyrë dramatike.
Kredia: Fotot nga istockphoto.com
Për të krijuar një shirit navigimi duke përdorur CSS për të ripërcaktuar listën e parregulluar dhe etiketat e lidhjeve, ndiqni këto hapa:
Klikoni për të vendosur kursorin ku dëshironi të krijoni shiritin tuaj të navigimit në faqe.
Futni tekstin që dëshironi të shërbeni si lidhje, duke e ndarë secilën duke shtypur tastin Kthim ose Enter për të krijuar një kthim të paragrafit.
Për të formatuar lidhjet si një listë të pa renditur, ndani çdo rresht teksti që dëshironi të lidhni me a
etiketë.
Krijoni lidhje duke zgjedhur secilën pjesë të tekstit me radhë, duke klikuar ikonën Hyperlink në panelin Common Insert dhe më pas duke zgjedhur faqen me të cilën dëshironi të lidheni ose duke futur një URL.
Zvarriteni për të zgjedhur të gjithë grupin e lidhjeve dhe më pas klikoni ikonën Lista e parregulluar në inspektorin e vetive.
Një pikë pikë shfaqet në fillim të çdo lidhjeje. Nëse ndonjë lidhje nuk është caktuar me një pikë të veçantë, klikoni për të fshirë hapësirën midis saj dhe lidhjes përpara saj dhe më pas shtypni Kthehu ose Enter për të ndarë lidhjet me një kthim paragraf.
Për të shtuar një
etiketoni një listë lidhjesh (ose çdo përmbajtje tjetër që është tashmë në një faqe), zgjidhni përmbajtjen dhe më pas klikoni ikonën Div në panelin e Futjes së Përbashkët.
Hapet kutia e dialogut Insert Div.
Shtimi i a
Etiketimi rreth listës së parregulluar të lidhjeve është i dobishëm nëse doni të shtoni formatim.
Zgjidhni Wrap Around Selection nga lista rënëse Insert.
Për kontroll më të saktë se ku shtoni një të re
etiketë, mund të zgjidhni opsionet nga lista rënëse Insert në krye të kutisë së dialogut Insert Div.
Futni një emër në fushën Class ose në fushën ID.
A
etiketa me emrin e klasës ose ID që keni futur shtohet automatikisht në faqen që rrethon listën e lidhjeve.
Në fund të kutisë së dialogut Insert Div, klikoni butonin New CSS Rule.
Emri i ri i rregullit CSS i shtohet listës së emrave të stileve në panelin e përzgjedhësve të projektuesit CSS.
Në panelin Properties, specifikoni cilësimet tuaja të dëshiruara për ngjyrën, sfondin, madhësinë, kufijtë dhe mbushjen.
Formatimi i stilit aplikohet automatikisht në përmbajtjen e
etiketoni sepse keni aplikuar stilin ashtu siç e keni krijuar në hapat 5–7.
Për të krijuar një stil të përbërë që do të formatojë listën e pa renditur vetëm kur përdoret në shiritin e navigimit, krijoni një stil të përbërë që përfshin emrin e klasës .navbar:
Vendoseni kursorin kudo në listën me pika.
Klikoni shenjën plus (+) në krye të panelit të përzgjedhësve.
Në fushën "Emri i përzgjedhësit", sigurohuni që Dreamweaver të ketë futur automatikisht .navbar ul si emrin e një stili të ri në panelin "Zgjedhës".
Në panelin Properties, vendosni kufijtë dhe mbushjen në 0.
Krijo një stil të përbërë për të ripërcaktuar etiketat e artikujve të listës:
Vendoseni kursorin kudo në listën me pika.
Klikoni shenjën plus në krye të panelit Zgjedhës.
Në fushën "Emri i përzgjedhësit", sigurohuni që Dreamweaver të ketë futur automatikisht .navbar ul li si emër të një stili të ri në panelin "Zgjedhuesit".
Në panelin Properties, vendosni Ekranin në Inline.
Ndrysho llojin e stilit të listës në Asnjë për të hequr pikën.
Vendosni kufijtë e majtë dhe të djathtë në 20 piksele.
Ky hap ndan artikujt e listës nga njëri-tjetri në listën horizontale. Mund ta ndryshoni cilësimin për të krijuar hapësirën midis lidhjeve që i përshtatet më mirë dizajnit tuaj.
Krijo një stil për të ripërcaktuar etiketën e lidhjes:
Klikoni për të vendosur kursorin brenda një lidhjeje në shiritin e navigimit.
Klikoni shenjën plus në krye të panelit Zgjedhës.
Nëse dëshironi të ndryshoni emrin e stilit, klikoni dy herë mbi emrin në panelin e përzgjedhësve dhe futni emrin që dëshironi të përdorni.
Në seksionin "Tekst" të panelit "Properties", vendosni "Text-Decoration" në "Asnjë".
Ende në seksionin Tekst, zgjidhni një ngjyrë nga ngjyra për të specifikuar ngjyrën e lidhjeve kur ato ngarkohen në një faqe.
Krijo një stil të ri për të ripërcaktuar etiketën hover-link në mënyrë që ngjyra e lidhjes të ndryshojë kur një përdorues rrotullon një kursor mbi lidhjen:
Klikoni shenjën plus në krye të panelit Zgjedhës.
Në fushën "Emri i përzgjedhësit", shkruani .navbar a:hover.
Në seksionin "Tekst" të panelit "Properties", vendosni "Text-Decoration" në "Asnjë".
Ende në seksionin Tekst, zgjidhni një ngjyrë nga pusi i ngjyrës për të specifikuar ngjyrën e lidhjes kur përdoruesit e rrotullojnë kursorin mbi lidhjen.
Krijo një stil të ri për të ripërcaktuar etiketën e lidhjes së vizituar në mënyrë që ngjyra e lidhjes të ndryshojë pasi një përdorues të klikon një lidhje:
Klikoni shenjën plus në krye të panelit Zgjedhës.
Në fushën "Emri i përzgjedhësit", shkruani .navbar a:visited.
Në seksionin "Tekst" të panelit "Properties", vendosni "Text-Decoration" në "Asnjë".
Ende në seksionin Tekst, zgjidhni një ngjyrë nga ngjyra për të specifikuar ngjyrën e lidhjes pasi të jetë vizituar.
Klikoni butonin Live në krye të hapësirës së punës ose klikoni butonin Preview për të parë faqen në një shfletues për të parë efektin e stileve të lidhjeve.
Mësoni se si të aplikoni transparencën në grafikat SVG në Illustrator. Eksploroni se si të nxirrni SVG me sfond transparent dhe të aplikoni efekte transparence.
Pasi të keni importuar imazhet tuaja në Adobe XD, nuk keni shumë kontroll të redaktimit, por mund t'i ndryshoni madhësinë dhe t'i rrotulloni imazhet ashtu si do të bëni çdo formë tjetër. Ju gjithashtu mund të rrumbullakosni me lehtësi qoshet e një imazhi të importuar duke përdorur miniaplikacionet e qosheve. Maskimi i imazheve tuaja Duke përcaktuar një formë të mbyllur […]
Kur keni tekst në projektin tuaj Adobe XD, mund të filloni të ndryshoni vetitë e tekstit. Këto veçori përfshijnë familjen e shkronjave, madhësinë e shkronjave, peshën e shkronjave, shtrirjen, ndarjen e karaktereve (përcaktimi dhe gjurmimi), Hapësira e rreshtave (udhëheqëse), mbushja, kufiri (goditja), hija (hija me rënie) dhe turbullimi i sfondit. Pra, le të shqyrtojmë se si zbatohen ato prona. Rreth lexueshmërisë dhe fontit […]
Ashtu si në Adobe Illustrator, tabelat artistike të Photoshop ofrojnë aftësinë për të ndërtuar faqe ose ekrane të veçanta brenda një dokumenti. Kjo mund të jetë veçanërisht e dobishme nëse po ndërtoni ekrane për një aplikacion celular ose broshurë të vogël. Ju mund të mendoni për një tabelë artistike si një lloj të veçantë grupi shtresash të krijuar duke përdorur panelin Layers. Është […]
Shumë nga mjetet që gjeni në panelin e InDesign Tools përdoren për të vizatuar linja dhe forma në një faqe, kështu që ju keni disa mënyra të ndryshme për të krijuar vizatime interesante për botimet tuaja. Mund të krijoni çdo gjë, nga format bazë deri te vizatimet e ndërlikuara brenda InDesign, në vend që të përdorni një program vizatimi të tillë […]
Mbështjellja e tekstit në Adobe Illustrator CC nuk është e njëjtë me mbështjelljen e një dhurate - është më e lehtë! Një mbështjellje teksti detyron tekstin të mbështillet rreth një grafike, siç tregohet në këtë figurë. Kjo veçori mund të shtojë pak kreativitet në çdo pjesë. Grafika po e detyron tekstin të mbështillet rreth tij. Së pari, krijoni […]
Kur dizajnoni në Adobe Illustrator CC, shpesh ju nevojitet një formë që të jetë një madhësi e saktë (për shembull, 2 x 3 inç). Pasi të krijoni një formë, mënyra më e mirë për të ndryshuar madhësinë e saj në matje të sakta është të përdorni panelin Transform, të paraqitur në këtë figurë. Zgjidhni objektin dhe më pas zgjidhni Dritarja → Transformo në […]
Ju mund të përdorni InDesign për të krijuar dhe modifikuar grafikë të kodit QR. Kodet QR janë një formë barkodi që mund të ruajë informacione të tilla si fjalë, numra, URL ose forma të tjera të dhënash. Përdoruesi skanon kodin QR duke përdorur kamerën dhe softuerin e saj në një pajisje, siç është një smartphone, dhe softueri përdor […]
Mund të ketë një moment kur ju duhet një foto e re për t'u dukur e vjetër. Photoshop CS6 ju ka mbuluar. Fotografia bardh e zi është një fenomen më i ri nga sa mund të mendoni. Daguerreotipet dhe fotografitë e tjera të hershme shpesh kishin një ton kafe ose kaltërosh. Ju mund të krijoni kryeveprat tuaja me tone sepie. Fotografitë e tonifikuara mund të krijojnë […]
Duke përdorur veçorinë Live Paint në Adobe Creative Suite 5 (Adobe CS5) Illustrator, mund të krijoni imazhin që dëshironi dhe të plotësoni rajonet me ngjyra. Kova Live Paint zbulon automatikisht rajonet e përbëra nga shtigje të pavarura kryqëzuese dhe i mbush ato në përputhje me rrethanat. Bojë brenda një rajoni të caktuar mbetet e gjallë dhe rrjedh automatikisht nëse ka […]