Per personalizzare pagina Facebook esistono numerose applicazioni, che consentono diverse tipologie di modifiche. In questa guida, vi mostrerò le migliori 10 applicazioni del momento e vi indicherò anche le loro funzioni, in modo breve ma esaustivo.

Quando sentirete nominare la Facebook Timeline, mi riferirò alla nuova grafica facebook, che dispone gli elementi in bacheca seguendo una timeline o “linea temporale” e di cui la parte superiore è ben strutturata con una foto da sfondo, ed un piccolo riquadro dove inserire la nostra faccia! Ecco proprio come vedete nella foto sottostante:

Nicola Spisso – Facebook Timeline Design

Lo scopo che si ripropongono Designer del Web è quello di giungere ad una foto di sfondo molto attrattiva da offrire agli utenti che non sono dei grafici. Ecco per voi alcuni tool davvero molto interessanti, che vi permetteranno di fare lo stesso, ma senza essere dei grafici:

My FB Covers – Carica la tua immagine, trasforma, modifica e personalizza la visuale che preferisci.

Cover Photo Magic – Applicazione Facebook che aggiunge numerosi Templates da poter inserire come sfondo.

The Site Canvas – Applicazione che si collega al tuo profilo e ti mostra diversi modi e layout per modificare la tua pagina.

Pic Scatter  - Genera Collage di foto in differenti stili su Facebook.

Cover Junction – Applicazione che consente di aggiungere cover di sfondo bellissime su Facebook.

Timeline Cover Banner – Editor di foto, che ti aiuta a gestire al meglio la tua immagine di sfondo.

Cover Photoz -  Estesa selezione degli sfondi più belli del momento, organizzati e raccolti per categorie.

Coverize Me -Molti template e temi per facebook. Eccellente per Brandizzare più pagine allo stesso modo.

FB Cover Designer for iPhone – Cattura la tua foto preferita e gestiscine il Layout per posizionarla correttamente su Facebook.

Facebook Timeline Covers for Android – Scegli una foto dal tuo smartphone o scattala al momento, personalizzala e caricala come sfondo sul tuo profilo!

Spero che questa raccolta vi sia piaciuta, per qualsiasi cosa utilizzate il modulo commenti posto in basso.

Articolo completo: Personalizzare pagina Facebook - 10 applicazioni dal blog Pittori Famosi

WhatFontis è un tool online capace di trovare il font di un testo, partendo da un’immagine.

Tutto ciò che occorre fare è caricare l’immagine del font interessato sul sito web, a quel punto verrà scansionata l’immagine.

Il mio consiglio è quello di caricare immagini di testo ti un solo colore e preferibilmente Nero, nel caso in cui il testo nell’immagine è colorato e non viene rivelato correttamente, utilizzate un qualsiasi programma come Adobe Photoshop, per riportare l’immagine in scala di grigio, poi aumentate contrasto e luminosità.

Avviata la scansione, ad ogni singola lettera ‘in fotografia’ verrà associata la rispettiva lettera ‘digitalizzata’, come possiamo vedere dalla foto sottostante.

Inoltre nel caso il software sbaglia il riconoscimento, possiamo provvedere manualmente alla modifica delle lettere.

Una volta superata questa fase, si viene indirizzati in una pagina che raccoglie tutti i Font, simili o identici, che corrispondono a quello dell’immagine.

Per usufruire del servizio non vi è alcuna necessità di scaricare software, di registrare account o altro. Si tratta di un servizio utile e gratuito. Inoltre i font, molto spesso risultano essere gratuiti e dalla pagina di raccolta font, possiamo trovare sia gli uni che gli altri.

Il servizio è disponibile alla pagina WhatFontis.

Articolo completo: WhatFontis: Trovare nome font da immagine dal blog Pittori Famosi

Visualizzare contenuti multimediali Android ed iOS su TV è possibile grazie a ZappoTV.

La particolarità di qusto software consiste nel visualizzare i vostri contenuti multimediali presenti su Smartphone, ma anche conenuti multimediali che sono presenti in Streaming Online, oppure su Social Network come Facebook, YouTube, SHOUTcast, Flickr, Picasa e molti altri ancora.

