Photoshop CS6 on tehnyt liikkuvista kerroselementeistä yksinkertaisia. Jos haluat siirtää kuvaa tasossa, valitse ensin kyseinen taso Tasot-paneelista ja vedä se sitten Työkalut-paneelin Siirrä-työkalulla. se ei ole sen yksinkertaisempaa. Tässä on muutama kätevämpi vinkki kuvan siirtämiseen […]
Yksi hämmentävämmistä CSS-tyylisivujen (Cascading Style Sheets) kanssa työskentelyssä on se, että voit kirjoittaa tyylejä niin monella tavalla. Kuten proosan kirjoittaminen, se, että ymmärrät kieliopin ja oikeinkirjoituksen perussäännöt, ei tarkoita, että olet oppinut kirjoittamaan tiivistä proosaa. Kokeneet CSS-suunnittelijat viettävät paljon aikaa lyhyiden, selkeiden […]
Photoshop CC tarjoaa perusmuotoilutyökaluja kuvien ja taideteosten käsittelyyn. Suorakulmiot, suorakulmiot pyöristetyillä kulmilla (pyöristetyt suorakulmiot), ympyrät ja soikeat, monisivuiset polygonit, suorat viivat ja nuolet sekä koko venekuorma erityisiä mukautettuja muotoja ovat kaikki käytettävissäsi yksinkertaisella napsautus-vetämällä. Valitse sopiva työkalu Toolboxista, valitse […]
Photoshopissa jo saatavilla olevat mukautetut muodot kattavat laajan valikoiman, mutta ne eivät välttämättä täytä kaikkia tarpeitasi. Voit ostaa mukautettujen muotojen kaupallisia kokoelmia muutamasta lähteestä. Voit luoda mukautettuja polkuja ja määrittää niistä myös muotoja. Mutta sinulla on jo tietokoneellasi räätälöityjä muotoja, vain […]
Vaikka kaikki mukautetut muodot olisivat käytettävissä, saatat joutua luomaan polun, joka on ainutlaatuinen tietylle kuvalle. Tätä varten Photoshop tarjoaa kynätyökalun ja siihen liittyvät työkalut. Ennen kuin aloitat polkujen luomisen tahattomasti, voit luultavasti hyötyä hieman taustatiedoista poluista. Kun napsautat ja napsautat ja vedät, […]
Dreamweaverin jQuery-käyttöliittymän harmonikkawidgetin avulla on helppo lisätä kokoontaitettavia paneeleja, jotka sivuston vierailijat voivat avata ja sulkea päivittämättä verkkosivua. Tämän jQuery-ominaisuuden avulla voit hyödyntää paremmin sivun tilaa näyttämällä enemmän tietoa pienemmässä tilassa selainikkunassa. Sinä pystyt näkemään […]
Kun luot sivuja käyttämällä sulavia ruudukkoasetteluominaisuuksia, Dreamweaver luo automaattisesti vastaavat mediakyselyt puolestasi, mutta voit luoda omia mukautettuja mediakyselyjä ja käyttää niitä omien CSS-sääntöjen kohdistamiseen. Mediakyselyt ovat olleet käytössä verkossa yli vuosikymmenen ajan muihin käyttötarkoituksiin, kuten […]
Adobe Edge Animaten avulla voit luoda kaikki tässä luetellut suunnittelutrendit. Tässä esitellyt web-suunnittelutrendit edustavat enimmäkseen uusia koodaustekniikoita, mutta myös uusia tapoja, joilla yleisösi voi olla vuorovaikutuksessa sivustosi kanssa kiinnostavalla tavalla. Kun kiinnität yleisösi huomion ja saat heidät […]
Kun luot uuden verkkosivun Adobe Creative Suite 5:ssä (Adobe CS5), Dreamweaver luo paljon koodia, joka auttaa verkkoselaimesi tunnistamaan HTML:n ja sen käyttämän HTML-version. Dreamweaver toimii taustalla varmistaakseen, että sivusi toimii useimmissa yleisten verkkoselaimien uusimmissa versioissa, kuten […]
Voit lisätä kuvia, mukaan lukien alkuperäiset Photoshop (PSD) -tiedostot ja ilotulitus (PNG) Adobe Creative Suite 5 (Adobe CS5) Dreamweaverin tyhjälle sivullesi. Kuvien sijoittaminen vaikuttaa Dreamweaver Files -paneeliin. Valitse Lisää → Kuva. Valitse kuvalähde -valintaikkuna tulee näkyviin. Vaihtoehtoisesti napsauta Lisää-paneelin Yhteinen-välilehteä ja napsauta Lisää […]
Adobe Creative Suite 5 (Adobe CS5) Dreamweaver käyttää CSS (Cascading Style Sheets) -muotoilua verkkosivujen tekstin muotoiluun ja tarjoaa jopa aloitussivuja, joissa on malli-CSS-asettelu ja tyylivinkkejä. CSS (Cascading Style Sheets) -tyylisivujen käyttäminen on vakiomenetelmä tekstin ja muiden web-sivujen elementtien muotoiluun. Tehokas tyylisivujen suunnittelutyökalu mahdollistaa […]
Adobe Flash Creative Suite 5:ssä voit kopioida Flash CS5:n liikkeen käyttäytymisen ja liittää sen sitten täysin eri symboli-instanssiin. Tämä tekniikka on kätevä, jos haluat, että useat objektit noudattavat täsmälleen samaa animaatiokäyttäytymistä, kuten erivärisiä ja -kokoisia lintuja, jotka kaikki seuraavat […]
Spray Brush -työkalu maalaa yhden Adobe Flash Creative Suite 5 -kirjastosi symbolin esiintymillä. Kiinteistötarkistustoiminnolla voit valita skaalaus-, kierto- ja harjakulma-asetukset. Noudata näitä ohjeita maalataksesi Spray Brush -työkalulla: Napsauta Aikajanan alla olevaa Uusi kerros -painiketta […]
Adobe Flash Creative Suite 5 SWF-tiedostot ovat pakattuja elokuvia, joita Flash Player käyttää verkossa tai suoraan käyttäjän tietokoneella näytettäväksi. Kun päätät julkaista SWF-tiedoston, sinulla on mahdollisuus määrittää asetukset, jotka määrittävät version, suojauksen ja laadun. SWF-asetukset ovat saatavilla Flash-välilehdellä […]
Jos haluat esittää Adobe Flash Creative Suite 5 -elokuvia verkossa, sinun on julkaistava HTML-tiedosto, joka sisältää Flash SWF -tiedostosi. Tämä HTML-tiedosto ei ainoastaan näytä elokuvaasi, vaan sisältää myös kaiken koodin, joka on tarpeen mittojen, ulkonäön ja ajonaikaisten asetusten ohjaamiseen (kuten elokuvan ohjaamiseen). HTML-tiedosto […]
Riippuen siitä, missä ja miten aiot jakaa Adobe Flash Creative Suite 5 -elokuvasi, voit antaa Flash CS5:n luoda useita eri muotoja julkaisuhetkellä. Vaikka yleisin Flashin käyttöönotto on SWF-tiedosto ja HTML-tiedosto (HyperText Markup Language) -tiedosto verkkoa varten, se voi luoda […]
Adobe kokeilee CS6:ssa ajatusta käyttää InDesignia työkaluna verkkoon mukautettavien asettelujen luomiseen. He ovat tehneet tämän luomalla uuden ominaisuuden nimeltä Liquid Layout, joka on lainattu Web-suunnitteluyhteisön Responsive Design -ajatuksesta. Liquid Layout -ominaisuus auttaa luomaan […]
Adobe Illustrator CS6:n objekteille muunnoksia ovat muunnokset, skaalaus, pyöritys, vinouttaminen ja vääristäminen. Kierto-, heijastus-, skaalaus- ja leikkaustyökalut käyttävät kaikki samoja perusvaiheita muunnoksissa. Reflect-työkalu Mikään elämässä ei ole täysin symmetristä, eikö niin? Ehkä ei, mutta objektit, joita ei ole luotu symmetrisesti Illustratorissa, voivat näyttää oudolta. Käyttämällä […]
Voit luoda Adobe InDesign CS6 -asiakirjallesi erilliset vaaka- ja pystyasettelut Sivut-paneelissa. Kun viet asiakirjasi HTML-muotoon, asiakirja sisältää tietoja CSS-tyylisivuilta, jotka mukauttavat asettelua sen mukaan, miten sitä tarkastellaan. Voit luoda vaihtoehtoisen asettelun noudattamalla näitä […]
On monia mahdollisuuksia muodon ja värin muuntamiseen muodon tweensillä. Adobe Flash CS6 tekee erinomaista työtä muotojen uudelleenlaskemisessa tweenin aikana, mutta joskus sinun on annettava sille hieman apua, varsinkin kun kahdella muodolla on yhteisiä piirteitä. Flash saattaa ajatella asioita liikaa ja muokata muotoa enemmän kuin sen tarvitsee. […]
Linkittäminen videoon Adobe Flash CS6:ssa luo riippuvuuden ulkoiseen tiedostoon, mutta sen avulla elokuvasi voi suoratoistaa videota asteittain tarvittaessa lisäämättä videon ylimääräistä painoa lopulliseen elokuvaan. Tuo video Flashiin ja linkitä siihen seuraavasti: Uudessa tai […]
Jos voit tehdä sen jQuerylla, voit tehdä sen Edge Animatessa. Hyödynnä koodauspaneeleja, sovellusliittymiä ja Adoben foorumeita ja lisää mukautettua koodia Edge Animatessa viedäksesi projektisi uudelle tasolle. Voit lisätä Google Mapsia, lomakkeita ja antaa yleisöllesi mahdollisuuden klikata ja vetää kuvia. […]
Luo yksilöllisiä rollover-tehosteita eri elementeille, jotka muodostavat kuvan Edge Animatessa. Tämä voi saada kuvasi vastaamaan käyttäjän yhteydenottoon. Et tarvitse edes ylimääräistä koodia tehdäksesi tämän. Käytä vain aikajanaa ja liitä elementteihin hiiren osoitintoiminnot. Voit luoda rollover-tehosteen seuraavasti: […]
Tallenna monimutkaiset projektisi Edge Animate -mallina, varsinkin jos aiot käyttää saman projektin muunnelmaa myöhempään projektiin. Mallitiedostot sisältävät kaikki projektiisi liittyvät ominaisuudet, tyylit, kuvat, kansiot ja tiedostot. Voit tallentaa projektisi mallina seuraavasti: Valitse Tiedosto→Tallenna mallina. Sinä […]
Nyt Illustrator CC:ssä on useita uusia linkkiominaisuuksia, joiden avulla voit seurata linkitettyjä kuvia ja fontteja. Jos työskentelet tuotannossa, tiedät ongelmat, joita voi ilmetä, jos siirrät Illustrator-tiedoston ja laiminlyödä siihen liittyvien linkitettyjen kuvien ja fonttien sisällyttämistä. Kohtaat samanlaisia ongelmia, jos […]
Adobe on omaksunut pilven suurella tavalla. Viime vuosina termistä "pilvi" on tullut suosittu muotisana digerattien (tekniikan gurut ja heidän opetuslapsensa) keskuudessa, ja se tarkoittaa kaikkia asiakirjoja, ohjelmistoja, sovelluksia, kuvia ja muuta, jotka on tallennettu verkkoon - joita voit käyttää. Internetin kautta. Kun joku […]
Adobe Edge Animate CC tarjoaa piirtotyökalut, joiden avulla voit luoda Stage-alustalle suorakulmioita, pyöristettyjä suorakulmioita ja ellipsejä, joista tulee elementtejä, joita voit animoida ja joihin voit lisätä toimintoja. Sama koskee kuvien tuontia ja tekstin kirjoittamista. Tämä kuva näyttää, mistä löydät piirtotyökalut suoraan […]
Jopa perusanimaatioiden luominen Adobe Edge Animate CC:ssä edellyttää kolmen ensisijaisen työkalun käyttämistä: Stage, Timeline ja Drawing toolbar. Stage on live HTML-ikkuna, joka on rakennettu suoraan Edge Animateen. Siellä voit piirtää elementtejä, kuten suorakulmioita, neliöitä ja ympyröitä. Myöhemmin voit lisätä tyyliä ja animaatioita näihin elementteihin ja […]
Photoshop Creative Suite 6:n Korvaa väri -komento tarjoaa mielenkiintoisia luovia tehosteita, koska voit vaihtaa värejä toiseen. Se rakentaa maskin käyttämällä valitsemiasi värejä ja korvaa sitten valitut värit muilla määrittämilläsi väreillä. Voit säätää peitettyjen värien sävyä, kylläisyyttä ja vaaleutta. Vain […]
Illustrator CC on lisännyt joitakin aikaa säästäviä ominaisuuksia, jotka ovat erityisen tärkeitä ryhmäympäristössä työskenteleville tuotantotaiteilijoille ja suunnittelijoille. Voit nyt pakata taidettasi, purkaa kuvia, sijoittaa useita tiedostoja, nähdä lisää kuvia linkeistä ja paljon muuta. Kun kuvasi asetetaan taululle, voit hakea lisätietoja […]