Programmā Dreamweaver CS6 varat uzlabot savus dizainus un piešķirt lapām lielāku dziļumu, pievienojot teksta ēnas ar CSS3 kārtulām, kas ir jaunākās tīmekļa tehnoloģijas. Teksta ēnu pievienošana padara vārdus vieglāk lasāmus, īpaši, ja jūsu noformējumam ir sarežģīts fons vai ja fona un teksta krāsām trūkst kontrasta.
Autors: Pols Guals, istockphoto.com
Dreamweaver CS6 ietver atbalstu CSS3 teksta ēnām, ja izmantojat rūti Rekvizīti panelī CSS stili. Varat izveidot klases vai ID stilus ar teksta ēnām, kā arī esošajiem HTML elementiem pievienot teksta ēnas, definējot tagu stilu, piemēram, attēlā izmantoto virsraksta 1 stilu.
CSS3 kods, kas rada šo teksta ēnu, ir
h1 {text-shadow: 2px 2px 3px #000;}
Cipari kodā norāda, ka teksta ēnai ir jāpaplašina 2 pikseļi pa labi un 2 pikseļi zem teksta ar 3 pikseļu izplūšanu. Turklāt ēna tiek izveidota ar melnu krāsu, kas norādīta ar saīsināto heksadecimālo krāsu kodu #000.
Veidojot kārtulas teksta ēnām, varat norādīt līdz četrām vērtībām:
Horizontāli un vertikāli: ir nepieciešamas pirmās divas skaitļu vērtības, un tās norāda horizontālās un vertikālās nobīdes — attālumu, kādā krītošā ēna sniedzas zem teksta (horizontāli) un pa labi no teksta (vertikāli).
Izplūduma rādiuss: trešā vērtība norāda izplūšanas apjomu ēnā. Ja neietverat izplūšanas rādiusu, noklusējuma vērtība ir 0, tādējādi ēna tiek rādīta kā vienkrāsaina.
Krāsa: ceturtā vērtība norāda ēnas krāsu, un to var definēt, izmantojot heksadecimālo krāsu kodu vai RGBa krāsu kodu.
Varat pievienot teksta ēnu, izmantojot rūti Rekvizīti paneļa CSS stili apakšā, kā parādīts attēlā. Lai to izdarītu, veiciet tālāk norādītās darbības.
Noklikšķiniet uz saites Pievienot īpašumu, kas atrodas CSS stilu rekvizītu rūts kreisajā pusē.
Ievadiet CSS3 stila kārtulas nosaukumu, teksta ēnu vai atlasiet stila kārtulu nolaižamajā sarakstā.
Pēc nosaukuma parādīšanās kreisajā pusē parādās maza bultiņa labajā pusē.
Noklikšķiniet, lai atlasītu bultiņu pa labi no teksta ēnas.
Parādās lodziņš.
Ievadiet X un Y nobīdes, izplūduma rādiusu un krāsu.
Photoshop CS6 saglabā visas iepriekšējo versiju funkcijas un pievieno jaunas, nodrošinot labāku lietotāja pieredzi, radošumu un produktivitāti. Iepazīstiet jaunas rīku iespējas un komandas.
Uzziniet, kā efektīvi sapludināt slāņus programmā Photoshop CS6, lai samazinātu faila izmēru un uzlabotu veiktspēju, izmantojot slāņu sapludināšanu un attēla saplacināšanu.
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 […]
