Dreamweaver CC mynd- og margmiðlunarráð

Sama hversu frábært efnið þitt er, myndirnar þínar, myndbönd og margmiðlun hafa mikinn áhrif á gesti á Dreamweaver vefsíðunni þinni. Hér eru nokkur ráð til að stjórna myndum, myndböndum og öðrum margmiðlun á vefsíðum þínum.

Tengdu smámyndir við stærri skrár

Stórar myndir eru fallegar en þær þurfa lengri tíma til að hlaða niður en litlum myndum. Algeng tækni til að sýna margar myndir á einni síðu er að búa til litlar útgáfur af hverri mynd, kallaðar smámyndir, og tengja síðan hverja þeirra við stærri útgáfur af sömu mynd.

Þessi tækni virkar líka þegar þú vilt sýna safn af myndböndum eða hreyfimyndum. Þú getur búið til kyrrmynd úr einum ramma myndbandsins og notað það síðan sem smámynd sem tengist hverri myndskrá.

Eins og sjá má á myndinni, sem sýnir myndagalleríið af vefsíðu Cinembargo , gerir þessi tækni það mögulegt að setja margar myndir, eða myndbandsskrár, í eitt myndasafn. Þegar þú smellir á hverja smámynd birtist stærri útgáfa af sömu mynd fyrir ofan myndina.

Dreamweaver CC mynd- og margmiðlunarráð

Þessi gagnvirku myndáhrif voru búin til með því að nota hegðunareiginleikann í Dreamweaver. Þú getur líka notað Dreamweaver til að tengja myndir við myndbönd, hreyfimyndir og aðrar skráargerðir.

Vistaðu alltaf frumritin

Flestir hönnuðir búa til myndir fyrir vefinn með því að nota forrit eins og Photoshop. Til að ná sem bestum árangri viltu gera allar litaleiðréttingar, lagfæringar og aðrar breytingar með háupplausnarútgáfu af myndum eða grafík.

Hins vegar, áður en myndin fer á vefsíðuna þína, viltu fínstilla hana með því að þjappa skránni (ef þú vistar hana sem jpeg) eða fækka litum (ef þú vistar myndina sem PNG eða GIF). Ferlið við að fínstilla myndir gerir það að verkum að þær hlaðast niður hraðar en dregur einnig úr gæðum töluvert.

Á eftirfarandi mynd sérðu AssetShield vefsíðuna sem inniheldur tiltölulega stórar myndir sem hafa verið fínstilltar þannig að þær hlaðast hratt í vafra.

Dreamweaver CC mynd- og margmiðlunarráð

Mundu að ef þú vilt einhvern tíma fara til baka og breyta mynd eftir að hún hefur verið fínstillt fyrir vefinn, þá þarftu að breyta upprunalegu frumskránni, útgáfunni sem þú vistaðir áður en myndin var þjappað eða litum var minnkað. Á sama hátt, ef þú ert að vinna með mynd sem hefur mörg lög í forriti eins og Photoshop, þarf að fletja þau lög út áður en hægt er að setja myndina á vefsíðuna.

Myndbands- og hljóðskrár, svo og hreyfimyndir, ætti að fínstilla áður en þær eru notaðar á vefsíðu. Og, rétt eins og þú gerir með myndir, farðu aftur í útgáfuna með hærri upplausn ef þú gerir einhvern tíma viðbótarklippingu.

Hvort sem þú býrð til þínar eigin myndir og margmiðlunarskrár eða ræður faglegan hönnuð, vertu viss um að þróa kerfi til að vista allar upprunalegar myndir í hæstu mögulegu upplausn svo þú hafir þær ef þú þarft einhvern tíma að breyta mynd síðar.


Hvernig á að beita gagnsæi á SVG

Hvernig á að beita gagnsæi á SVG

Lærðu hvernig á að beita gagnsæi á SVG grafík í Illustrator. Kannaðu hvernig á að gefa út SVG með gagnsæjum bakgrunni og beita gagnsæisáhrifum.

Vinna með myndir í Adobe XD

Vinna með myndir í Adobe XD

Eftir að þú hefur flutt myndirnar þínar inn í Adobe XD hefurðu ekki mikla stjórn á klippingum, en þú getur breytt stærð og snúið myndum alveg eins og þú myndir gera í öðrum formum. Þú getur líka auðveldlega snúið hornin á innfluttri mynd með því að nota horngræjurnar. Maskaðu myndirnar þínar með því að skilgreina lokað form […]

