Deseu imatges de Photoshop CS5 per a dispositius web i mòbils

Si deseu fitxers per al web o per a dispositius mòbils a Photoshop Creative Suite 5, es crea una versió més petita de la vostra imatge perquè es carregui ràpidament. És important conèixer les diferències entre GIF, JPEG, PNG i WBMP, perquè pugueu triar el format adequat en funció del tipus d'imatge que esteu desant. La idea és fer la imatge tan petita com sigui possible mantenint-la visualment agradable.

GIF

Utilitzeu el format GIF si teniu grans àrees de color sòlid.

Deseu imatges de Photoshop CS5 per a dispositius web i mòbils

Una imatge amb molt color sòlid és un bon GIF.

El format GIF no té pèrdua (no perd dades quan el fitxer es comprimeix en aquest format), però redueix la mida del fitxer utilitzant un nombre limitat de colors en una taula de colors. Com més baix sigui el nombre de colors, més petita serà la mida del fitxer.

La transparència és compatible amb el format de fitxer GIF. En general, els fitxers GIF no fan una bona feina en qualsevol cosa que necessiti transicions suaus d'un color a un altre, a causa del mal suport del format d'antialiasing , que és el mètode que utilitza Photoshop per suavitzar les vores irregulars.

Com que l'antialiasing ha de crear diversos colors per a aquest efecte, els fitxers GIF no es recomanen generalment. De fet, quan reduïu la mida d'un GIF, és més propens a veure bandes (rates a la imatge) perquè l'anti-aliasing no es pot fer amb el nombre limitat de colors disponibles.

JPEG

JPEG és el millor format per a imatges amb transicions suaus d'un color a un altre, com en les fotografies.

El format JPEG té pèrdua, de manera que no hauríeu de desar un JPEG i després obrir-lo, editar-lo i tornar-lo a desar com a JPEG. Deseu una còpia del fitxer com a JPEG, mantenint la imatge original en format PSD si necessiteu editar la imatge més tard, obriu el PSD original, feu els vostres canvis, deseu el PSD i després deseu una còpia del fitxer editat com a JPEG.

El format JPEG no admet la transparència.

Deseu imatges de Photoshop CS5 per a dispositius web i mòbils

Les imatges amb transicions suaus d'un color a un altre són bons candidats per al format de fitxer JPEG.

PNG

PNG és la combinació perfecta de GIF i JPEG. PNG admet diferents nivells de transparència i antialiasing. Aquesta variació significa que podeu especificar una imatge com a transparent al 50% i que es mostra a la pàgina web subjacent. Podeu triar PNG-8 i PNG-24. Com a format de fitxer per optimitzar imatges, PNG-8 no us ofereix cap avantatge respecte a un fitxer GIF normal.

PNG-24 admet anti-aliasing (la transició suau d'un color a un altre). Aquestes imatges funcionen molt bé per a imatges de to continu, però són molt més grans que un fitxer JPEG. La característica realment increïble d'un fitxer PNG és que admet 256 nivells de transparència. En altres paraules, podeu aplicar diferents quantitats de transparència en una imatge on la imatge es mostra al fons.

Deseu imatges de Photoshop CS5 per a dispositius web i mòbils

Un fitxer PNG-24 amb diferents quantitats de transparència.

Els fitxers PNG no són compatibles amb tots els navegadors. A més, les imatges PNG-24 tenen mides de fitxer que poden ser massa grans per al web.

WBMP

WBMP està optimitzat per a la informàtica mòbil, no té compressió, és de color d'un bit (només en blanc i negre, sense ombres) i té una mica de profunditat. Les imatges WBMP no són necessàriament boniques, però són funcionals. Teniu controls de tramado per mostrar algun nivell de valor de to.

Voleu veure com es veurà el vostre contingut mòbil en dispositius específics? Feu clic al botó Device Central a l'extrem inferior esquerre del quadre de diàleg Desa per a web i dispositius.

Deseu imatges de Photoshop CS5 per a dispositius web i mòbils

El format WBMP només admet en blanc i negre.


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 […]