Rudy Digital Jockey :: Aka Ru.Di.J Music Style : Chillout - DeepHouse - Garage - House - Tech - Minimal - Minimal Deep - Techno Deep - Techno Minimal - Techno - Electro My Space Friends : http://www.myspace.com/rudydij Web : http://www.rudy.dj or http://www.rudydj.com MSN: rudy.dj@hotmail.it SKYPE : Ru.Di.J CLUB : Unique Resident Dj @ Wish Club ::: Official COCORICO After Hours ::: - Riccione

Tue 16 Sep 08 @ 4:25 pm

PREMESSA
Quanto segue è un piccolo corso sul come crearsi una propria skin... non ha la pretesa di essere un manuale, ma nei vari capitoli che verranno compilati ci sarà l'indicazione di come sia meglio procedere per realizzarsi la propria skin o una pubblicabile.

Questo blog verrà scritto in più steps , a seconda delle disponibilità di tempo che avrò da dedicargli.
Premetto fin da ora che, alcune mie scelte sono personali e quindi potrebbero esserci altre soluzioni per fare le stesse cose in modalità diverse.
Premetto in oltre che mi occuperò di Skin riguardanti esclusivamente la parte Audio... il video lo lascio ad altri. Che se vorranno contribuire con un loro tutor per larealizzazione della parte video potranno farlo.
Leggere la parte introduttiva e non solo le immagini della lesson è consigliabile per evitare di ripetere il lavoro rendendolo noioso.
Scrivendolo di notte qualche errore potrebbe esserci quindi pazientate e segnaltemelo via PM

L'obiettivo finale è quello di crearsi una skin basic.... ogni alterazione e miglioria grafica sarà la fantasia vostra, unita all'impiego dei software di vostro piacimento che farà la differenza.

Le prime LESSON saranno pubbliche, le fasi intermedie richideranno una Licenza Limited o Home per essere visibili, mentre le fasi avanzate saranno visibili solo ai Pro User. No licenza... No Skin Party !!!!!!

INDICE

PRIMA SEZIONE
- I SOFTWARE
- I MATERIALI NECESSARI
- ALTRO

SECONDA SEZIONE
- LA PROGETTAZIONE
- I VINCOLI
- LE VARIABILI IRRINUNCIALBILI

::::::::: LESSON 1° :::::::::::

PRIMA SEZIONE

I SOFTWARE
Per conoscenza, io uso Fireworks CS3 per la grafica .... ma va bene anche il paint di windows, o corel o photo shop. E come editor per l'XML uso Dreamweaver CS3 ma va bene una qualsiasi editor compreso wordpad o il blocco notes.

I MATERIALI NECESSARI
Procuratevi un blocco di fogli di carta, meglio se quadrettati, una penna e una matita con la sua gomma, un righello, e una calcolatrice, possibilmente con cifre e tasti grandi perché i calcoli da fare sono un bel po.

ALTRO
Per esperienza se avete appuntamenti o cose da fare procuratevi anche una bella sveglia o tenete sott'occhio l'ora, spesso quando si creano skin si perde la cognizione del tempo e fare notti bianche o non accorgersi del tempo che passa sono una cosa piuttosto normale.
Lo scrivo e poi vi accorgerete che le cose stanno cosi.

SECONDA SEZIONE

LA PROGETTAZIONE
Il crearsi una skin generalmente nasce dall esigenza di creare un interfaccia che racchiuda o che consenta al nostro metodo di mixing di avere tutto a portata di mano e di occhio. Quindi è necessario avere bene in chiaro cosa vogliamo mettere nella skin, quali controlli quale tipo di visualizzazione sia della wave form che dei vari elementi di cui necessitiamo.
ATTENZIONE : Aggiungere o togliere elementi al lavoro iniziato può comportare un lavoro immane, per cui il consiglio e quello di lavorare bene in questa sezione perché è un po come mettere delle fondamenta ad una casa... se sono fatte bene, la casa va su bene altrimenti si rischia il crollo.
Scelti gli elementi li si deve disporre nel modo più consono, tenendo conto di alcuni particolari che ora affronteremo.

I VINCOLI
Nel progetto grafico va tenuto conto che alcuni elementi hanno forme specifiche e che non possono essere omessi dalla skin.
Il browser per esempio è diper se un elemento grafico a se stante. La PLAY LIST, LA SIDE LIST, LA FUNZIONE CERCA E LA FINESTRA PRINCIPALE con quella di NAVIGAZIONE sono elementi definiti e non personalizzabili.
L'altro elemento è il logo VIRTUALDJ che no può mancare e deve avere delle dimensioni leggibili, altrimenti la skin non funziona e non viene compilata da VDJ.
P.S. Qualcuno gli mette una maschera sopra, in seguito vedremo come si fanno le maschere. E una cosa che si può fare, ma credo e sono convinto che le opportunità che da questo software in campo di personalizzazione vadano quantomeno premiate mantenendo il logo di virtualdj a vista anche se la skin è nostra... ricordiamoci che è uno dei pochi anzi forse l'unico software che consente ai propri utenti di fare questa operazione.

