L'inspector de propietats s'utilitza per aplicar moltes de les etiquetes HTML més útils i utilitzades habitualment al contingut seleccionat i per definir paràmetres per a aquestes etiquetes. El menú Insereix ofereix una altra manera de generar HTML. L'inspector de propietats és sensible al context, és a dir, les seves eines i característiques varien en funció del tipus d'element […]
Diversos dels efectes de capa d'Adobe Photoshop CS6 tenen diverses opcions per als contorns. Els contorns canvien la distribució dels colors a l'efecte. La configuració predeterminada per a tots els efectes excepte el setí és el contorn lineal. En un efecte amb un contorn lineal, l'opacitat disminueix en línia recta. Però no estàs limitat […]
El filtre Mitjana (cerqueu-lo al menú Filtre → Soroll) a Photoshop CS6 redueix la diferència entre els píxels adjacents canviant els valors d'alguns d'ells. En aquest cas, assigna els valors mitjans d'un grup de píxels al píxel central del grup. El filtre Mitjana us ofereix una mica de […]
Transformar camins a Photoshop CS6 és pràcticament el mateix que transformar seleccions, excepte que només podeu aplicar les ordres Distorsió, Perspectiva i Deformació a camins sencers. La diferència principal entre transformar camins i transformar seleccions és en com seleccioneu el camí. Per seleccionar tots els camins, seguiu aquests passos: Seleccioneu Finestra→Camins. Feu clic al […]
Photoshop CS6 ha simplificat el moviment d'elements de capes. Per moure una imatge en una capa, primer seleccioneu aquesta capa al tauler Capes i després arrossegueu-la amb l'eina Moure situada al panell Eines; no és més senzill que això. Aquí teniu alguns consells més útils per moure una imatge […]
Un dels aspectes més confús de treballar amb CSS (Fulls d'estil en cascada) és que podeu escriure estils de moltes maneres. Similar a escriure en prosa, només perquè entenguis les regles bàsiques de gramàtica i ortografia no vol dir que hagis dominat l'escriptura de prosa concisa. Els dissenyadors CSS experimentats dediquen un temps considerable a elaborar breus i clars […]
Photoshop CC ofereix eines bàsiques de forma per treballar amb les vostres imatges i obres d'art. Rectangles, rectangles amb cantonades arrodonides (rectangles arrodonits), cercles i ovals, polígons de múltiples cares, línies rectes i fletxes i tot un vaixell de formes personalitzades especials estan al vostre ordre amb un simple clic i arrossegueu. Seleccioneu l'eina adequada a la Caixa d'eines, seleccioneu […]
Les formes personalitzades que ja estan disponibles a Photoshop cobreixen una àmplia gamma, però és possible que no omplin totes les vostres necessitats. Podeu comprar col·leccions comercials de formes personalitzades d'un parell de fonts. També podeu crear camins personalitzats i definir formes a partir d'ells. Però ja teniu un munt de formes personalitzades al vostre ordinador, només […]
Fins i tot amb totes les formes personalitzades disponibles, és possible que hàgiu de crear un camí que sigui únic per a una imatge específica. Per això, Photoshop ofereix l'eina Pen i les seves eines associades. Abans de començar a crear camins sense voler, probablement us podeu beneficiar d'una mica d'informació de fons sobre camins. Mentre feu clic i arrossegueu, […]
El giny d'acordió de la interfície d'usuari de jQuery a Dreamweaver fa que sigui fàcil afegir panells plegables que els visitants del lloc poden obrir i tancar sense actualitzar la pàgina web. Aquesta característica de jQuery us permet fer un millor ús de l'espai d'una pàgina mostrant més informació en menys espai en una finestra del navegador. Pots veure […]
Quan creeu pàgines amb funcions de disseny de quadrícula fluida, Dreamweaver us crea automàticament les consultes multimèdia corresponents, però podeu crear les vostres pròpies consultes multimèdia personalitzades i utilitzar-les per orientar les vostres pròpies regles CSS. Les consultes de mitjans s'utilitzen al web durant més d'una dècada per a altres usos, com ara […]
Mitjançant l'Adobe Edge Animate, podeu crear totes les tendències de disseny enumerades aquí. Les tendències de disseny web que es presenten aquí, en la seva major part, representen no només noves tècniques de codificació, sinó també noves maneres perquè el vostre públic interactuï amb el vostre lloc de manera atractiva. Quan atreu l'atenció del vostre públic i els atreu […]
Quan creeu una pàgina web nova a l'Adobe Creative Suite 5 (Adobe CS5), Dreamweaver es crea una gran quantitat de codi per ajudar el vostre navegador web a reconèixer HTML i quina versió d'HTML utilitza. Dreamweaver treballa en segon pla per garantir que la vostra pàgina funcioni en la majoria de les versions recents dels navegadors web habituals, com ara […]
Podeu afegir imatges que incloguin fitxers natius de Photoshop (PSD) i Fireworks (PNG) a la vostra pàgina en blanc a l'Adobe Creative Suite 5 (Adobe CS5) Dreamweaver. Col·locar imatges afecta el tauler Fitxers de Dreamweaver. Trieu Insereix → Imatge. Apareix el quadre de diàleg Selecciona la font d'imatge. Alternativament, feu clic a la pestanya Comú del tauler Insereix i feu clic a Insereix […]
Adobe Creative Suite 5 (Adobe CS5) Dreamweaver utilitza fulls d'estil en cascada (CSS) per formatar el text de les pàgines web i fins i tot ofereix pàgines d'inici amb dissenys CSS model i consells d'estil. L'ús de fulls d'estil en cascada (CSS) és un mètode estàndard per dissenyar text i altres elements a les pàgines web. La potent eina de disseny de fulls d'estil permet […]
A Adobe Flash Creative Suite 5, podeu copiar el comportament d'una interpolació de moviment Flash CS5 que després enganxeu en una instància de símbol completament diferent. Aquesta tècnica és útil si necessiteu que diversos objectes segueixin exactament el mateix comportament d'animació, com ara ocells de diferents colors i mides, tot seguint el […]
L'eina Pinzell d'esprai pinta amb exemples d'un sol símbol de la vostra biblioteca Adobe Flash Creative Suite 5. Podeu utilitzar l'inspector de propietats per marcar la configuració d'escala, rotació i angle del pinzell. Seguiu aquests passos per pintar amb l'eina Pinzell d'esprai: Feu clic al botó Capa nova, que es troba a sota de la línia de temps, per […]
Els fitxers SWF d'Adobe Flash Creative Suite 5 són pel·lícules comprimides que utilitza Flash Player per mostrar-les al web o directament a l'ordinador d'un usuari. Quan trieu publicar un fitxer SWF, teniu l'oportunitat d'especificar la configuració que determina la versió, la seguretat i la qualitat. La configuració SWF està disponible a la pestanya Flash [...]
Per presentar pel·lícules d'Adobe Flash Creative Suite 5 al web, haureu de publicar un fitxer HTML que contingui el vostre fitxer SWF de Flash. Aquest fitxer HTML no només mostra la vostra pel·lícula, sinó que també inclou tot el codi necessari per controlar les dimensions, l'aparença i les opcions d'execució (com ara dir que la vostra pel·lícula s'executi en bucle). El fitxer HTML […]
Depenent d'on i com penseu distribuir la vostra pel·lícula Adobe Flash Creative Suite 5, podeu fer que Flash CS5 creï una varietat de formats diferents en el moment de la publicació. Tot i que el desplegament més habitual de Flash és un fitxer SWF i un fitxer HTML (llenguatge de marcat d'hipertext) complementari per al web, pot generar […]
Adobe està experimentant amb CS6 amb la idea d'utilitzar InDesign com a eina per crear dissenys que es puguin adaptar al web. Ho han fet mitjançant la creació d'una nova característica anomenada Liquid Layout, que es pren en préstec de la idea de Responsive Design a la comunitat de disseny web. La funció Liquid Layout ajuda a crear […]
Les transformacions que podeu donar als objectes a l'Adobe Illustrator CS6 inclouen l'escalada, la rotació, la inclinació i la distorsió. Les eines Girar, Reflexionar, Escalar i Tallar utilitzen els mateixos passos bàsics per realitzar transformacions. L'eina Reflect Res a la vida és perfectament simètric, oi? Potser no, però els objectes que no es creen simètricament a Illustrator poden semblar desajustats. Utilitzant […]
Podeu crear dissenys horitzontals i verticals separats per al vostre document d'Adobe InDesign CS6 al tauler Pàgines. Quan exporteu el vostre document a HTML, el document inclourà informació als Fulls d'estil en cascada (CSS) que adapta el disseny en funció de la manera com es visualitza. Per crear un disseny alternatiu, seguiu aquests […]
Hi ha moltes possibilitats de transformar forma i color amb interpolacions de forma. Adobe Flash CS6 fa un gran treball de recalcular formes durant una interpolació, però de vegades cal donar-li una mica d'ajuda, sobretot quan dues formes tenen característiques comunes. Flash pot pensar massa coses i realitzar més transformacions de formes del que ha de fer. […]
L'enllaç a un vídeo a Adobe Flash CS6 crea una dependència d'un fitxer extern, però permet que la vostra pel·lícula reprodueixi el vídeo de manera progressiva quan sigui necessari sense afegir el pes addicional del vídeo a la pel·lícula final. Per importar i enllaçar un vídeo a Flash, seguiu aquests passos: En un nou o […]
Si ho podeu fer amb jQuery, podeu fer-ho a Edge Animate. Aprofiteu al màxim els panells de codificació, les API i els fòrums d'Adobe per afegir codi personalitzat a Edge Animate per portar els vostres projectes al següent nivell. Podeu afegir Google Maps, formularis i permetre que el vostre públic faci clic i arrossegueu imatges. […]
Creeu efectes de rollover individuals per als diferents elements que formen la vostra imatge a Edge Animate. Això pot fer que la vostra imatge respongui al contacte de l'usuari. Ni tan sols necessiteu codi addicional per fer-ho. Només heu d'utilitzar la línia de temps i associar accions de passar el ratolí als elements. Per crear un efecte de rollover, seguiu aquests passos: […]
Deseu els vostres projectes complicats com a plantilla Edge Animate, sobretot si teniu previst utilitzar una variació del mateix projecte per a un projecte posterior. Els fitxers de plantilla contenen totes les característiques, estils, imatges, carpetes i fitxers associats al vostre projecte. Per desar el projecte com a plantilla, seguiu aquests passos: Seleccioneu Fitxer→Desa com a plantilla. Vostè […]
Ara, a Illustrator CC, teniu diverses funcions d'enllaç noves que us ajuden a fer un seguiment de les il·lustracions i els tipus de lletra enllaçats. Si treballeu en producció, coneixeu els problemes que poden produir-se si canvieu d'ubicació d'un fitxer Illustrator i deixeu d'incloure les imatges i els tipus de lletra enllaçats associats. Trobeu problemes similars si […]
Adobe ha acceptat el núvol de manera gran. Durant els últims anys, el terme "núvol" s'ha convertit en una paraula de moda popular entre els digerati (els gurus de la tecnologia i els seus deixebles) per significar tots els documents, programari, aplicacions, imatges i altres que s'emmagatzemen en línia, als quals podeu accedir a través d'Internet. Quan algú […]