domenica 25 novembre 2007

WEB-Serendipity

Mi sto esercitando con Illustrator..
Una volta imparati i comandi ,il difficile è capire come usare al meglio le curve e le linee di direzione dei tracciati.
Se si fanno troppi punti di ancoraggio si rischia di creare interruzioni alle curve,se se ne fanno pochi si deve lottare con le linee di direzione ...
Anyway..
Mi sto esercitando con questa immagine....un disegno di Lillibit,un noto manga anni80.

http://rongs1234.deviantart.com/art/Lillibit-68054208

Cercando un immagine a colori per creare I campioni colore ho scritto Lillibit su goggle e ho mandato la ricerca per immagini...
Trovato zero immagini soddisfacenti,ma un link mi ha colpito!!

http://lillibit.wordpress.com/2007/08/02/34/
Pensavo fosse il classico blog di un adolescente e invece si è rivelato una bel sito di risorse ,post e link di grafica,disegno e packaging da cui ho potuto scoprire :

http://www.vecteezy.com/gallery


e tra i website elements
ho trovato :
http://www.vecteezy.com/vf/15-Free-Vector-Glass-Header-Designs-Fancy
Dei botton in stile web 2.0.
Il download del file non è stato immediato così sono stata catapultata su

http://www.bittbox.com/
Altro sito con risorse ,post e info su grafica,web e packaging!

Insomma...

Saltando da link a link ho trovato anche se non ho cercato..grazie al web-serendipity e grazie al web 2.0

giovedì 18 ottobre 2007

creare con cartone /carta 2

Uno dei siti con più modelli di carta è il blog:
http://papermodeluniverse.blogspot.com
ci puoi trovare:

* animals (3)
* anime (12)
* bamboo blade (5)
* buildings (4)
* callingallcars (4)
* camera (1)
* cars (12)
* cubeecraft (3)
* diecast (1)
* difficulty - easy (25)
* difficulty - medium (14)
* difficulty - nasty (10)
* game (1)
* games (1)
* ghostbusters (1)
* giant robo GR (1)
* Gundam (2)
* halo (2)
* hobby (5)
* hotwheels (1)
* how to (3)
* inflatable (1)
* interactive (1)
* jeeps 4x4 (1)
* kids (32)
* kids forever (24)
* LED (1)
* mask hoody (3)
* mods (1)
* moekami (1)
* motorbikes (1)
* nascar (1)
* nissan (1)
* origami (1)
* paper craft tools (2)
* paper toy (23)
* papercraft project (5)
* papermodels (23)
* pepakura (2)
* personalize (3)
* pets (1)
* pimp it out (4)
* planes (3)
* planes - aircrafts (1)
* pop up (1)
* ps3 (1)
* robots (4)
* rommy (4)
* speed painting (1)
* structures (4)
* subaru (3)
* sushi (1)
* techie (1)
* tomica (1)
* transformers (1)
* various materials (2)
* video (3)
* warhawk (1)
* yamaha (1)

http://www.moddidaypeople.com/easy_cut_pop_up/perennial_moments.html
con questo link si arriva ad sito che mostra delle cartoline con immagini in rilevo ,ci sono tutorial e video.

in questo sito si trovano dei carta-modelli per creare macchian fotografiche di carta(pinhole)
http://www.corbis.readymech.com/it


http://www.ohashi-lab.bio.kyutech.ac.jp/~shin/
raccolta di toys in carta

Creare con il cartone / carta 1

Creare con poco...

Crea con il cartone e condivi...

http://www.neu-e.de/pages/page_001.html

Arredi di carta/cartone
Finish Your Self Cardboard Chair/fai da te la sedia di cartone

http://www.re-nest.com
http://notbeige.wordpress.com
http://www.designboom.com/cardboard3.html
http://www.designboom.com/cardboard.html
http://www.designboom.com/cardboard1.html
http://www.designboom.com/cardboard2.html

Mezzi di locomozione di Carta/cartone
Auto(500 fiat),bicicletta,sedia a rotelle

http://reubenmiller.typepad.com

Sculture di carta


Carlos Meira: Paper Sculpture



http://kissmyblackads.blogspot.com/2010/03/carlos-meira-paper-sculpture.html

http://www.behance.net/CarlosMeira

http://www.carlosmeira.com.br



http://carlosmeirailustrador.blogspot.com

Big Kahuna. Il monologo

Perle di saggezza.....perchè non di sola grafica vive un designer!

Big Kahuna. Il monologo

Goditi potere e bellezza della tua gioventù. Non ci pensare.
Il potere di bellezza e gioventù lo capirai solo una volta appassite.
Ma credimi tra vent'anni guarderai quelle tue vecchie foto.
E in un modo che non puoi immaginare adesso.

Quante possibilità avevi di fronte
e che aspetto magnifico avevi!
Non eri per niente grasso come ti sembrava.

Non preoccuparti del futuro.
Oppure preoccupati ma sapendo che questo ti aiuta quanto masticare un chewing-gum per risolvere un'equazione algebrica.

I veri problemi della vita saranno sicuramente cose che non ti erano mai passate per la mente, di quelle che ti pigliano di sorpresa alle quattro di un pigro martedì pomeriggio.

Fa' una cosa ogni giorno che sei spaventato: canta!

Non essere crudele col cuore degli altri.
Non tollerare la gente che è crudele col tuo.

Lavati i denti.

Non perdere tempo con l'invidia: a volte sei in testa, a volte resti indietro.
La corsa è lunga e, alla fine, è solo con te stesso.