Inoltre l’applicazione consente di visualizzare i contenuti multimediali, come video e foto, in modalità differenti: Slideshow, Modalità ricerca avanzata, playlist stile musicale ecc.

Come installarlo?

L’unico requisito che bisogna soddisfare è che i dispositivi siano collegati  alla propria rete internet, tramite cavo o Wi-Fi. A quel punto è sufficiente effettuare il log in, tramite account ZappoTV e possiamo subito accedere ai comandi dell’applicazione.

Per i sistemi operativi Android e iOS, l’applicazione è gatuita ed è possibile scaricarla a questo link:

 ZappoTV per Android.

Articolo completo: Visualizzare contenuti multimediali Android ed iOS su TV dal blog Pittori Famosi

I siti web per modificare foto e immagini online ad oggi sono davvero tanti, ma spesso non ne siamo a conoscenza ed evitiamo di utilizzarli. Questa raccolta vi aprirà gli occhi su ciò che è possibile trovare online!

Ogni modifica che vorresti apportare alle tue foto, seppur strana, sarà presente almeno in uno di questi 120 siti web! Per cui non ti resta che scegliere i software a te favoriti e procedere con la modifica online delle tue foto..

Se apprezzi questa guida puoi condividerla con i tuoi amici,
cliccando su Mi piace!

Lista siti per modificare foto e immagini:

Fotoflexer:

Fotoflexer è un tool online che consente di modificare foto e immagini, sia grazie all’inserimento di effetti particolari sulle foto, modifica e creazione di scritte con font diversi, inserimento e sovrapposizione di immagini predefinite, disegno a mano libera sulla foto, distorsione della foto per effetto dimagrimento, ritocco per eliminare le imperfezioni dalla pelle.

Il tutto su livelli diversi, proprio come i programmi professionali e utilizzando gli strumenti avanzati come:
Curve, Saturazione, Colore, Contrasto, e tanto altro.

Flauntr

Flauntr è un tool completo, che consente di applicare con un semplice click numerosi effettialle tue foto digitali, ed in modo del tutto gratuito.Si possono aggiungere alle proprie foto effetti che le renderanno tecnicamente simili alle migliori opere d’arte esistenti, e sopratutto si ha la possibilità di condivideretali foto con i propri amici, in modo semplice ed intuitivo!

Adobe Revel

Si tratta di un software ideato per un utilizzo semplice e rapido, ma in particolare è orientato verso le piattaforme Mobile, come iOS di iPhone, iPad e iPod, ma presto sarà rilasciata anche la versione per Android e Windows 8.
Come tutti noi sanno, la Adobe ha ideato Photoshope tutti gli altri software professionali orientati alla grafica, per cui non ci si può aspettare di meglio in termini di Applicazioni per smartphone e Tablet!

Aviary Phoenix

Detto anche Advanced Image Editor, è uno dei tool più utilizzati a livello semi-professionale. In particolare abbiamo la possibilità di gestire le immagini su più livelli, proprio come Photoshop.
La creazione dei nuovi livelli avviene mediante il semplice drag and drop, ovvero trascinamento di un’immagine all’interno di quella esistente.
In questo modo possiamo creare splendide sovrapposizioni e fotomontaggi, come quelli che vediamo nella foto sottostante:

Citrify

Si tratta di un editor online, semplice e rapido da utilizzare, ecco l’immagine di presentazione che troviamo una volta effettuato l’accesso al sito web.

Splashup

Tool online che simula in molte funzioni photoshop, è molto comodo se non si è a casa, ma si vuole gestire un software dalle capacità e sopratutto dalla somiglianza con il più famoso Photoshop. Si possono effettuare ritocchi veloci e professionali senza dover installare nessun programma.

Picnik

Picnik è di sicuro uno tra i migliori software di ritocco fotografico a livello semi-professionale. Infatti consente di gestire e ritoccare le proprie foto con effetti usati dai professionisti della fotografia.
Sono possibili tante modifiche, tra cui gli effetti:

