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.
Si të krijoni një paraqitje të rrjetit të lëngshëm me një kolonë në Dreamweaver
Përpara se të zhyteni në krijimin e një dizajni të komplikuar të rrjetës fluide në Dreamweaver, merrni parasysh të provoni një më të thjeshtë. Filloni duke krijuar një plan urbanistik të thjeshtë, me një kolonë, duke ndjekur këto udhëzime të thjeshta:
Zgjidhni Skedar → I ri.
Hapet dritarja e dokumentit të ri. Shënim: Sigurohuni që të keni përfunduar procesin e konfigurimit të faqes përpara se të filloni të punoni në një plan urbanistik të ri të rrjetit.
Nga ana e majtë e ekranit, zgjidhni Fluid Grid Layout.
Opsionet e dritares së dokumentit të ri ndryshojnë në opsionet e rrjetit të lëngjeve.
Specifikoni numrin e kolonave që dëshironi në secilën nga tre paraqitjet.
Për të shtuar ose hequr kolona, zgjidhni me radhë fushën e tekstit mbi secilën kolonë dhe vendosni numrin e kolonave që dëshironi.
Specifikoni përqindjen e dritares së shfletuesit që dëshironi të mbulojë çdo paraqitje.
Zgjidhni me radhë fushën e tekstit poshtë çdo paraqitjeje dhe vendosni një numër që përfaqëson përqindjen e hapësirës që dëshironi të mbulojë faqosja kur dizajni shihet në një dritare të shfletuesit. Për shembull, si parazgjedhje, faqosja e desktopit është caktuar të zërë 90 për qind të hapësirës së disponueshme, por ju mund ta ndryshoni atë në 95 për qind për t'i dhënë vetes më shumë hapësirë projektimi dhe për të zvogëluar hapësirën e diferencës.
Ndryshoni përqindjen e gjerësisë së kolonës për të ndryshuar sasinë e hapësirës së diferencës midis secilës kolonë.
Si parazgjedhje, Dreamweaver vendos secila diferencë për të zënë 25 përqind të hapësirës së disponueshme.
Përdorni listën rënëse për të specifikuar një doctype.
Si parazgjedhje, paraqitjet e rrjetit të lëngjeve krijohen duke përdorur doctypin HTML5. Nëse nuk keni nevojë të ndryshoni doctype për të qenë më i pajtueshëm me formatimet e tjera të përdorura në faqen tuaj të internetit, HMTL5 është opsioni i rekomanduar për dizajne responsive të uebit.
Klikoni Krijo.
Dialogu Save As hapet gati për të ruajtur një skedar CSS.
Futni një emër për skedarin tuaj CSS dhe klikoni Ruaj.
Një skedar i ri HTML hapet në hapësirën e punës Dreamweaver, por nuk është ruajtur ende. Skedari CSS që keni emërtuar ruhet dhe emri i tij bëhet i dukshëm në panelin Files.
Shënim: Ndryshe nga procesi i krijimit të llojeve të tjera të faqeve në Dreamweaver, skedari CSS ruhet fillimisht dhe skedari HTML ruhet në një hap të mëvonshëm.
Zgjidhni Skedar → Ruaj
Hapet kutia e dialogut Ruaj si.
Futni një emër për skedarin tuaj HTML dhe klikoni OK.
Kutia e dialogut "Ruaj si" mbyllet dhe një njoftim shfaqet në Dreamweaver që ju informon se faqosja e rrjetës suaj të lëngshme kërkon dy skedarë shtesë: boilerplate.css dhe answer.min.js.
Klikoni OK për të kopjuar skedarët boilerplate.css dhe respond.min.js në dosjen tuaj të faqes.
Të tre skedarët shtohen në panelin Files dhe ju ktheheni në skedarin tuaj HTML të sapo emëruar të hapur në hapësirën e punës Dreamweaver.
Jepini faqes një titull duke futur tekst në fushën Titulli në krye të hapësirës së punës.
Dhe kjo përfundon procesin e krijimit të një grupi të ri skedarësh për paraqitjen e rrjetit tuaj fluid.
Puna me imazhe në Adobe XD
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 […]
Si të rregulloni vetitë e tekstit në Adobe XD
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 […]
Puna me Artboards në Photoshop CC
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ë […]
Forma dhe shumëkëndësha në InDesign
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ë […]
Përfundoni tekstin në Adobe Illustrator CC
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 […]
Si të ndryshoni madhësinë e formave në Illustrator
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ë […]
Si të krijoni kode QR në InDesign CC
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 […]
Si ta bëni një fotografi të re të duket e vjetër në Photoshop CS6
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ë […]
Veçoria Live Paint në Adobe CS5 Illustrator
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 […]