Ricorda i complimenti che ricevi, scordati gli insulti.
Se ci riesci veramente, dimmi come si fa...

Conserva tutte le vecchie lettere d'amore,
butta i vecchi estratti-conto.

Rilassati!

Non sentirti in colpa se non sai cosa vuoi fare della tua vita.
Le persone più interessanti che conosco a ventidue anni non sapevano che fare della loro vita.
I quarantenni più interessanti che conosco ancora non lo sanno.

Prendi molto calcio.

Sii gentile con le tue ginocchia,
quando saranno partite ti mancheranno.

Forse ti sposerai o forse no.
Forse avrai figli o forse no.
Forse divorzierai a quarant'anni.
Forse ballerai con lei al settantacinquesimo anniversario di matrimonio.
Comunque vada, non congratularti troppo con te stesso,
ma non rimproverarti neanche: le tue scelte sono scommesse,
come quelle di chiunque altro.

Goditi il tuo corpo,
usalo in tutti i modi che puoi,
senza paura e senza temere quel che pensa la gente.
E' il più grande strumento che potrai mai avere.

Balla!
Anche se il solo posto che hai per farlo è il tuo soggiorno.

Leggi le istruzioni, anche se poi non le seguirai.
Non leggere le riviste di bellezza:
ti faranno solo sentire orrendo.

Cerca di conoscere i tuoi genitori,
non puoi sapere quando se ne andranno per sempre.
Tratta bene i tuoi fratelli,
sono il miglior legame con il passato
e quelli che più probabilmente avranno cura di te in futuro.

Renditi conto che gli amici vanno e vengono,
ma alcuni, i più preziosi, rimarranno.
Datti da fare per colmare le distanze geografiche e gli stili di vita,
perché più diventi vecchio, più hai bisogno delle persone che conoscevi da giovane.

Vivi a New York per un po', ma lasciala prima che ti indurisca.
Vivi anche in California per un po', ma lasciala prima che ti rammollisca.

Non fare pasticci con i capelli: se no, quando avrai quarant'anni, sembreranno di un ottantacinquenne.

Sii cauto nell'accettare consigli,
ma sii paziente con chi li dispensa.
I consigli sono una forma di nostalgia.
Dispensarli è un modo di ripescare il passato dal dimenticatoio,
ripulirlo, passare la vernice sulle parti più brutte
e riciclarlo per più di quel che valga.

Ma accetta il consiglio... per questa volta.

Risorse per i colori

Strumenti relativi ai colori

colorscheme2


http://www.wellstyled.com/tools/colorscheme2/index-en.html

colorhunter


http://www.colorhunter.com/


Color Palette Generator

http://www.degraeve.com/color-palette/index.php

mercoledì 17 ottobre 2007

Css-mania,css-gallery

Ecco una raccolta di siti con esempi di layout css e dhtml!

Zengarden

http://www.mezzoblue.com/zengarden/alldesigns/


Urbantrash

http://www.urbantrash.net


CSS Drive

http://www.cssdrive.com


CSS Vault

http://www.cssvault.com


CSS Beauty

http://www.cssbeauty.com


CSS Import

http://www.cssimport.com/



CSS Galleries

http://www.css-galleries.com



CSS Elite

http://www.csselite.com


W3C Sites

http://www.w3csites.com



CSS-website

http://www.css-website.com/


CSS Mania

http://www.cssmania.com


CSS Reboot

http://www.cssreboot.com


CSS Design Yorkshire

http://www.css-design-yorkshire.com


CSS Bloom

http://www.cssbloom.com


Creative Pakistan

http://www.creative-pakistan.com


Webdigity CSS Gallery

www.webdigity.com


Screenfluent

http://www.screenfluent.com


CSS Container

http://www.csscontainer.com


CSS Tux

http://www.csstux.com


CSS Blast

http://www.cssblast.com


CSS-design-yorkshire

http://www.css-design-yorkshire.com/


CSS Clip

http://www.cssclip.com


CSS Collection

http://www.csscollection.com

CSS-demo

http://css-demo.com/


CeeSes

http://www.ceeses.com


Cesko CSS Galerie

http://galerie.crooco.com


CSS Galaxy

http://www.cssgalaxy.com


CSS Fill

http://www.cssfill.com


CSS Hazard

http://www.csshazard.com


CSS Heaven

http://www.cssheaven.com/


CSS Princess

http://www.cssprincess.com


CSS Remix

http://www.cssremix.com


CSS Smooth Operator

http://www.csssmoothoperator.com/


Pipes Yahoo

http://pipes.yahoo.com/


CSS Zen Garden

http://www.csszengarden.com


Design Shack

http://www.designshack.co.uk


Liquid Designs

http://www.cssliquid.com/


Piepmatzel

http://www.piepmatzel.de/


Style Crunch

http://www.stylecrunch.com


Stylegala

http://www.stylegala.com

Cssuberclean

http://www.cssuberclean.com/


Romania CSS Gallery

http://www.cssgallery.ro


CSS Love

http://csslove.net/


The Daily Slurp

http://www.dailyslurp.com/


Screenalicio

http://www.screenalicious.com/


Style The Web

http://www.styletheweb.com/


Designload

http://www.designload.net/


Webpagedesign

http://www.webpagedesign.com.au


Templates.arcsin

http://templates.arcsin.se

mercoledì 26 settembre 2007

Testare il sito con Explorer

Come testare il sito internet con l'odiato Explorer?
Con queto sito,online si possono vedere le pagine testate solo per l'explore
http://ipinfo.info/netrenderer/

Dalla versione 5.5 alla 7 ,efficace e veloce......