Hvernig á að stilla textaeiginleika í Adobe XD

Hvernig á að stilla textaeiginleika í Adobe XD

Þegar þú ert með texta í Adobe XD verkefninu þínu geturðu byrjað að breyta textaeiginleikum. Þessir eiginleikar fela í sér leturfjölskyldu, leturstærð, leturþyngd, jöfnun, stafabil (kering og rakning), línubil (frama), Fylling, Border (strok), Skuggi (fallskuggi) og Bakgrunnsþoka. Svo skulum endurskoða hvernig þessar eignir eru notaðar. Um læsileika og leturgerð […]

Vinna með teikniborð í Photoshop CC

Vinna með teikniborð í Photoshop CC

Rétt eins og í Adobe Illustrator, bjóða Photoshop teikniborð möguleika á að byggja upp aðskildar síður eða skjái í einu skjali. Þetta getur verið sérstaklega gagnlegt ef þú ert að smíða skjái fyrir farsímaforrit eða lítinn bækling. Þú getur hugsað um listaborð sem sérstaka tegund af lagahópi sem búin er til með því að nota Layers spjaldið. Það er […]

Form og marghyrningar í InDesign

Form og marghyrningar í InDesign

Mörg verkfæranna sem þú finnur á InDesign Tools spjaldinu eru notuð til að teikna línur og form á síðu, svo þú hefur nokkrar mismunandi leiðir til að búa til áhugaverðar teikningar fyrir ritin þín. Þú getur búið til allt frá grunnformum til flókinna teikninga inni í InDesign, í stað þess að þurfa að nota teikniforrit eins og […]

Vefja texta í Adobe Illustrator CC

Vefja texta í Adobe Illustrator CC

Að pakka inn texta í Adobe Illustrator CC er ekki alveg það sama og að pakka inn gjöf – það er auðveldara! Textabrot þvingar texta til að vefja utan um grafík, eins og sýnt er á þessari mynd. Þessi eiginleiki getur bætt smá sköpunargáfu við hvaða verk sem er. Myndin neyðir textann til að vefja utan um hann. Fyrst skaltu búa til […]

Hvernig á að breyta stærð forms í Illustrator

Hvernig á að breyta stærð forms í Illustrator

Þegar þú hannar í Adobe Illustrator CC þarftu oft að lögun sé í nákvæmri stærð (til dæmis 2 x 3 tommur). Eftir að þú hefur búið til form er besta leiðin til að breyta stærð þess í nákvæmar mælingar að nota Transform spjaldið, sýnt á þessari mynd. Láttu hlutinn velja og veldu síðan Gluggi→ Umbreyta í […]

Hvernig á að búa til QR kóða í InDesign CC

Hvernig á að búa til QR kóða í InDesign CC

Þú getur notað InDesign til að búa til og breyta grafík QR kóða. QR kóðar eru strikamerki sem geta geymt upplýsingar eins og orð, tölur, vefslóðir eða annars konar gögn. Notandinn skannar QR kóðann með myndavélinni sinni og hugbúnaði á tæki, svo sem snjallsíma, og hugbúnaðurinn notar […]

Hvernig á að láta nýja mynd líta gömul út í Photoshop CS6

Hvernig á að láta nýja mynd líta gömul út í Photoshop CS6

Það gæti verið tími þegar þú þarft nýja mynd til að líta gömul út. Photoshop CS6 hefur þú fjallað. Svart-hvít ljósmyndun er nýrra fyrirbæri en þú gætir haldið. Daguerreotypes og aðrar fyrstu ljósmyndir höfðu oft brúnleitan eða bláleitan blæ. Þú getur búið til sepia-tóna meistaraverk á eigin spýtur. Tónaðar myndir geta búið til […]

Live Paint eiginleiki í Adobe CS5 Illustrator

Live Paint eiginleiki í Adobe CS5 Illustrator

Með því að nota Live Paint eiginleikann í Adobe Creative Suite 5 (Adobe CS5) Illustrator geturðu búið til myndina sem þú vilt og fyllt út svæði með lit. Live Paint fötuna greinir sjálfkrafa svæði sem samanstanda af sjálfstæðum skurðstígum og fyllir þau í samræmi við það. Málningin innan tiltekins svæðis helst lifandi og flæðir sjálfkrafa ef einhver […]