• Seppia
• Boost
• Soften
• Vignettatura
• Colori matti
• Effetto infrarossi
• HDR
• Visione notturna
• Effetto Cinema
• Colori stile 1960
• Inversione colori
• Due tonalità
• e tanto altro..

E quasi sempre, caricare una foto in jpeg su questo sito web, equivale ad avere un prodotto finale bello almeno il doppio della foto di partenza!

Il mio consiglio è di provarlo subito!

Picture2life
Pixenate
Lunapic
Pixer.us
Lookwow
Onlinephototool
Picmagick
72photos
Pho.to
Drpic
Pictreat
Easycropper
Rsizr
Webresizer
Resize-image
Pikifx
Wiredness
Mypictr
Myimager
Pixelmator
Fixpicture
Thumba
Thepiclab
Snipshot
Preloadr
Clarkii
Cellsea
Flashpaint
Phixr

Mosaici, Fotomontaggi ed effetti Speciali

L’ultima sezione è dedicata invece ad effetti molto divertenti come ad esempio:

Mosaici -  Ovvero la possibilità di raggruppare più foto in un’unica immagine di dimensioni maggiori, con effetto parete, bacheca o altro.

Fotomontaggi - Tool che consentono di integrare la nostra immagine, in particolare il nostro viso, su corpi muscolosi, calciatori professionisti, attori, stuntman che si lanciano con il paracadute, e tanto altro.. Oppure ancora, possiamo far parte di un set famoso, possiamo comparire sugli schermi della grande mela, di Tokyo e perché no, anche far parte della nuovissima copertina di una rivista famosa!

Effetti speciali - Intesi come l’inserimento del nostro volto in ambientazioni particolari, con un colore ed una pelle mostruosa e molto altro!

PhotoFunia

Fun Photo Box

Hairmixer

Photo505

Yearbook Yourself
Loonapic
Picjoke
Magmypic
Your own Wired Cover
Hollywood Hair Makeover
Write On It
Dumpr
Anymaking
Montagraph
PiZap
My Heritage
Letter James
Imagechef
Funny Photos
Frontpage
Fake Magazine Cover
Personalized money
Faceinhole
Create HDR
Pixisnap
Instantizer
Photo-notes
In20years
Gross Out
Monoclops
Moonjee
Pliable-mirror
Pixuffle
Cartoon.pho.to
Magcover
Coverdude
Picfast
Jpgfun
Pixiz
Photofunny
Magofun
Funphotobox
seenow
Masterpieceyourself
Funtasticface
Stretchyourface
Tuxpi
Rollip
Framer
Tiltshiftmaker
Makeacelebrityodd
Ohotomontager
Psykopaint
Pfect
Wavyeffects
Loogix
Cameroid
Funfacer
Facebomb
Scrapblog
Sproutbuilder
Mixbook
Snipshot
Pikipimp
Graphita
Mypictr
Lynchr
Mirroreffect
Watereffect

Effetti Glitter

Per effetto glitter si intende sopratutto il ritocco fotografico volto a introdurre stelline luminose, magari realizzate per mezzo di GIF, che fanno brillare e luccicare le nostre immagini.
La particolarità di questo tipo di tool è che permette di creare immagini animate da poter esporre sui propri Social Network, per un effetto unico e strabiliante!

Blingee
Blingeasy
Puricute
Glitterfy

Siti web per il disegno Online

Oltre ai Siti Web per il ritocco fotografico, esistono tanti altri siti che consentono di fare cose di altro genere. Ad esempio in questa sezione sono presenti tutti i siti web che offrono la possibilità di disegnare online senza troppi fastidi.
Si tratta di tool che non hanno bisogno di alcuna installazione e possono esser usati per i motivi più disparati, ad esempio possiamo insegnare ai nostri bambini a disegnare al computer, oppure possiamo utilizzarlo per creare bigliettini da visita o piccoli disegni. Insomma sono degli editor per il disegno spesso molto più funzionali del comunissimo Paint.

Sketchpad

Schetchpad tra tutti è quello che si esalta maggiormente per le sue potenzialità e la grafica innovativa. E’ bello da vedere e da utilizzare, non vi resta che provarlo!