con questo sito
http://browsershots.org/

si possono testare con tutti gli altri browser.
le parole chiave per cercare info in inglese: check website Internet Explorer

Effetti sulle gallerie

Chi cerca trova!
è propio vero....
in questo sito una raccolta di effetti per foto galleries dove trovare : slider, transizioni, effetti vari compreso il classico “effetto libro”, con l’angolino della pagina che si solleva.

http://www.goodwidgets.com/

Provare per credere!

Lightbox modificata

L'ultima galleria che ho trovato si trova nel sito della ditta Easybit di Torino
nella pagina del loro laib: http://lab.easybit.it/
a metà pagina ,infatti,trovo :

Effetto lightbox in javascript
e cito........

Dopo alcuni tentativi con librerie già esistenti ci siamo resi conto che spesso le cose semplici vengono complicate inutilmente; abbiamo quindi deciso di fare da soli, e questo è il risultato. Un piccolo file Javascript per le funzioni di apertura e chiusura della lightbox, un paio di righe nel foglio di stile e il gioco è fatto.
Ovviamente i file di esempio sono volutamente scarni, per vedere l'effetto completo provate a visualizzare i video del portale di Vie Del Gusto.

E io ,che siccome che sono cecata.........non riesco a vederla!

Porc...palette!

Gallerie Fotografiche

Per lavoro e per autolesionismo sto studiando e collezionando Gallerie Fotografiche...
Fin adesso ho trovato e modestamente SO Utilizzare ......

1)La Simpleviewer
con il metodo:script di photoshop e link del file .js nella pagina html
2)La Lightbox
3)La Lightbox2
Trovate grazie all'articolo http://www.huddletogether.com/projects/lightbox2/
4)La Thickbox
citata anche da http://blog.html.it/archivi/2006/04/26/ecco-thickbox.php
e da http://www.tomstardust.com/archives/thickbox-3-ecco-le-novita/
5)La Smoothbox
trovata grazie a Tomstardust
http://www.tomstardust.com/archives/gallerie-di-immagini-adesso-ce-anche-smoothbox/
6) La Smoothgallery
segnalata da un lettore di Tomstardust
7)La Slideshow
che ha dei bellissimi effetti di transizione
8)La Highslide
che non è gratuita per i siti commerciali ma free per le gallerie private.
9)La Triptracker
che richiede l’acquisto di una licenza per siti commerciali , ma per un sito personale è ottima.
10)La Slimbox
che assomiglia molto alla Highslide ma ha licenza completamente free.(e a noi ci piace very much!)
11)La Slimbox2
modificata da due programmatori italiani(Grisi Mirko e Mario Zambon)

Il colore giusto

Un sito davvero utile per i webdesing e per chi si spaccia tale!

http://color.slightlyblue.com/

Scegliendo un colore ,il sito mostra una serie di foto della stessa colorazione e con licenza Creative Commons!

Scovato grazie al sito http://www.clickblog.it/post/838/flickr-color-selectr

giovedì 19 luglio 2007

Andrzej Dragan

In giro per la rete ho scoperto questo Artista.
Anche se definirlo "artista" è molto riduttivo(ha un curriculum da paura)..

il suo sito in flash è degno della sua bravura.
http://andrzejdragan.com/

Su youtube ci sono tutorial che spiegano le sue tecniche.
Uno per fortuna è in italiano.....
Su Flickr invece ,un esempio di una fotografa francese che http://www.flickr.com/photos/cathzilla/431254894/

non fa menzione della tecnica ma il riusultato non da dubbi!

venerdì 1 giugno 2007

mercoledì 16 maggio 2007

Semplicemente Fantastico!

Castello del Valentino


Castello del Valentino(facoltà di architettura ),vista così sembra la casa estiva degli addams.
Manca solo il cartello :LASCIATE OGNI SPERANZA,O 'VOI CHE ENTRATE!

L'hdr è notevole però!


Illusione ottica o Gif animata?

Tipi di fotogrammi

Sono previsti tre tipi di fotogrammi: fotogrammi chiave, chiave vuoti e normali (intermedi).

Un fotogramma chiave (keyframe)(TASTO F6) è un fotogramma contenente gli oggetti e le loro impostazioni, nel quale si impostano e determinano (in termini di cambiamento), i punti chiave dell’animazione. Un fotogramma chiave con contenuto èrappresentato, nella linea temporale, con un cerchio pieno e si inserisce con il comando “Insert Keyframe(Inserisci fotogramma chiave ) oppure tasto F6”. In un’animazione fotogramma per fotogramma, ogni fotogramma è un keyframe.

Quando si inserisce un fotogramma chiave viene duplicato il contenuto del fotogramma chiave precedente (se esistente): in questo modo si possono apportare modifiche minime al contenuto.

I fotogrammi intermedi(TASTO F5): sono collegati al fotogramma chiave che li precede e ne visualizzano il contenuto e si inseriscono con il comando “Insert Frame(Inserisci fotogramma)”oppure tasto F5. Alla fine di ogni serie di fotogrammi intermedi, nella Timeline viene posizionato un rettangolo vuoto. Nell’animazione interpolata vengono definiti i keyframe in alcuni istanti fondamentali, mentre viene creato automaticamente il contenuto dei fotogrammi intermedi. I fotogrammi intermedi interpolati sono contraddistindi (nella Timeline) da una freccia tra i keyframe.

