Dreamweaver ilutulestikuks: pilditöötlus

Oletame, et teie veebilehel on logo ja teie klient soovib seda ootamatult teist värvi. Tavaliselt tähendab see teise pilditöötlusprogrammi käivitamist, logo leidmist, selle avamist, redigeerimist, salvestamist, Dreamweaverile tagasi lülitumist ja seejärel logo uuesti oma lehele importimist. Vau, see on palju samme. Spetsiaalsete integreerimisfunktsioonide kasutamine Dreamweaveri ja Fireworksi vahel lihtsustab aga kogu protsessi oluliselt – mõni hiireklõps võib asendada kõik need muud aeganõudvad toimingud.

Järgmised sammud näitavad, kuidas Dreamweaveris pilti valida, see Fireworksis automaatselt avada, redigeerida ja pilti mõne hiireklõpsuga uuesti Dreamweaverisse värskendada.

Fireworksi käivitamiseks otse Dreamweaverist ja olemasoleva pildi redigeerimiseks toimige järgmiselt.

1. Valige Dreamweaveris .gif- või .jpg-kujutis, mida soovite redigeerida.

2. Properties Inspectoris klõpsake nuppu Redigeeri.

Ilmub dialoogiboks Otsi allikas, mis küsib, kas soovite redigeerida olemasolevat dokumenti valitud faili allika jaoks.

3. Klõpsake dialoogiboksis Otsi redigeerimise allikat ühte suvanditest.

Klõpsates Jah, saate valida oma lehel olevast tegelikust optimeeritud pildifailist erineva faili. Näiteks saate valida optimeeritud graafika PNG-versiooni (mis võis olla algne fail, millest eksportisite oma lehel oleva graafika optimeeritud veebiversiooni). Nupu Ei klõpsamine avab Dreamweaveris valitud lähtefaili (tegelik GIF- või JPEG-fail, mis on lehel lingitud).

Kui klõpsate Ei, käivitub Fireworks koos teie valitud GIF- või JPEG-pildiga. Kui klõpsate Jah, võimaldab Fireworks teil valida alternatiivse pildi ja käivitub, avades alternatiivse pildi uues dokumendis. Kui lõite algse pildi rakenduses Fireworks, on alternatiivseks kujutiseks PNG-fail. PNG on Fireworksi loomulik failivorming. Kui lõite originaalpildi mõnes teises graafikaprogrammis, näiteks PhotoShopis, on teie lähtefailiks PSD. Fireworks toetab enamikku PhotoShop 6-s või uuemas versioonis loodud PSD-faile.

Kuna teie veebilehel kasutatud pildi lähtefail on tõenäoliselt varem optimeeritud, ei anna optimeeritud GIF- või JPEG-kujutise redigeerimine tavaliselt parimat pildikvaliteedi tulemust pärast selle redigeerimist, uuesti optimeerimist ja uuesti eksportimist Dreamweaver. Graafika algse, eelnevalt optimeeritud versiooni juurde tagasi pöördumine annab teile võimaluse alustada uuesti nullist. Klõpsates dialoogiboksis Redigeerimise allika otsimine nuppu Jah, saate optimeeritud lähtegraafikult valida mõne muu faili. Kui eksportisite pildi PNG-failist, saate selle asemel valida PNG-vormingus faili, redigeerida faili kvaliteetsemat versiooni ja eksportida selle ilma, et pilt halveneks.

Pärast Jah või Ei klõpsamist avaneb pildidokument rakenduses Fireworks.

4. Tehke rakenduses Fireworks pildil muudatused.

Pildis saate teha mis tahes muudatusi või muudatusi, kasutades Fireworksi mis tahes tööriistu, samuti kasutades faili optimeerimisseadete muutmiseks paneeli Optimeeri.

5. Kui olete pildi redigeerimise lõpetanud, klõpsake ilutulestiku dokumendiaknas nuppu Valmis.

Pärast nupul Valmis klõpsamist taandub ilutulestiku dokument taustale ja Dreamweaveri dokument tuleb automaatselt nähtavale. Pilti värskendatakse lehel automaatselt, kajastades hiljutisi muudatusi, ilma et teil oleks vaja muid toiminguid peale dokumendi salvestamise.

Pärast Fireworksi nupu Valmis vajutamist ei saa te pildifailides tehtud muudatusi tagasi võtta, valides käsu Undo. Muudatused on püsivad.


Kuidas SVG-dele läbipaistvust rakendada

Kuidas SVG-dele läbipaistvust rakendada

Siit saate teada, kuidas Illustratoris SVG-graafikale läbipaistvust rakendada. Uurige, kuidas väljastada läbipaistva taustaga SVG-sid ja rakendada läbipaistvusefekte.

