If you're new here, you may want to subscribe to my RSS feed . Se siete nuovi qui, è possibile che si desideri iscriverti al mio feed RSS. Thanks for visiting! Grazie per la visita!
In this Adobe® Photoshop tutorial, you will be learning about the various techniques involved in the creation of Favicon. In questo tutorial Adobe ® Photoshop, verrà conoscere le varie tecniche coinvolti nella creazione di Favicon. Favicon is a little custom icon that appears next to a website's URL in the address bar of a web browser around 16X16 pixels. Favicon è una piccola icona personalizzata che appare accanto a un sito web l'URL nella barra degli indirizzi di un browser web circa 16X16 pixel. So if you like a good design challenge try your hand at this one. Quindi, se ti piace un buon design sfida tentare la mano a questo. This tutorial can also be implemented in CS2 and CS3. Questo tutorial può anche essere implementato in CS2 e CS3.
All you need to add a Favicon to your site is a Windows Icon (.ico) file called favicon.ico that you upload to the main directory of your website. Tutto ciò che ti serve per aggiungere una Favicon per il tuo sito è un Windows Icon (. Ico) file chiamato favicon.ico che hai caricato nella directory principale del tuo sito web.
You'll need the Windows Icon (ICO) file format Photoshop Plug-in to export to the .ico file format. Avrai bisogno di Windows Icon (ICO) formato di file Photoshop Plug-in per l'esportazione verso la. Ico formato di file. You can download the plug-in from Telegraphic. Potete scaricare il plug-in da telegrafico. The plug-in reads and writes ICO files in 1, 4 and 8-bit Indexed and 24-bit RGB modes, and also reads and writes 32-bit "XP" icons (with 8-bit alpha channel). Il plug-in legge e scrive file ICO e 1, 4 e 8 bit indicizzati e 24-bit RGB modi, e anche di leggere e scrivere a 32 bit "XP" icone (8-bit, con canale alfa). Make sure to install the plug-in before you begin this tutorial. Assicurarsi di installare il plug-in prima di iniziare questo tutorial.
Because 16 x 16 is such a small canvas area, it can be very difficult to be creative. 16 x 16, perché tale è una piccola tela zona, che può essere molto difficile essere creativi. So instead start your project with a canvas set at 64 x 64 (always use even multiples when you plan on resizing files). Così, invece avviare il progetto con una tela fissata a 64 x 64 (sempre multipli utilizzare anche quando si pensa di ridimensionamento dei file). Do this by selecting File --> New, and opening a new canvas that is 64 x 64 pixels in size. Farlo selezionando File -> Nuovo, e di apertura di una nuova tela, che è di 64 x 64 pixel di dimensione.
If you already have a logo you should reduce it to the 16 x 16 size to see if it holds up. Se hai già un logo che si dovrebbe ridurre al 16 x 16 dimensioni per vedere se è in grado di contenere fino. If it doesn't look good at this size, work with the 64 x 64 canvas and try creating a simple design that incorporates colors from your website's palette. Se non guardare bene in questa dimensione, il lavoro con la tela 64 x 64 e provare a creare un design semplice, che riprende i colori del tuo sito web tavolozza. When you're ready to test the design select Image --> Image Size menu and enter 16 x 16. Quando siete pronti per testare il design selezionare Immagine -> Dimensione immagine del menu e inserisci 16 x 16. Click on Resample Image and choose "Bicubic Sharper" from the drop-down menu (CS only for this step). Fare clic sul Resample Image e scegliere "Bicubic azioni" dal menu a discesa (CS solo per questo passo). This is the best setting for making sure that an image doesn't blur as its being resized. Questa è la migliore impostazione per fare in modo che l'immagine non sfocatura come il suo essere ridimensionata.
If you feel the icon is not quite what you wanted, just keep tweaking it until it is perfect. Se ritieni l'icona non è proprio quello che si voleva, non solo continua a modificare fino a quando non è perfetto. At this tiny size it can take a few tries before you get it right. In questa piccola dimensione che può assumere un numero di tentativi prima di conoscere la verità.
Go to File-->Save As and make sure you name the file favicon.ico. Andare su File -> Salva con nome e assicurati che il nome del file favicon.ico. Under Format you must choose Windows Icon (ICO) from the pull down menu. Formato sotto dovete scegliere Windows Icon (ICO) dal menu a discesa. This format will only be available in Photoshop after you download and install the plug-in. Questo formato saranno disponibili solo in Photoshop dopo il download e installare il plug-in. In the next step you'll need to upload this new file to the root folder of your website, so it's a good idea to navigate and save it to that location on your hard drive now. E il prossimo passo sarà necessario caricare il nuovo file nella cartella principale del tuo sito web, in modo che sia una buona idea per navigare e salvarlo su tale posizione sul disco rigido.
Connect to your server and upload your Favicon.ico file to your website. Connettersi al server e caricare i tuoi file Favicon.ico al tuo sito web. You must place it into the same directory as your home (index) page, and leave it loose, making sure not to put it in an images directory or other folder. Devi metterlo nella stessa directory come tua home page (index), e di lasciare andare, fare in modo di non metterlo in una directory di immagini o di altri cartella. Some browsers will look for a direct link in the HTML source code to your site's favicon.ico file. Alcuni browser cercate un link diretto al codice sorgente HTML del tuo sito di file favicon.ico. You can help these browsers by adding this link in the head section of each page on which you want the Favicon.ico to appear. Puoi aiutare questi browser aggiungendo il link nella sezione head di ciascuna pagina in cui si desidera che il Favicon.ico a comparire.
Here is the link code to include: <link rel="Shortcut Icon" href="/favicon.ico"> Ecco il link per includere codice: <link rel="Shortcut Icon" href="/favicon.ico">
If your new Favicon does not show up right away, try refreshing the page — or put a '?' Se il tuo nuovo Favicon non viene visualizzato a destra, si può provare ad aggiornare la pagina - o mettere un '?' at the end of the url, which will trick a browser into thinking the page is new and not cached. Alla fine degli url, che trucco di pensare in un browser la pagina è nuovo e non in cache.
Links you may find interesting - Link si possono trovare interessanti --
- Beginners Photoshop Tutorial on Using the Reduce Noise tool Principianti Photoshop Tutorial su Utilizzando la Riduzione rumore strumento
- How to Bend a Sheet and to make a Flip type Pattern using Photoshop Come Bend uno Sheet e di fare una Flip tipo pattern utilizzando Photoshop
- Beginners Photoshop Tutorial - Combining exposures for creating HDR images Photoshop Tutorial principianti - La combinazione di esposizione per la creazione di immagini HDR
- How to Create a Web Page Header using Photoshop Come creare una pagina Web utilizzando Photoshop Header
- How to Create Dropping Shadows on an object using Photoshop Come creare Giù Ombre su un oggetto utilizzando Photoshop