I fotogrammi chiave vuoti (Blank Keyframe)(TASTO F7) sono privi di contenuto. Sono indicati, in Timeline, da un cerchio vuoto e vengono inseriti con “Insert Blank Keyframe”(Inserisci fotogramma vuoto) oppure tasto F7”. Sono usati per inserire scene senza oggetti nel filmato oppure come passo intermedio per modificare completamente i contenuti dello stage.

Se viene inserito un oggetto in un blank keyframe, quest’ultimo viene automaticamente convertito in un fotogramma chiave.

Flash8: Animazione fotogramma per fotogramma

Si tratta della tradizionale tecnica usata, per esempio, dai creatori di cartoni animati. Per creare l’animazione, occorre definire i singoli fotogrammi che la costituiscono. Ogni fotogramma del filmato presenta alcune differenze da quello precedente, in modo da realizzare il movimento e il cambiamento di scena.

Nell’animazione fotogramma per fotogramma, maggiore èil numero di fotogrammi inseriti e minore saràla differenza tra di essi, rendendo l’animazione più uniforme. Tuttavia, l’inserimento di fotogrammi chiave aumenta sensibilmente le dimensioni del file finale. L’ulteriore svantaggio di questa tecnica risiede nella complessità di realizzazione.

N.B: in questo tipo di animazione, ogni fotogramma è un keyframe(tasto F6).

Per supportare la creazione di animazioni fotogramma per fotogramma esiste la funzione Onion skin (attivabile comunque anche con l’animazione interpolata).

Procedimento

1)Nel layer1 e nel keyframe 1 disegnare un oggetto qualsiasi.

2)Posizionarsi su frame 2 e schiacciare F6(creando un nuovo keyframe) e muovere l’oggetto sullo stage.

3)Posizionarsi nuovamente sul frame 3 e schiacciare F6(creando un nuovo Keyframe) e muovere l’oggetto sullo stage.

4)Ripetere il punto 2 ,quante volte si desidera e poi Ctrl+Invio per gustarsi l’animazione.

Tecnica Onion skin

La tecnica Onion skin consente la visualizzazione contemporanea dei contenuti dei fotogrammi precedenti e successivi a quello attualmente selezionato. La regolazione millimetrica dei contenuti dei fotogrammi viene cosìfacilitata, consentendo la creazione di animazioni piùfluide. Il nome deriva da una tecnica di animazione che consistenel sovrapporre piùfogli di carta da ricalco traslucida per visualizzare, sfogliando velocemente i fogli, le sequenze animate.

Quando èattivata la funzione Onion skin, generalmente solo l’oggetto del fotogramma corrente è attivo, mentre gli oggetti sui fotogrammi precedenti e successivi sono solamente visualizzati.

Gestione della tecnica Onion skin .

Per attivare questa tecnica, occorre selezionare un fotogramma nel pannello Timeline e attivare il relativo pulsante. Sull’asse temporale sono visualizzati i marcatori (marker) di inizio e fine onion skin.

Il pulsante “Onion skin outlines”abilita la visualizzazione dei contorni degli oggetti contenutinei fotogrammi inclusi nell’intervallo onion skin, ad esclusione del fotogramma corrente se keyframe.

“Edit multiple frames”permette la modifica (e la visualizzazione) di più fotogrammi inclusi nell’intervallo

Il pulsante “Modify Onion marker”consente di scegliere (nel menu associato) una delle seguenti voci:

Always show marker: visualizza sempre i marcatori sull’asse temporale, anche se Onion skin non è attiva;

Anchor Onion: blocca i marcatori nella posizione corrente;

Onion 2, Onion 5, Onion all: visualizzano rispettivamente due, cinque e tutti i fotogrammi su entrambi i lati del frame corrente.

mercoledì 9 maggio 2007

Flash:

Interpolazione di forma

Macromedia Flash Basic 8 e Macromedia Flash Professional 8 forniscono strumenti sofisticati per la creazione di animazioni. La maggior parte delle animazioni semplici in Flash vengono eseguite utilizzando un processo noto come interpolazione. L'interpolazione è un termine con il quale si fa riferimento al riempimento dei fotogrammi tra due fotogrammi chiave in modo che un'immagine visualizzata nel primo fotogramma chiave si trasformi nell'immagine visualizzata nel secondo fotogramma chiave.

Esistono due tipi di interpolazione che è possibile creare in Flash, l'interpolazione di movimento e l'interpolazione di forma.

La differenza principale tra questi due tipi di interpolazione è che l'interpolazione di movimento viene eseguita su oggetti o simboli raggruppati, mentre l'interpolazione di forma viene utilizzata con oggetti diversi dai simboli e non raggruppati.

Interpolazione di forma

Trasforma una forma disegnata nello stage in un'altra forma.

Nell'interpolazione forme si modifica la forma di un oggetto in uno o più punti nel corso dell'animazione e il computer crea le forme intermedie. Questo effetto è chiamato morphing. Innanzitutto ricordiamo che questo tipo di animazione funziona solo con gli Shape o le Forme.

Non posso farlo con i SIMBOLI né con il TESTO.

Generalmente si crea con la funzione Tween:Shape

Interpolazione :Forma

Procedimento

1)Crea un disegno sullo stage(una forma per esempio), sul frame 1 e sul livello 1.

2) Mi posiziono nel frame 20 e poi creo fotogramma chiave con F6.

3) Mi posiziono nel frame 2 o un frame intermedio tra 2-19 e dalla barra delle proprietà modifico il Tween :Shape(Interpolazione:forma),la linea temporale si colora di verde e si presenta come una linea continua.

4)Mi posiziono nel frame 20 ,seleziono e cancello la forma e ne creo una nuova (oppure la modifico con il tasto Trasformazione libera,)

