Com desar la vostra obra dart per al web amb Adobe Illustrator CS6

Si necessiteu desar obres d'art per al web, cap funció és millor que Desa per al web a Adobe Illustrator CS6. Aquest quadre de diàleg obre un panell de vista prèvia on podeu provar diferents formats de fitxer abans de desar-lo.

Abans de seguir els passos per desar un gràfic per a la web, assegureu-vos que la taula de treball es redimensiona als límits del gràfic; en cas contrari, tindreu un espai ext→ al voltant del vostre gràfic.

Per desar un fitxer Illustrator que voleu utilitzar en una pàgina web, només heu de seguir aquests passos:


Com desar la vostra obra d'art per al web amb Adobe Illustrator CS6

1 Trieu Fitxer → Desa per a web.

Apareix el quadre de diàleg Desa per al web, que mostra la vostra obra d'art a la pestanya Optimitzat.

2Seleccioneu una vista amb pestanyes: Original, Optimitzada o 2-up.

Veu per defecte l'obra d'art a la vista optimitzada, que previsualitza l'obra d'art tal com apareixerà en funció de la configuració de la dreta. La millor opció és la vista 2-up perquè mostra la vostra imatge original en comparació amb la versió optimitzada.


Com desar la vostra obra d'art per al web amb Adobe Illustrator CS6

3Seleccioneu una configuració per al vostre fitxer de les opcions de la dreta.

Si voleu facilitar-vos-ho, seleccioneu un valor predefinit de la llista desplegable. Tingueu en compte aquests punts:

El format d'intercanvi de gràfics (GIF) s'utilitza generalment per a obres d'art amb franges de color sòlid. Podeu reduir la vostra obra d'art reduint el nombre de colors de la imatge, d'aquí les opcions, com ara GIF 64 No Dither (64 colors). Com més baix sigui el nombre de colors, més petita serà la mida del fitxer.

El tramatge intenta que la vostra obra d'art sembli que té més colors creant un patró en els colors. Sembla un patró d'escacs de prop i fins i tot de lluny. També fa un fitxer de mida més gran. A la majoria dels dissenyadors no els agrada l'efecte i trien l'opció No Dither.

El Joint Photographic Experts Group (JPEG) s'utilitza per a obres d'art que tenen gradacions subtils d'un to a un altre. Les fotografies sovint es guarden en aquest format. Si teniu ombres o barreges a la vostra obra d'art, seleccioneu aquest format. JPEG és un format de fitxer amb pèrdua : redueix una imatge a una qualitat inferior i pot crear artefactes estranys a la vostra obra d'art.

PNG-8 és bastant semblant al format de fitxer GIF. A menys que tingueu un motiu determinat per desar com a PNG-8, manteniu-vos amb el format de fitxer GIF.

PNG-24 admet el millor de dos formats (GIF i JPEG). El format Portable Network Graphics (PNG) admet no només els agradables degradats d'un valor tonal a un altre (com ara els JPEG), sinó també la transparència (com els GIF).

4Quan estigueu satisfet amb la configuració escollida, feu clic a Desa.

Quan deseu il·lustracions per a la web, tingueu en compte aquests punts: us faciliten molt el procés i per a qualsevol persona que faci servir les vostres il·lustracions:

Mantingueu les mides dels fitxers petites . No oblideu que si esteu desant il·lustracions per a una pàgina web, també hi haurà molts altres elements. Intenteu estalviar la mida del fitxer per fer que la descàrrega de la pàgina sigui més ràpida. La majoria dels visitants no esperen més de deu segons perquè es baixi una pàgina abans de passar a un altre lloc web.

Previsualitza el fitxer abans de desar-lo . Si voleu veure l'obra gràfica en un navegador web abans de desar-la, feu clic al botó Vista prèvia a l'extrem inferior esquerre del quadre de diàleg Desa per a la web. El navegador escollit apareix amb la vostra obra d'art amb el nivell de qualitat i la mida en què apareixerà.

Canvia la mida . La majoria de la gent generalment veu les finestres del seu navegador en una àrea que mesura aproximadament 700 x 500 píxels. Aquesta configuració pot cobrir tota la pantalla en un monitor de 14 polzades. Fins i tot els espectadors amb monitors d'alta resolució de 21 polzades solen establir les seves resolucions a aproximadament 700 x 500 píxels. Quan trieu una mida per a la vostra obra d'art, trieu-ne una amb proporcions semblants a aquestes.

Acaba el desat . Si no heu acabat amb l'il·lustració però voleu desar la configuració, manteniu premuda la tecla Alt (Windows) o Opció (Mac) i feu clic al botó Recorda. Quan hàgiu acabat, feu clic al botó Desa i deseu el fitxer a la ubicació adequada.


