Posts written by Saint64

view post Posted: 13/5/2008, 21:42 cerca immagini multilingue - Link
Photobucket

un vero motore di ricerca multilingue esclusivamente dedicato alle immagini.

panimages

Edited by Dharma_ - 8/6/2008, 00:27
view post Posted: 13/5/2008, 21:39 Rsizr Ridimensionare immagini on line - Link
Rsizr è un’ applicazione flash molto utilile.
Per chi ha siti web o semplicemente dei blog ha la necessità di dover ridimensionare le immagini da allegare.
Rsizr ci aiuta proprio in questo, sia per un semplice crop (ritaglio) dell’immagine, che per una riduzione in scala della stessa.
Tali funzioni sono semplici e accessibili nel pannello di controllo con le chimate “rescale” e “crop”.
Ma la cosa innovativa di questo programma, rispetto tanti altri, è Rsizr usa un nuovo algoritmo di scalatura chiamato “seam carving” il quale permette di mantenere intatte le aree dell’immagine ricche di dettagli, mentre vengono elimitate le parti non necessarie.

Usarlo è semplice:
1. Caricare l’immagine sul sito e clicchare sul tasto retarget

2. Con lo strumento Erase, selezionare l’area che si vuole eliminare

3. Infine basta giocare con gli slider per arrivare all'immagine desiderata!

image

Eccovi il link rsizr - intelligent image resizing

Qui potete vedere un video dimostrativo!!! :D

SPOILER (click to view)

view post Posted: 13/5/2008, 21:39 Gallery per siti web - Link
Photobucket

Ecco dei link utili per trovare ispirazione per realizzare un proprio sito web! ^_^

webrsque

Interamente in Flash
thefwa

E un po' di template
templatemonster

mitchbryson

Edited by Dharma_ - 7/6/2008, 23:52
view post Posted: 13/5/2008, 21:24 Come tenere in ordine i Brushes - Ps Link e Download
Spesso ci trovara con tantissimi pennelli da visionare per vedere se sono adatti alle nostre esigenze.
Purtroppo la palette di Photoshop, anche se impostata a miniature grandi e stirata in basso a destra da una visione molto approssimativa dei pennelli, senza contare che prima bisogna istallarli.
Fortunatamente qualcuno ha pensato di mettere a punto un visualizzatore di pennelli per Photoshop. Il merito e del programmatore palermitano Luigi Bellanca, autore di ABR Viewer.
Il programma permette di visionare pennelli non istallati in Photoshop come un qualsiasi visualizzatore di fonts. Le miniature non deformano i pennelli, cliccando sulla miniatura si hanno le dimensioni in pixels mentre facendo doppio click si apre una pop up che mostra il pennello nelle dimensioni reali. E' possibile anche salvare le miniature dei pennelli in formato png. Unico neo, il programma per funzionare necessita del file Microsoft .NET Framework 1.1.

Per scaricare ABR Viewer, programma Open Source fare click QUI

Per scaricare Microsoft .NET Framework 1.1 cliccare QUI
Si tratta di un File Microsoft compatibile con Windows XP, delle dimensioni di circa 23 mega.

Edited by Saint64 - 17/5/2008, 17:45
view post Posted: 13/5/2008, 21:23 Raccolta Pattern tratteggi - Ps Link e Download
Photobucket

Ecco dei pattern che possono rendersi sempre utili!! :timid:




Pattern tratteggi


:ciao2:

Edited by Dharma_ - 23/6/2008, 08:44
view post Posted: 13/5/2008, 21:21 Illustrator Brush - Ai Link e Download
Photobucket


35 Brush da utilizzare per il vostro Illustrator, c'è solo l'imbarazzo della scelta :D


illustrator brushes

Edited by Dharma_ - 10/6/2008, 23:29
view post Posted: 13/5/2008, 21:15 I template - Dw Tutorial
Sebbene Dreamweaver sia probabilmente l’editor più famoso ed utilizzato dagli sviluppatori web, non in moltissimi utilizzano il suo potente sistema di templating che, se ben usato, consente, invece, di ridurre considerevolmente i tempi di sviluppo di un sito web e della sua gestione. Un approfondito tutorial su come sfruttare al meglio i modelli per ottimizzare tempi e per evitare le stesse azioni ripetitive e noiose per le varie pagine del sito che si sta sviluppando. Continua...