5)Visualizzo l’animazione con il tasto CTRL+Invio.

Interpolazione di forma con i suggerimenti-forma(Shape Hint)

Procedimento

1) Creo una forma sullo stage,nel layer1,sul frame 1.

2) Mi posiziono su un frame vuoto,il frame 20 per esempio e poi creo fotogramma chiave con F6.

3) Mi posiziono nel frame2 e cambio Tween:Shape(Interpolazione:forma), la linea temporale si colora di verde e si presenta come una linea continua.

4) Mi posiziono nel frame 1 e da menu a tendina faccio MODIFY - SHAPE - ADD SHAPE HINT(Elabora –forma- Aggiungi suggerimento forma)

5) Sposto il pallino rosso nel punto di partenza…(un punto della forma da cui voglio far partire l’animazione)

6) Mi posiziono nel frame 20 e sposto il pallino rosso nel punto di arrivo..(un punto della forma in cui voglio che la trasformazione finisca),il pallino una volta spostato ,diventa verde!

7) Mi gusto il risultato con CTRL+Invio

Flash:

Interpolazione:la creazione del movimento

Con Flash è possibile creare due tipi di animazione interpolata: l'interpolazione di movimento e l'interpolazione di forma.

Nell'interpolazione di movimento si definiscono dapprima proprietà quali la posizione, le dimensioni e la rotazione di un'istanza, un gruppo o un blocco di testo, quindi si modificano queste proprietà in un secondo momento. È anche possibile applicare un'interpolazione di movimento lungo un tracciato.

Nell'interpolazione di forma si disegna dapprima una forma, quindi la si cambia o se ne disegna un'altra in un secondo momento. Flash esegue l'interpolazione dei valori o delle forme per i fotogrammi intermedi, creando così l'animazione.

L'animazione interpolata è ideale per creare movimento e cambiamenti nel tempo, limitando al contempo le dimensioni del file. Nell'animazione interpolata, Flash memorizza solo i valori per i cambiamenti tra fotogrammi.

Interpolazione di movimento.

Procedimento

1) Creo una forma, la seleziono e la trasformo in Simbolo grafico con il tasto F8,(la forma sarà posizionata sul layer1 e sul frame 1)

2) Mi posiziono in un frame vuoto esempio frame 20 e creo fotogramma chiave con tasto F6

3) Mi posiziono nel frame centrale (o tra il frame 2 e il 19) e dal pannello proprietà imposto TWEEN:MOTION (Interpolazione:movimento),si crea una linea continua tra il primo frame e l’ultimo e i frame si colorano di viola.

4) Mi posiziono nell’ultimo frame(il frame 20 del nostro esempio) e muovo il simbolo grafico(o la forma sullo stage).

5) Mi gusto l’animazione con Ctrl+invio

Nota 1

Se voglio aggiungere un nuovo elemento ,creo nuovo livello,disegno un'altra forma,la trasformo in simbolo grafico e ripeto la procedura di interpolazione.

Nota 2

Non si fa mai con forme EDITABILI.

Interpolazione di movimento attorno ad un asse o ad un punto.

Procedimento

1)Creo una forma sullo stage,una stella a 5 punte per esempio(controllo che sia sul frame 1)

2)La trasformo in Simbolo- grafico con il tasto F8

3)Mi posiziono in un frame vuoto,il frame 20 per esempio,e creo fotogramma chiave con F6

4)Mi posiziono in un frame intermedio(tra il frame 2 e il frame 19) e dal pannello PROPRIETà trasformo il TWEEN:MOTION (Interpolazione:movimento)

5) Mi posiziono sull’ultimo frame o frame 20 e sposto la stella usando il comando STRUMENTO TRASORMAZIONE LIBERA(Q) dal pannello Strumenti,(il comando con icona : quadrato bianco con i puntini negli angoli)

6)Al centro della stella si vedrà un puntino bianco ,quello è l’ASSE O PUNTO di rotazione .Lo sposto a mio piacimento sia sugli spigoli della stella che all’esterno della stella, se voglio che la stella faccia una rotazione molto ampia.

7)Mi posiziono con il mouse vicino agli spigoli della stella,o ai punti di selezione cioè ai puntini neri(GRIPS) che selezionano la stella e quando il cursore del mouse si trasforma da freccia nera a freccetta curva,ruoto la stella a mio piacimento….

8)Mi gusto l’animazione con Ctrl+invio

Nota 1

Se voglio che l’oggetto abbia una trasparenza o un effetto trasparenza ,dopo avere selezionato il Simbolo grafico, imposto nel pannello PROPRIETA’:Colore ALPHA con una % più bassa del 100% oppure a 0.

Nota 2

Un errore molto grave è quello di creare un frame chiave con F6 quando sono posizionato tra i frame centrali o i frame 2-19,mi accorgo dell’errore perché la linea tra i frame 1-20 non sarà continua.

Interpolazione di movimento lungo un tracciato.

E' possibile creare un'animazione che non si sposti lungo una linea diritta eseguendo l'interpolazione movimento lungo un tracciato disegnato.

Le animazioni lungo linee rette non costituiscono la maggioranza, ma accade più spesso di dover animare oggetti lungo tracciati irregolari. Anche in questo caso Flash ci viene in aiuto consentendo di impostare i tracciati su cui si deve svolgere una Motion Tweening lungo di questo.

Procedimento

1)Mi posiziono con il mouse sul layer 1 e con il tasto destro attivo ADD Motion Guide (Aggiungi guida di movimento),si crea un secondo layer chiamato Motion guide(Guida:livello)