Sumopaint

Altro tool interessantissimo è Sumo Paint, il motivo per cui si distingue dagli altri è la possibilità di tradurre tutti i comandi in italiano. Inoltre consente di utilizzare diversi strumenti e diverse forme per creare composizioni davvero particolari!

Queeky
Splashup
Photoshop
Myoats
Aviary Raven
Artpad
Canvastic
Allmymagic

Se volete vi ho anche selezionato i migliori 25 siti web per il ritocco fotografico, con breve descrizione ed immagine, per cui è più facile capire di cosa si tratti: siti-divertenti-per-modificare-le-foto-gratis.

Spero che la guida sia stata di vostro interesse, vi aspetto alla prossima su Pittorifamosi.it..

Se apprezzi questa guida puoi condividerla con i tuoi amici,
cliccando su Mi piace!

Articolo completo: 122 siti per modificare foto dal blog Pittori Famosi

Collaborare, condividere e modificare immagini e video con CanvasDroplr è il modo ottimale per lavorare su file multimediali insieme ad amici o collaboratori.

Hai voglia di creare collage di foto, video e vuoi condividerli con tuoi amici? Tutto questo è possibile con CanvasDroplr, un tool integrato con database online, che vi consentirà di lavorare su file multimediali direttamente in rete e in contemporanea con vostri amici o colleghi.

Il tool è completamente gratuito e si può eseguire l’accesso utilizzando il proprio account Facebook oppure Twitter.

Una volta eseguito l’accesso si ha la possibilità di inserire i propri file multimediali e sopratutto troviamo una barra ricca di tools, che ci consente di modificare i dati relativi all’immagine/ video, come ad esempio:

Rimuovere tag da foto, modifica proprietà, permessi.

Per quanto riguarda invece le modifiche grafiche, avremo la possibilità di:

modificare la dimensione dell’immagine,cambiare colore e spessore dei bordi dell’immagine, aggiungere l’effetto scala di grigio e tanto altro.

Inoltre il software vi consentirà di caricare le immagini direttamente da Flickr, Google, Facebook, Picasa, o semplicemente caricando l’url relativo all’immagine, se questa è presente su di un altro sito.

Il tool è disponibile all’indirizzo canvasdropr.com.

Articolo completo: Condividere e modificare immagini e video - CanvasDroplr dal blog Pittori Famosi

Creare icone e logo in stile html5/cs5/ cs4/cs3 con Icon Generator Pro è di sicuro la strada migliore da intraprendere!

Creare icone e logo professionali non sempre è facile, anche quando si utilizzano software online dedicati proprio a quello scopo non sempre è facile. Il motivo principale è che tali software non offrono un set di elementi preimpostati che soddisfano a pieno, ma gli elementi come immagini, sfondi, grafiche, sono abbastanza standard e poco personalizzabili.

Icon Generator Pro è un applicazione basata su Adobe Air, e ci consente di creare icone in stile logo HTML5, CS5, CS4, CS3, e tali icone possono essere personalizzate al cento per cento durante la fase di creazione. Per cui abbiamo icone dall’aspetto professionale e con le nostre scritte, in particolare io creerò una piccola icona con scritta PF, di Pittorifamosi.it.

Come iniziare?

Anzitutto si sceglie il tipo di icona, tra HTML5, CS3.. Poi si può modificare il colore del testo, il font, la dimensione, la grafica e così via. Infine salviamo il tutto sul nostro pc in differenti formati e dimensioni: 128×128, 48×48, 32×32 and 16×16.

Icon Generator Pro è disponibile in lingua Inglese, Francese, Japponese e Cinese, e funziona su Windows XP, Windows Vista, Windows 7, Mac OS X and Linux. Il software è disponibile al seguente indirizzo icon-generator.net.

Articolo completo: Creare icone e logo in html5/cs3 - Icon Generator Pro dal blog Pittori Famosi

Screen Draw  è un applicativo, per il browser Firefox, che consente di annotare, disegnare e fare screenshots di pagine web.