LE VARIABILI IRRINUNCIABILI
Come in molti linguaggi di programmazione, all inizio del programma alcune variabili vanno settate, ci sono alcuni parametri di Virtual dj che vanno settati nelle prime righe dell XML. SI tratta di poche ma importanti variabili, senza le quali è impossibile procedere.
La prima è la dimensione in pixel della skin che stiamo realizzando. Senza questo il software non avrebbe l'idea dell area in cui muoviamo il cursore. Una Seconda è riferita all'area di trasporto della finestra. Come tutte le finestre di windows anche la skin è trasportabile da un punto ad un altro del monitor. se non definiamo quest'area, generalmente posizionata nella parte superiore rischiamo che la skin si sposti anche cliccando un tasto. Per questa ragione è obbligatoria. Ci sono altre due variabili da settare e che riguardano l'area occupata da i due singoli deck, ma l'affronteremo e la dichiareremo in secondo momento. Esistono poi alcune variabili che non sono obbligatorie ma se non le mettiamo ci troveremo in seri pasticci. Tra le più importanti ci sono le classiche tre caselle presenti in quasi tutte le finestre di windows, per la chiusura, il ridimensionamento e il nascondi, vanno messe altrimenti per chiudere come facciamo ? L'altra è il tasto CONFIG senza il quale non potremmo accedere al menu delle skin e quindi una volta selezionata la nostra skin se non abbiamo questo tasto non potremmo più selezionarne un altra.
Va da se che convenga pensare anche ai tasti BROWSER - EFFECT - RECORD - SAMPLES. (Questi ultimi aprono funzioni all interno del browser e vedremo poi che solo alcuni possono essere modificati, ma generalmente non conviene farlo! )

:::::::::: LESSON 1° ::::::::::

Siamo arrivati alla prima lezione pratica sul come fare una skin....
... avete tutto il materiale che vi serve ? ... partiamo allora!
La prima cosa che dobbiamo fare e scegliere le funzioni di cui abbiamo bisogno. Quella che realizzeremo sarà una skin basica, con solo le funzioni principali, poi le aggiunte o le migliorie le elencheremo a fine sezione con descrizioni dettagliate delle singole funzioni applicabili.
La scelta nella nostra skin avrà come funzioni per il singolo deck :
PLAY - PAUSE/STOP - CUE - JOG -IL PITCH - EFFECT - SAMPLE - e mettiamoci pure il SINQ
Nel mixer metteremo : CROSS FADER - VOLUME CANALE - TAGLI DI FREQUENZA - KILL - VUMETER

Supponiamo di voler creare una skin con risoluzione 1024 x 768. prendiamo quindi il nostro blocco notes e vediamo come disporre i nostri tasti e le nostre funzioni. Per prima cosa disegnamoci un deck e il mixer.



Una volta presa la decisione possiamo iniziare a disporre la nostra skin completa. Cosa manca ?
La waveform, Il nome del barano e le informazioni relative al brano caricato, un particolare utile e che è meglio non tralasciare e quello di un indicatore che ci dica qual'è il deck attivo.
Come sempre dobbiamo decidere prima quali informazioni inserire. Per il nostro esempio ho deciso di inserire :
NOME TRACCIA - ARTISTA - DURATA - BPM - WAVE FORM intera del brano.
prendiamo di nuovo il nostro foglio bianco e vediamo di ridisegnare il prospetto generale.
NOTA : Teniamo sempre conto che la nostra skin verrà suddivisa in aree non sovrapponibili (eccezioni a parte )



Ora posizioniamo gli elementi di cui abbiamo parlato.



Adesso siamo pronti per convertire il nostro progetto disegnato su un foglio (nella realtà) in un file grafico.
Il primo deck che sara simile al secondo apparte certe correzioni per la specularità di acuni controlli lo trasformiamo cosi.



Lo schema generale diventerà questo



Mentre la base di lavoro della nostra skin che poi utilizzeremo come base per tutto il tutorial è questa :



Non prendete paura!!!... so che sarebbe orribile una skin cosi!!!

Ma per capire va bene...
Per rendere l'idea di come potrebbe diventare la skin di sopra, che d'ora in poi chiameremo"DIDATTICA"
ho relizzato un piccolo e sommario bozzetto grafico di una skin che si adatta perfettamente a quella
che ci stiamo creando. Cambia lo stile grafico ma l'essenza è la stessa!
Non ci sono voluti più di 20 minuti per disegnarla cosi... magari una mano meno esperta potrebbe impiegare più tempo.
Ma il concetto è lo stesso.



============================

::: LESSON1 :::
::: LESSON2 :::
::: LESSON3 :::
::: LESSON4 ::: Under contruction