view post Posted: 13/5/2008, 21:09 Rollover - Dw Tutorial
Rollover
Fonte Wikipedia:
un modo con cui un'immagine può essere scambiata con un'altra quando l'utente muove il cursore su di essa...
è chiamato spesso effetto rollover o mouse over...


Il rollover è un evento che può essere creato tramite l'ausilio di javascript, tramite css, ed usufruendo anche dell'aiuto di vari software: Dreamweaver, Fireworks, ImageReady, Flash...

L'importante è avere a disposizione due immagini di identica dimensione, di queste creare un link in modo che al passaggio del mouse si crei l'effetto over (mouse a "fuoco" sull'immagine), che visualizzi l'immagine alternativa.

Rollover con Css
Il CSS (Cascading Style Sheets, fogli di stile a cascata) è una tecnica che consente di definire la struttura di una pagina web tramite attributi di stile, separando quello che è il contenuto di una pagina dalla sua formattazione.
Il W3C è il consorzio che ha introdotto e fissato, nel 1996, le direttive che regolamentano questi attributi (fonte Wikipedia).

Per realizzare un effetto rollover è necessario inserire in HEAD lo style di un ID, o una classe, per la nostra immagine di esempio, dello stesso ID definire gli attributi per il selettore hover, e successivamente nel BODY effettuare il richiamo al suddetto ID.
* La classe è una regola che può essere ripetuta all'interno della stessa pagina. Si differenzia dall'ID, identificatore univoco, che non consente ripetizione.

In HEAD definiamo l'ID esempio1:
CODICE
<style type="text/css">
a#esempio1{
       background-image: url(prova1.jpg);
       margin:0px;
       width:387px;
       height:279px;
       display:block;
}
a#esempio1:hover, a#esempio1:active{
       background-image: url(prova2.jpg);
}
</style>


In BODY, nel punto esatto in cui inseriamo l'immagine, richiamiamo l'ID esempio1:
CODICE
<a href="#" id="esempio1"> </a>


Rollover Javascript

Nell'esempio che segue, è possibile inserire anche più immagini nella stessa pagina web, in quanto basterà incrementare il numero all'interno della parentesi [0].
Il codice da inserire direttamente nel corpo BODY della pagina, nel punto esatto in cui vogliamo creare l'effetto rollover, è il seguente:
CODICE
<a href="#"
onmouseover="document.images[0].src='prova1.jpg';"
onmouseout="document.images[0].src='prova2.jpg';">
<img src="immagine.gif" /></a>


Rollover effetuato con Dreamweaver

Direi il più semplice in assoluto in quanto il "lavoro" lo fa tutto il programma.
Per fare ciò bisogna puntare nella pagina dove si vuole inserire l'immagine con effetto di rollover andare nel menu inserisci e selezionare IMMAGINE DI ROLLOVER (come da immagine allegata) ed inserire nel popup i dati richiesti.

image

-------------------------------------
Ulteriori esempi e risorse:
Menù rollover realizzato con CSS
Rollover Javascript
Pulsante rollover realizzato con Flash
Menù rollover Flash Cs3, fonte Adobe
Pulsante rollover con l'ausilio di ImageReady
Effetto rollover, fonte Adobe

Edited by sancios - 20/5/2008, 22:28
view post Posted: 11/4/2008, 17:57 da cs2 a cs3 - Ps Help
il problema dei pennelli io però l'ho superato applicando manualmente un livello superiore sul quale applicare il pennello... :D
però ho sentito anche io che la maggior diferenza sta appunto nella scomparsa di ready ;)
view post Posted: 30/3/2008, 09:09 [Tutorial] Photo Web Gallery con Adobe Photoshop CS2-CS3 - Ps Tutorial

Riporto per intero un tutorial che potete trovare anche sul mio sito internet, ma credo che postandolo direttamente qua c'è la possibilità di vederlo senza dover aprire un'altra pagina...In questo basilare tutorial tratterò la realizzazione di una semplice gallery di presentazione fotografica/immagini con Photoshop, ho scoperto da poco questa funzione e credo che possa essere utile a tutti per avere anche una visione più ampia del prodotto Adobe Bridge che solitamente viene utilizzato raramente o è quasi sconosciuto. Per prima cosa andiamo a vedere chi è Adobe Bridge.