Le immagini catturate possono essere salvate in Png e Jpg, ed allo stesso tempo possiamo scegliere anche di ridimensionarle. Inoltre consente di disegnare sulle pagine web, come se si stesse usando un colore oppure un evidenziatore. Permette l’aggiunta di testi, vignette per enfatizzare i testi, diagrammi e quant’altro.

Una volta installato l’add-on troviamo i pulsanti che consentono la scansione, il disegno e le annotazioni in alto a destra nella Toolbar, proprio dove sono raccolte le icone degli applicativi Firefox.

Il funzionamento è semplice, basta attivare/ disattivare con un click il programma, e vedremo comparire le sue funzioni in una toolbar in basso al nostro browser.

Tra le impostazioni, possiamo anche cambiare il colore, il font e persino la dimensione del testo delle note che possiamo inserire prima dello screenshot sulle pagine web.

Se vuoi avere piu info riguardo questo add-on, puoi visitare la pagina ufficiale  Screen Draw Add-On For Firefox.

Articolo completo: Annotare, disengare e fare screenshots - Firefox ScreenDraw dal blog Pittori Famosi

ColourGrab è servizio online che ti permette di individuare e conoscere tutti i colori presenti all’interno di un’immagine online e tutti quelli che costituiscono un’intera pagina internet. Un ottimo spunto per web e graphic designer che ispirandosi ad una foto o ad un sito web riscontrano interessanti contrasti cromatici da poter utilizzare come spunto per il proprio lavoro. Per farlo basterà inserire nell’apposito campo l’Url dell’immagine o della pagina web di cui desideriamo conoscere le tonalità precise, confermare su Submit ed attendere le caratteristiche, i codici specifici dei colori e il diagramma a torta di cui è possibile effettuare il download in formato .aco.

Abbinamenti di colore e un design web particolarmente accattivanti possono rivelarsi di grande aiuto per la realizzazione di grandi progetti grafici sia nel campo del web che della grafica da stampa, spesso basta poco per alimentare la fantasia e l’immaginazione, basta incentivarla con continui e stimolanti spunti, e vedrete che la creatività avrà il sopravvento, siete d’accordo? colourgrab.com

Articolo completo: Individuare colori di un'immagine dal blog Pittori Famosi

Come funziona il tema figlio, detto child theme, in wordpress?

Il tema figlio ingloba tutte le funzioni dal tema madre, ma può variare da esso per alcuni aspetti, sia grafici che funzionali. In questa guida vi mostreremo come strutturare un tema figlio, in modo da familiarizzare con questo concetto ed essere pronti a realizzarlo in futuro.
Nel nostro esempio considereremo come tema principale, il template Twentyten, presente di default in wordpress. Come tema figlio consideriamo invece twentyten-child.

Struttura delle cartelle
La disposizione del tema figlio e del tema principale è quella di default, ovvero wp-content/themes, e sono disposti precisamente in quest’ordine:

wp-content/themes/twentyten
wp-content/themes/twentyten-child

Come potete notare la cartella in cui risiedono il tema madre ed il tema figlio hanno lo stesso nome, cambia esclusivamente l’estensione ‘-child’ per il tema figlio.

Per quale ragione va utilizzato lo stesso nome del template?

Utilizzare lo stesso nome per definire il tema madre ed il tema figlio è importantissimo per gestire correttamente tutte le funzioni presenti all’interno del template. Ogni funzione, ogni elemento che includiamo nelle pagine PHP del tema figlio, viene ricercato dapprima in twentyten-child, e se non viene trovato nessun elemento corrispondente, la ricerca si avvia in automatico nella cartella twentyten.

Cosa contiene il tema figlio?

Il tema figlio di solito contiene esclusivamente un foglio di stile CSS, ma può comprendere anche il file function.php, file del template in .php, ed altri file che tuttavia non sono necessari per il corretto funzionamento.

Style.css

L’unico file necessario per l’esistenza del tema figlio in wordpress è proprio style.css, un foglio di stile che replica, sostituisce, integra il foglio di stile del tema principale.

Descrizione

Nella descrizione del documento style.css possiamo scrivere nel seguente modo:

/*
Theme Name: Twentyten Child
Theme URL: http: //Pittorifamosi.it/
Description: Tema figlio Twentyten
Author: Nicola Spisso
Author URL: http: //Pittorifamosi.it/
Template: twentyten
Version: 0.1.0
*/

La descrizione comprende numerose linee esplicative, tuttavia quelle fortemente richieste sono esclusivamente:

Theme Name = Nome del tema figlio
Template = Nome della directory principale del tema madre

Nell’esempio che vi mostrerò di seguito, vedrete espressamente il richiamo al foglio di stile principale grazie al comando @import url, e successivamente a questo si può procedere con lo stile css del tema figlio:

/*
Theme Name: Twentyten Child
Theme URI: http: //Pittorifamosi.it/
Description: Tema figlio Twentyten
Author: Nicola Spisso
Author URI: http: //Pittorifamosi.it/
Template: twentyten
Version: 0.1.0
*/

@import url(“../twentyten/style.css”);

#titolo a {
color: #009900;
}

Spero di esservi stato di aiuto, vi aspetto per le prossime guide su WordPress! Per ogni richiesta o informazione, lasciate un commento

Articolo completo: Tema figlio - Guida Wordpress dal blog Pittori Famosi

Tag Include -guida WordPress alla creazione del proprio template

I tag include sono fondamentali nella costruzione di un template WordPress, proprio perchè permettono di integrare in una pagina (ad esempio index.php), elementi presenti in altre pagine PHP, come ad esempio header.php, footer.php, sidebar.php, ecc.

Ecco per cui le pagine che vengono introdotte con questo comando all’interno di una più generale, ad esempio index.php, non devono contenere il codice completo HTML, ma solo la parte di codice di cui si occupano, altrimenti sarebbe un disastro con sovrapposizione di codici html.
Ad esempio potrebbe esserci la ripetizione errata del codice presente all’interno dell’ head, <head></head>.

Ecco come potrà essere la struttura del codice:

<html>
   <head>
      contenuti dell’head..
   </head>
<body>
     <?php get_header(); ?>
     <?php  include ( ‘menu.php’); ?> oppure nello specifico  <?php get_template_part(‘menu’); ?>
           contenuti della pagina..
    <?php get_sidebar(); ?>
    <?php get_footer(); ?>
  </body>
</html>

Tags speciali Include

Di norma l’introduzione degli elementi nelle pagine va effettuato utilizzando il comando generico include(), tuttavia la piattaforma WordPress dispone di codici personalizzati, per alcuni elementi più importanti, che semplificano questa particolare azione di inserimento codice. In particolare esistono gli elementi:

<?php get_header(); ?> = Che include automaticamente la pagina header.php se presente all’interno della cartella principale del template ( wp-includes/themes/nome-tema/header.php).

<?php get_footer(); ?> = Include automaticamente la pagina footer.php se questa è presente in ( wp-includes/themes/nome-tema/footer.php).

<?php get_sidebar(); ?> = Include sidebar.php se questa è presente in ( wp-includes/themes/nome-tema/footer.php).

<?php get_template_part(); ?> = Include un qualsiasi nomefile.php generico all’interno del nostro template, ad esempio <?php get_template_part( ‘menu’, ’2′ ); ?> per inserire il documento menu-2.php.

<?php get_search_form(); ?> = Include searchform.php, modulo di ricerca, se questa è presente in ( wp-includes/themes/nome-tema/searchform.php).

<?php comments_template(); ?> = Include il documento comments.php

Inoltre se il documento manca, nella cartella del tema figlio, e non è presente nella cartella dove c’è il file index.php che si sta sviluppando, allora i file richiamati con il comando include(), get_header(), get_footer(), get_sidebar() verranno ricercati in queste altre destinazioni in ordine:

wp-includes/themes/tema-child/header.php
wp-includes/themes/tema/header.php

Per chi non sa cosa sia il tema figlio di wordpress, presto scriverò alcune guide a riguardo. Spero di esservi stato utile, per domande e chiarimenti utilizzate il modulo commenti in fondo all’articolo!

Articolo completo: Tag Include - Guida Wordpress dal blog Pittori Famosi