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.
Creació duna imatge de rollover a Dreamweaver CS3
A Dreamweaver, les imatges Rollover, com el seu nom indica, estan dissenyades per reaccionar quan algú passa el cursor per sobre d'una imatge. L'efecte pot ser tan espectacular com una imatge d'un gos substituït per una imatge d'un lleó, o tan subtil com el color d'una paraula que canvia a mesura que una imatge substitueix una altra. De qualsevol manera, Dreamweaver inclou un quadre de diàleg especial per a canvis que fa que la creació d'un simple efecte de rollover sigui un dels comportaments més fàcils d'aplicar.
Per crear una imatge de rollover mitjançant el quadre de diàleg Insereix imatge de rollover de Dreamweaver, seguiu aquests passos:
1. Feu clic per situar el cursor a la pàgina on voleu que aparegui el desplaçament.
Els efectes de rollover requereixen almenys dues imatges: una per a l'estat inicial i una altra per a l'estat de rollover. Podeu utilitzar dues imatges diferents o dues de semblants, però totes dues han de tenir les mateixes dimensions. En cas contrari, obtindreu efectes d'escala estranys perquè les dues imatges s'han de mostrar exactament al mateix espai de la pàgina.
2. Trieu Insereix –> Objectes d'imatge –> Imatge de desplaçament.
Apareix el quadre de diàleg Insereix una imatge de desplaçament.
3. Al quadre Nom de la imatge, poseu un nom a la vostra imatge.
Abans de poder aplicar un comportament a un element, com ara una imatge, l'element ha de tenir un nom perquè l'script de comportament pugui fer-hi referència. Podeu anomenar els elements com vulgueu sempre que no feu servir espais ni caràcters especials.
4. Al quadre Imatge original, especifiqueu la primera imatge que voleu que es vegi. Utilitzeu el botó Navega per localitzar i seleccionar la imatge.
Si les imatges encara no es troben a la carpeta arrel del vostre lloc, Dreamweaver les copiarà al vostre lloc quan creeu la transferència.
5. Al quadre Imatge de desplaçament, introduïu la imatge que voleu que es faci visible quan els visitants mouen el cursor per sobre de la primera imatge.
De nou, podeu utilitzar el botó Navega per localitzar i seleccionar la imatge.
6. Marqueu la casella de selecció Precarrega la imatge de desplaçament per carregar totes les imatges de transferència a la memòria cau del navegador quan es carregui la pàgina per primera vegada.
Si no trieu fer aquest pas, els vostres visitants poden experimentar un retard perquè la segona imatge no es baixarà fins que no passi el ratolí per sobre de la imatge original.
7. Al quadre Quan feu clic, Vés a l'URL, introduïu qualsevol adreça web o navegueu per localitzar una altra pàgina del vostre lloc a la qual vulgueu enllaçar.
Si no especifiqueu cap URL, Dreamweaver inserirà automàticament el signe # com a marcador de posició.
8. Feu clic a D'acord.
Les imatges es configuren automàticament com a rollover.
9. Fes clic a la icona del globus terraqüi a la part superior de l'espai de treball per previsualitzar el teu treball en un navegador i provar com funciona el rollover.
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
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
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
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
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
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
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
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
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 […]