Dal sito ufficiale di Adobe ci viene presentato così:

[b]Gestione visiva delle risorse[/b]
[i]Adobe® Bridge CS3 è uno strumento di gestione avanzato e intuitivo che consente di organizzare, sfogliare, individuare e visualizzare con facilità risorse multimediali. Disponibile in tutte e sei le versioni di Adobe Creative Suite® 3 e in tutte le applicazioni creative professionali di Adobe, Bridge consente di accedere in modo centralizzato ai file di progetto, applicazioni e impostazioni e offre funzionalità di assegnazione di tag e ricerca basate su metadati XMP.
LINK[/i]

[center]image[/center]

Detto in parole povere Bridge è un sistema avanzato del vecchio [b]Browse...[/b] che si trovava nelle versioni precedenti alla [b]Creative Suite (CS)[/b] che permette di visualizzare e gestire anche i file proprietari di Adobe, ma non solo. Permette anche di avviare determinate operazioni automatiche senza dover aprire in Photoshop le immagini o i file desiderati, come faremo in questo breve tutorial.

Aprimo Adobe Bridge o dalla lista dei programmi oppure da Photoshop con [b]File...->Browse...[/b] a questo punto possiamo selezionare delle immagini a piacere collocate in qualsiasi cartella.

[center]image[/center]

Dal menù a discesa scegliamo [b]Tools->Photoshop...->Web Photo Gallery...[/b] ( =Strumenti->Photoshop...->Galleria di foto per Web...). La stessa operazione possiamo farla aprendo le varie immagini in Photoshop e poi da [b]File->Automate->Web Photo Gallery... [/b] (File->Automatizza->Galleria d foto per Web...).

[center]image[/center]

Nella finestra di dialogo possiamo effettuare varie scelte tra cui la tipologia di template/styles per la visualizzazione di immagini e andare a settare le varie parti.

[center]image[/center]

Vediamo alcuni esempi qui sotto
[center]
image
image
image
image[/center]

Nel tutorial utilizerò la stessa tipologia che ho usato per nel mio sito web con l'aggiunta di un sottofondo audio, infatti notiamo che se selezioniamo lo stile [b]Flash – Gallery 2[/b] sotto l'anteprima troviamo una piccola descrizione che ci permette di inserire una traccia audio se la rinominiamo con il nome di [b]“useraudio.mp3â€[/b]... Per visualizzare questa tipologia di galleria è necessaria la plug-in gratuita per la visualizzazione di file in formato Flash, potete scaricarla [b]qui[/b]

Alla voce [b]Source Image[/b] ( =Immagini sorgente) lasciamo pure [b]Use: Selected images from Bridge [/b]( =Usa: Immagini selezionate da Bridge) mentre dobbiamo assegnare una cartella di destinazione dove salvare il nostro lavoro (per questo tutorial io ho creato una cartella sul desktop e ho assegnato il percorso).
[center]
image[/center]

Possiamo anche personalizzare i vari colori del testo, sfondo, immagini selezionate, banner, grandezza delle immagini di anteprima e di visualizzazione ecco come le ho settate per questo tutorial e a seguire un rapido schema che spiega le varie parti che verranno personalizzate.

[center]image

image

image

image[/center]

Una volta finito Photoshop crearà nella cartella selezionata una serie di file e cartelle contenenti tutte le informazioni che saranno visualizzate nel browse di internet (notiamo che appena ha finito avremo un anteprima della nostra realizzazione). Per assegnare una traccia audio possiamo copiare il nostro file audio e rinominarlo come [b]useraudio.mp3[/b].

[center]image[/center]

[b]Nota bene: [/b]Per avere le descrizioni, il titolo e altre tipologie di informazioni della nostra immagine prima di eseguire questa operazione dobbiamo aprire le immagini e dal menù a discesa scegliere[b] File...->Info... [/b]Si aprirà una finestra di dialogo dove possiao andare a riempire i vari campi come preferiamo e salvare il tutto.

[center]image

image[/center]


2052 replies since 10/6/2003