Piltidega töötamine Adobe XD-s

Piltidega töötamine Adobe XD-s

Pärast piltide importimist Adobe XD-sse ei ole teil palju redigeerimiskontrolli, kuid saate kujutiste suurust muuta ja pöörata täpselt nagu mis tahes muu kujuga. Samuti saate nurgavidinate abil hõlpsasti ümardada imporditud pildi nurki. Piltide maskeerimine Kinnise kuju määratlemisega […]

Kuidas kohandada teksti atribuute Adobe XD-s

Kuidas kohandada teksti atribuute Adobe XD-s

Kui teie Adobe XD projektis on tekst olemas, saate hakata teksti atribuute muutma. Nende atribuutide hulka kuuluvad fondiperekond, fondi suurus, fondi kaal, joondus, märgivahe (joonimine ja jälgimine), reavahe (eesmärk), täitmine, ääris (joon), vari (langev vari) ja tausta hägu. Nii et vaatame üle, kuidas neid omadusi rakendatakse. Loetavuse ja fondi kohta […]

Photoshop CC graafikaplaatidega töötamine

Photoshop CC graafikaplaatidega töötamine

Nii nagu Adobe Illustratoris, võimaldavad Photoshopi joonised luua ühes dokumendis eraldi lehti või ekraane. See võib olla eriti kasulik, kui koostate ekraane mobiilirakenduse või väikese brošüüri jaoks. Joonistahvlit võib pidada eri tüüpi kihirühmaks, mis on loodud paneeli Kihid abil. Selle […]

Kujundid ja hulknurgad InDesignis

Kujundid ja hulknurgad InDesignis

Paljusid InDesigni tööriistade paneelil leiduvaid tööriistu kasutatakse lehele joonte ja kujundite joonistamiseks, nii et teil on väljaannete jaoks huvitavate jooniste loomiseks mitu erinevat võimalust. InDesignis saate luua kõike alates põhikujunditest kuni keerukate joonisteni, selle asemel, et kasutada joonistusprogrammi nagu […]

Murdke tekst Adobe Illustrator CC-s

Murdke tekst Adobe Illustrator CC-s

Teksti pakkimine Adobe Illustrator CC-s ei ole päris sama, mis kingituse pakkimine – see on lihtsam! Teksti murdmine sunnib teksti ümber graafika, nagu on näidatud sellel joonisel. See funktsioon võib lisada igale teosele pisut loovust. Graafika sunnib teksti enda ümber keerduma. Esiteks looge […]

Kuidas Illustratoris kujundite suurust muuta

Kuidas Illustratoris kujundite suurust muuta

Adobe Illustrator CC-s kujundamisel on sageli vaja, et kuju oleks täpse suurusega (näiteks 2 x 3 tolli). Pärast kujundi loomist on parim viis selle täpsete mõõtude muutmiseks kasutada sellel joonisel näidatud teisenduspaneeli. Laske objekt valida ja seejärel valige Aken → Teisenda […]

Kuidas luua InDesign CC-s QR-koode

Kuidas luua InDesign CC-s QR-koode

InDesigni saate kasutada QR-koodi graafika loomiseks ja muutmiseks. QR-koodid on vöötkoodi vorm, mis võib salvestada teavet, nagu sõnad, numbrid, URL-id või muud tüüpi andmed. Kasutaja skannib QR-koodi kasutades oma kaamerat ja tarkvara seadmes, näiteks nutitelefonis ning tarkvara kasutab […]

Kuidas muuta uus foto Photoshop CS6-s vanaks

Kuidas muuta uus foto Photoshop CS6-s vanaks

Võib juhtuda, et vajate uut fotot, et vana välja näha. Photoshop CS6 pakub teile tähelepanu. Must-valge fotograafia on uuem nähtus, kui arvata võiks. Dagerrotüüpidel ja muudel varastel fotodel oli sageli pruunikas või sinakas toon. Saate ise luua seepiatoonides meistriteoseid. Toonitud pildid võivad luua […]

Adobe CS5 Illustratori Live Paint funktsioon

Adobe CS5 Illustratori Live Paint funktsioon

Adobe Creative Suite 5 (Adobe CS5) Illustratori funktsiooni Live Paint kasutades saate luua soovitud pildi ja täita piirkonnad värviga. Live Paint ämber tuvastab automaatselt iseseisvatest ristuvatest teedest koosnevad piirkonnad ja täidab need vastavalt. Teatud piirkonna värv jääb elavaks ja voolab automaatselt, kui seda on […]