Com aplicar la transparència als SVG

Com aplicar la transparència als SVG

Obteniu informació sobre com aplicar la transparència als gràfics SVG a Illustrator. Descobriu com publicar SVG amb fons transparents i aplicar efectes de transparència.

Treballant amb imatges a Adobe XD

Treballant amb imatges a Adobe XD

Després d'haver importat les vostres imatges a Adobe XD, no teniu gaire control d'edició, però podeu canviar la mida i girar les imatges com ho faríeu amb qualsevol altra forma. També podeu arrodonir fàcilment les cantonades d'una imatge importada mitjançant els ginys de cantonada. Enmascarar les vostres imatges Definint una forma tancada […]

Treballant amb taules de treball a Photoshop CC

Treballant amb taules de treball a Photoshop CC

Igual que a Adobe Illustrator, les taules de treball de Photoshop ofereixen la capacitat de crear pàgines o pantalles separades dins d'un sol document. Això pot ser especialment útil si esteu creant pantalles per a una aplicació mòbil o un petit fulletó. Podeu pensar en una taula de treball com un tipus especial de grup de capes creat mitjançant el tauler Capes. La seva […]

Formes i polígons a InDesign

Formes i polígons a InDesign

Moltes de les eines que trobeu al tauler Eines d'InDesign s'utilitzen per dibuixar línies i formes en una pàgina, de manera que teniu diverses maneres diferents de crear dibuixos interessants per a les vostres publicacions. Podeu crear qualsevol cosa, des de formes bàsiques fins a dibuixos complexos dins d'InDesign, en lloc d'haver d'utilitzar un programa de dibuix com […]

Emboliqui el text a Adobe Illustrator CC

Emboliqui el text a Adobe Illustrator CC

Embolicar text a Adobe Illustrator CC no és el mateix que embolicar un regal: és més fàcil! Un embolcall de text obliga el text a embolicar-se al voltant d'un gràfic, tal com es mostra en aquesta figura. Aquesta característica pot afegir una mica de creativitat a qualsevol peça. El gràfic obliga el text a envoltar-lo. Primer, crea […]

Com canviar la mida de les formes a Illustrator

Com canviar la mida de les formes a Illustrator

Quan dissenyeu a Adobe Illustrator CC, sovint necessiteu una forma per tenir una mida exacta (per exemple, 2 x 3 polzades). Després de crear una forma, la millor manera de canviar-la a les mesures exactes és utilitzar el tauler Transformació, que es mostra en aquesta figura. Seleccioneu l'objecte i, a continuació, trieu Finestra→Transforma a […]

Com crear codis QR a InDesign CC

Com crear codis QR a InDesign CC

Podeu utilitzar InDesign per crear i modificar gràfics de codi QR. Els codis QR són una forma de codi de barres que pot emmagatzemar informació com ara paraules, números, URL o altres formes de dades. L'usuari escaneja el codi QR amb la seva càmera i el programari en un dispositiu, com ara un telèfon intel·ligent, i el programari fa servir […]

Com ajustar les propietats del text a Adobe XD

Com ajustar les propietats del text a Adobe XD

Quan tingueu text al vostre projecte Adobe XD, podeu començar a canviar les propietats del text. Aquestes propietats inclouen Família de tipus de lletra, Mida del tipus de lletra, Pes del tipus de lletra, Alineació, Espaiat entre caràcters (interlineat i seguiment), Interlineat (interlineat), Farciment, Vora (traç), Ombra (ombra vertical) i Desenfocament de fons. Per tant, revisem com s'apliquen aquestes propietats. Sobre la llegibilitat i el tipus de lletra […]

Com fer que una nova foto sembli antiga a Photoshop CS6

Com fer que una nova foto sembli antiga a Photoshop CS6

Pot ser que hi hagi un moment en què necessitis una foto nova per semblar antiga. Photoshop CS6 t'ha cobert. La fotografia en blanc i negre és un fenomen més nou del que podríeu pensar. Els daguerrotips i altres fotografies primerenques sovint tenien un to marró o blavós. Podeu crear les vostres pròpies obres mestres en tons sèpia. Les imatges tonificades poden crear […]

La funció Live Paint a Adobe CS5 Illustrator

La funció Live Paint a Adobe CS5 Illustrator

Amb la funció Live Paint d'Adobe Creative Suite 5 (Adobe CS5) Illustrator, podeu crear la imatge que vulgueu i omplir regions amb color. La galleda de pintura en viu detecta automàticament les regions compostes per camins d'intersecció independents i les omple en conseqüència. La pintura dins d'una regió determinada continua viva i flueix automàticament si hi ha […]