2)Creo cosi,due layer,il layer guida(posto in alto) e layer 1(posto in basso)

Sul layer guida disegno con la matita una linea di spessore 1 e forma a spirale o a onda,poi blocco il layer.

3) sul layer 1 disegno una forma e la trasformo in Simbolo grafico con il tasto F8.

4)Sblocco il livello guida/guide motion su cui ho disegnato il tracciato guida.

5)Mi posiziono sul righello della barra dei Frame(precisamente sul quadrettino rosso) e seleziono entrambi i livelli, ,poi creo dei frame vuoti con il tasto F5.

6)Mi fermo sul frame 20.controllo che i frame vuoti siano stati creati su entrambi i livelli.

7)Mi posiziono con il mouse sull’ultimo frame del layer 1(frame 20 del layer1) e creo frame chiave con F6.

8)Mi posiziono sul layer1 ,tra i frame 2-19(tra i frame di mezzo) e dal pannello Proprietà modifico TWEEN:MOTION(Interpolazione:Movimento).la barra dei frame diventerà viola.

9)Mi posiziono con il mouse sul layer1 e sul primo frame e muovo la forma sul punto di inizio del mio percorso(deve coincidere con il primo pixel della linea disegnata sul layer guida).

10)Mi posiziono con il mouse sul layer1 e sul frame 20(ultimo frame) e poi muovo la forma sulla punta finale del percorso(sull’ultimo pixel della linea disegnata sul layer guida).

11)Mi gusto l’animazione con Ctrl+invio

Nota 1

Se creo un percorso ciclico(un cerchio od un ellisse) devo spezzare la linea continua del tracciato,cancellando una piccola porzione di percorso,perché il software ha difficoltà a riconoscere il senso del tracciato non trovando un punto specifico di partenza e un punto specifico di arrivo.

Nota 2

Se voglio orientare l’oggetto che si muove al tracciato,mi posiziono con il mouse tra i frame centrali( i soliti frame 2-19) e dal Pannello di controllo devo spuntare ORIENTAL TO PATH(ORIENTA VERSO TRACCIATO)

Flash 8 e la sua interfaccia.



clicca sull'immagine per ingrandirla

Flash:l’area di lavoro

L’ambiente di lavoro può essere diviso in più sezioni ,in base alla rispettiva funzione.

Stage:Nello stage(letteralmente Palcoscenico) c’è l’effettiva Area di lavoro di Flash.

Qui si inseriscono i contenuti dei singoli frame.

Qui si crea la scena visibile dell’animazione.

In poche parole è l’area che vedremo a schermo intero(se scegliamo la definizione video) una volta finita l’animazione.

Quindi è molto importante definirne le dimensioni (espresse in pixel,cm,ems….ect)e il colore.

Per farlo basta andarci sopra con il mouse e con il tasto dx selezionare la voce Proprietà.

In alternativa si può utilizzare il menu a tendina Visualizza/area di lavoro oppure Ctrl+Maiusc+w , io uso sempre la tecnica del tasto dx!

Leggendo i manuali ho scoperto che :l’area complessiva dello stage comprende anche la barra in alto chiamata Barra di modifica,quella posta sopra la linea temporale.

Barra di modifica:

La barra è sempre attiva(cioè viene mostrata attiva nell’interfaccia di default ma può essere disattivata/attivata tramite menù a tendina Finestra/Barradeglistrumenti/Barradimodifica.(io l’ho sempre usata e non mi sono mai posta il problema di disattivarla/attivarla).

Sulla barra troviamo il pulsante per attivare/disattivare la linea temporale,il pulsante che mostra il tipo di Scena in cui ci troviamo,il pulsante che ti permette di cambiare scena e di passare da una scena all’altra il pulsante di Modifica Simboli che consente di scegliere un simbolo o di entrare in modalità di editing simboli,per modificarli.E per ultimo si trova un menu in cui si può decidere la percentuale di zoo in cui viene visualizzato lo stage.

Linea Temporale: Nella linea temporale si segue lo sviluppo del filmato.(fin qui ci arriviamo tutti!).In pratica si visualizza il contenuto nel tempo,anche se possiamo vedere il contenuto al variare di ogni singolo fotogramma.

Ogni riga rappresenta un livello,e le colonne o quadretti bianchi sono i singoli fotogrammi.

Se volessimo progettare un nuovo MarioBros(il famosissimo gioco arcade),lo sfondo che scorre deve essere posto in un livello,Mario Bros in un altro livello,e i pacchettini regalo-punti che lui deve collezionare devo essere posti in un altro livello ancora.

Ogni livello avrà una linea temporale propria anche se poi,nel videogioco ,tutti e tre e livelli scorreranno paralleli o con una linea temporale unica.

Pannello strumenti:Questo pannello contiene gli strumenti per creare selezionare manipolare i contenuti grafici di un filmato.

Permette di disegnare e muoversi sullo stage.

Il pannello è suddiviso in diverse aree(osservando il pannello dall’alto):

1)L’area STRUMENTI, che contiene gli strumenti disegno e selezione.

2)L’area VISUALIZZA che contiene La manina e Ingranditore che servono per muoversi sullo stage e per ingrandire l’immagine.

3)L’area COLORI dedicata ai colori.

4)L’area OPZIONI :è un area contestuale che varia in base agli strumenti selezionati per permette di variare le caratteristiche degli strumenti.

Pannello proprietà:Il pannello proprietà è il pannello più importante di Flash,permette di modificare quasi tutti i parametri degli oggetti creati e delle animazioni effettuate.

