Posted by datalogicommunication in Cambiare sfondo con Photoshop.
Tags: Adobe Photoshop, backup, computer, cs, Design, foto, guida, guide, image preview, informatica, Modificare lo sfondo di una foto, pc, sfondo, software, trucchi, tutorial
PhotoShop è il programma più adatto per realizzare quello che chiedi e permette di procedere in diversi modi per questo tipo di lavoro.
Quello che ti serve è “scontornare” la figura di primo piano e poi aggiungere lo sfondo su un’altro livello.
Se non hai ancora dimestichezza con il programma, e se hai almeno la versione CS puoi provare con la voce “Estrai” (Extract) dal menu “Filtri” (Filters).
Una volta selezionato questo filtro si aprirà una finestra con alcuni strumenti, quelli che ci interessano sono due:
- Evidenziatore
- Secchiello
Con l’Evidenziatore devi tracciare il contorno (anche grossolanamente) dell’immagine di primo piano, con il Secchiello riempi la parte che ti interessa
poi fai click su Anteprima, dovresti vedere una elaborazione automatica che elimina lo sfondo dalla figura e se il risultato ti soddisfa clicchi su OK.
Se non ti soddisfa puoi visualizzare nuovamente il contorno e il riempimento mettendo la spunta sulle ultime due caselle in basso a destra e puoi sistemare meglio la selezione.
Questo filtro rimuove una parte dell’immagine, come se avessi usato la gomma.
Esiste un altro modo per nascondere parte dell’immagine senza perderla del tutto, la maschera di livello…
Per creare una maschera clicca sul secondo tasto in basso nella palette livelli, quello con la forma di un cerchio bianco dentro a un rettangolo grigio,
se la maschera non si crea vuol dire che stai lavorando su un livello bloccato o di sfondo, devi sbloccare il livello
Seleziona la maschera che è quella miniatura bianca che dovrebbe essere comparsa accanto alla miniatura di livello e poi dipingi con un pennello di colore bianco o nero: il bianco rivela l’immagine, il nero la nasconde.
Oltre al pennello puoi usare anche gli altri strumenti (molto utile lo sfumino intorno ai bordi), e tutti i filtri.
Posted by datalogicommunication in Photogallery con lightbox.
Tags: dhtml, graphics, hay, image preview, javascript, javascript image gallery, lightbox, litebox, lytebox, lyteframe, lyteshow, markus, photography, slideshow
Lightbox 2, con l’ausilio di Prototype Framework e la libreria degli effetti di script.aculo.us, permette di visualizzare in maniera professionale le immagini su una pagina web.
Lo trovo stilisticamente molto accattivante ed offre il vantaggio di poter aprire immagini di ampie dimensioni sovrapponendole alla pagina, senza interferire con il layout ed avvantaggiando la navigabilità.
Ho provato questo script su diversi browser e mi sono accorta che su Internet Explorer bloccava l’apertura della pagina.
Come ha già detto, lo script funziona anche su Internet Explorer ma evidentemente va in conflitto con qualche script presente nel blog.
Ho porvato anch’io a inserirlo nel mio blog è ho avuto lo stesso problema. Sul sito di Lightbox2, sono consigliati altri due script: TickBox e Lytebox. Dei due preferisco Lytebox: ha gli stessi effetti grafici di Lightbox2 e in più consente di visualizzare uno slidehow con le immagini presenti in una pagina web e di scegliere un tema tra cinque disponibili (grigio, blu, giallo, rosso e verde), in più altre funzioni che ancora devo approfondire.
Come si usa Lytebox??? Basta andare sul sito, scaricate il Lytebox v3.22 e seguire le istruzioni per visualizzare una singola immagine o più immagini oppure uno slideshow.
Posted by datalogicommunication in Photogallery con lightbox.
Tags: accessibilità, css3, Design, dhtml, estensioni firefox, graphics, hay, html css, icone", image preview, javascript, javascript image gallery, lightbox, litebox, lytebox, lyteframe, lyteshow, markus, mootools, photography, png trasparenti, slideshow, thickbox
Mentre molti si stanno ancora godendo le meritate vacanze in questo Agosto 2006, una novità è arrivata in rete: ThickBox versione 2.0!
Per chi non conoscesse ThickBox, o il più famoso Lightbox, rimando ad un post di Aprile 2006 dove avevo descritto i due javascript commentando pregi e difetti.
Riassumendo, sono due soluzioni eleganti per mostrare in particolare foto ed immagini senza l’uso di pop-up.
Le novità di ThickBox 2.0 sono considerevoli, ed il peso resta ancora una volta inferiore agli script basati sulle librerie prototype (come appunto Lightbox): solo 27kb se si utilizzano file compressi.
Si possono finalmente vedere immagini anche in gallerie, contenuti inline o all’interno di iframes, il tutto con il massimo rispetto per gli standard dell’accessibilità.
Vedere le demo sul sito ufficiale di ThickBox per credere!
Trovate allo stesso indirizzo tutte le informazioni necessarie per installare lo script e farlo funzionare.
Adesso vorrei conoscere un valido motivo per continuare ad utilizzare Lightbox…