Di default permette di modificare le dimensioni e il colore dello stage e la frequenza dei fotogrammi.Inoltre si trova il pulsante Pubblica ,che consente di accedere alla finestra Impostazioni pubblicazioni ,dove si possono modificare tutti i parametri per la pubblicazione dei filmati e il pulsante Dispositivo :impostazioni dove si possono cambiare tutti i parametri inerenti a Flash lite ,Flash player che sono dei componenti aggiuntivi.

Menu principale :I menu di Flash sono molto simili ai menu presenti nella maggior parte degli altri pacchetti software,Tali menu contengono i consueti comandi come Salva,Copia,Incolla ect,ect, oltre ai comandi specifici del software.

Come in tutti i software è visibile nella parte alta della schermata ed è formato da finestre a scomparsa.Sono mostrati i comandi da tastiera come in photoshop,e alcuni comandi hanno le sottofinestre!

Flash 8 possiede 10 finestre,(se ne trovate meno,sappiate che avete avuto una copia difettosa!:P):

File

Modifica

Visualizza

Inserisci

Elabora

Testo

Comandi

Controllo

Finestra

Info

Schede dei documenti:Per ciascun documento aperto in Flash ,viene generata una scheda ,che fornisce allo sviluppatore un metodo rapido per spostarsi tra più file aperti.Se utilizziamo il tasto dx sulla scheda possiamo scegliere le opzioni di salvataggio dei file selezionati.

I livelli

I livelli implementano la tecnica dei fogli trasparenti utilizzati per sovrapporre altre immagini su di un’immagine di partenza, consentendo la realizzazione di composizioni anche molto complesse.

Se il documento da creare contiene molti elementi, questi possono essere disposti su livelli diversi: in questo modo ogni elemento è indipendente dagli altri. Pertanto è possibile intervenire sul singolo elemento senza intaccare gli altri, evitando indesiderati effetti dovuti alle interazioni.

E’possibile aggiungere, eliminare, nascondere, bloccare e spostare livelli.

I livelli sono “impilati”in base all’ordine di creazione. Perciòil primo livello creato si troveràsotto tutti gli altri. L’ordine è importante poiché influenza la visualizzazione degli oggetti nel documento. Gli oggetti dell’ultimo livello creato copriranno gli oggetti dei livelli sottostanti. L’ordine èmodificabile spostando i livelli: trascinando il livello in basso o in alto lo si fa scendere o salire di posizione.

Un livello nascosto non viene esportato.

Bloccare un livello impedisce di effettuare modifiche sugli oggetti in esso contenuti.

I livelli guida

I livelli guida facilitano l’allineamento di oggetti nella fase di creazione. Tramite i livelli guida è infatti possibile allineare gli oggetti presenti su un livello agli altri creati sui livelli guida.

A qualunque livello può essere assegnato il ruolo di guida. Si può quindi inserire un nuovo livello guida oppure impostarne come tale uno precedentemente creato.

I livelli guida non sono esportati.

I livelli possono essere organizzati e raggruppati in cartelle (layer folder). Questa funzionalità può essere usata per raggruppare livelli contenenti oggetti dello stesso tipo per consentire una veloce individuazione durante l’eventuale modifica. Ovviamente, le cartelle livello non dispongono di fotogrammi.

mercoledì 11 aprile 2007

mercoledì 4 aprile 2007

CREA LAYER DA SELEZIONE

Il tutorial del post precedente può essere integrato da un ulteriore metodo che sfrutta il comando :CTRL+J ovvero

CREA LAYER DA SELEZIONE.

come si vede dalla foto http://img523.imageshack.us/img523/598/mascheradiritaglio4gn9.jpg

nella paletta dei livelli,se seleziono il livello 1 e premo Ctrl+j ottengo il livello 2 dall'area selezionata precedentemente.

sia che sia l'interno del rettangolo smussato,sia che sia la cornice!

Con questo passaggio ottengo in pochi secondi il ritaglio voluto,e mantengo l'immagine integra nei livelli sottostanti.

Insomma

Due piccioni con una fava o due liveli con un solo clic!


Tutorial photoshop


Tanto studio dovrà dare i suoi frutti no?

Ecco un esempio della versatilità di photoshop e della mia conoscenza del programma.

Ritaglio di una foto con bordi arrotondati.

Due metodi a confronto.

1)Metodo:selezione
2)Metodo:maschera di ritaglio

Primo Metodo:
1)Apro photoshop e dal pannello File-Nuovo creo un "foglio di lavoro" con le caratteristiche dell'immagine qui sotto.
http://img45.imageshack.us/img45/9995/creobasegp6.jpg
2)Apro l'immagine che voglio ritagliare ,per esempio questa
e la trascino sulla base bianca creata precedentemente.
3)Creo selezione rettangolare con il comando SELEZIONE RETTANGOLARE (come in questa foto).
4)Dal pannello SELEZIONE scelgo MODIFICA-ARROTONDA -RAGGIO CAMPIONE :48px
5)Si vedranno gli angoli della selezione,arrotondati.
a questo punto:
6)Dal pannello SELEZIONE scegliere INVERSA e cancello con il tast CANC la parte selezionata,infine CTRL+D(deselezionare) .
il risultato dovrebbe essere questo.

Secondo Metodo:
1)Apro photoshop e dal pannello File-Nuovo creo un "foglio di lavoro" con le caratteristiche dell'immagine qui sotto.
http://img45.imageshack.us/img45/9995/creobasegp6.jpg
2)Apro l'immagine che voglio ritagliare ,per esempio questa
e la trascino sulla base bianca creata precedentemente.
3)Dalla palette degli stumenti scelgo MASCHERA DI RITAGLIO ARROTONDATO come in questa foto.
4)Disegno la maschera di ritaglio sulla foto.
5) Mi posiono con il mouse sulla palette TRACCIATI e clicco sull'icona del tracciato rettangolare :tenendo premuto CTRL come nella foto.
Così facendo, trasformo il tracciato in selezione e poi come il metodo sopra ,da Selezione -Inversa, Cancella selezione con tasto CANC .
E ottengo l'immagine ritagliata come con il metodo sopra.

Ripasso di photoshop

Nei primi giorni di stage ho chieste un paio di giorni per riordinare la mia preparazione....chi studia tante materie sa che le schematizzazioni sono la fase conclusiva di un processo di memorizzazione complesso.
Cosi sto sfruttando questo tempo per crearmi un book di nozioni base e scorciatoie.

Ho iniziato con photoshop,perchè è il programma che conosco meglio..
Ed ho iniziato dalle selezioni,perchè sono il punto di forza del programma e i comandi essenziali per poter lavorare.

le selezioni

http://www.graphixmania.it/guide/vediguida.php?idg=2&p=1
http://www.boscarol.com/pages/photoshop/300-selezione.html
http://akvis.com/it/graphic-tips/selection-tools/select-photoshop.php

Il filtro Estrai
http://www.graphixmania.it/guide/vediguida.php?idg=10&p=1


Le maschere di selezione
http://blog.studio-blue.it/photoshop/


Selezioni con tracciati e le forme
http://www.boscarol.com/pages/photoshop/380-tracciati_penne.html
http://www.graphixmania.it/guide/vediguida.php?idg=4&p=1


la selezione tramite il comando intervallo/colori
http://grafica.html.it/articoli/stampa/529/creare-uno-stencil-con-photoshop/

Stage

Da lunedi sono in stage.
Trovare lo studio è stato difficilissimo ma alla fine un Signor Ingegnere ,mi ha voluto nel suo arem!
E non mi impone Autocad(sopratutto)!

La ricerca dello studio meriterebbe un racconto dettagliato ma rischierei qualche problemuccio legale,posso solo dire,che ho scoperto che in italia non è ben chiaro il concetto di STAGE o non si vuol accettare la figura dello STAGISTA!

Lavorare per imparare non è una cosa ammissibile a Torino,si lavora per avere un profitto e basta.

Non parliamo ,poi,delle richieste di stage,c'è chi le accetta tramite telefono,c'è chi le desidera tramite email ,c'è chi pretende il colloquio vis tu vis.......c'è chi accetta solo FAX!!!

De gustibus non est discutandum ,ovviamente.

Ma la risposta mi sembra una cosa dovuta!

Ho mandato due richieste di stage tramite email(due ditte di grafica torinese:Ideau.. e Visualgrafik...,ditte con sito figo e portfolio figo ) e non ho ricevuto risposta.......

Ho scritto ad una casa editrice di portata nazionale,e la risposta mi è arrivata dopo 2 ore....
Ho scritto ad uno studio pubblicitario di portata internazionale e la risposta è arrivata dopo 6 ore...

Sarà un caso,sarà professionalità.....,ma la cosa è alquanto strana!

Specie perchè lo stagista medio,si accontenta di un NON siamo interessati, grazie e non di email di giustificazione !

Io che non sono uno stagista medio,mi sarei accontentata anche di un No,tanks!

Che non fa perdere tempo a nessuno!

(neanche a me che lo leggo)

lunedì 19 marzo 2007









Dimostrazione di Gif.
Dalla foto dell'aula del mio corso,alla desaturazione del colore,alla maschera di ritaglio,alla Gif!

Mi sento soddisfatta!
Non sono stata creativa....ma ho reso l'idea!

Photoshoppando

io sfumata72

Oggi ho passato un intera giornata a migliorare il mio Photoshop,ho scoperto le funzioni avanzate delle maschere e qualcosa di più di Imageready...

http://www.p2pforum.it/forum/showthread.php?t=153750

Non si finisce mai di impararare......però!

mercoledì 14 marzo 2007

Imparo,Imparo,Imparo.(Kintaro Oe)

Come ogni blog che si rispetti...c'è bisogno di una presentazione.

Sono umana.
Di sesso femminile.
Ho XXenta anni.
Sono nubile.
Sono curiosa.
Sono una operatrice cad(con attestato).
Sono una aspirante Architetto(manca poco).
Sono una fotoamatrice.
Sono una navigatrice Web senza brevetto.
Sono una ex centalinista dalla maglia gialla.
Sono una robot del POLITECNICO.

NON HO CAPITO COSA FARE DA GRANDE!
Ma ci sto lavorando!

ps.chi è kintaro oe?

Ci vuole poco / Not hard to be

Oggi inizio un nuovo blog!
Per forza o per ragione ho dovuto crearne uno che mostrasse il mio lato serio,le mie creazioni passate,le mie creazioni future e i miei amati Tutorial.

Il mio "vecchio"blog è troppo informale e poco professionale.....e poi fondamentalmente non è un posto serio.

Sono stata ad un colloquio di lavoro per un stage in una agenzia pubblicitaria e mi sono accorto che mi mancava un portfolio.

Un blog avrebbe potuto essere una buona presentazione,ma Figliagnogna non è "una bella presentazione"...l'archivio di Flickr poco esaustivo...e allora mi son detta.

Ci vuole poco...

Iniziamone un altro.

Ad maiora semper!


LinkWithin

Related Posts with Thumbnails