If you're new here, you may want to subscribe to my RSS feed . Si vous êtes nouveau ici, vous pouvez vous abonner à mon flux RSS. Thanks for visiting! Merci de votre visite!
In this Adobe® Photoshop tutorial, you will be learning about the various techniques involved in the creation of Favicon. Dans ce Adobe ® Photoshop tutoriel, vous serez en savoir plus sur les différentes techniques impliqués dans la création de 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 est une petite icône qui apparaît à côté d'un site Web URL dans la barre d'adresse d'un navigateur web autour de 16X16 pixels. So if you like a good design challenge try your hand at this one. Ainsi, si vous aimez un bon design défi essayez-vous à celui-ci. This tutorial can also be implemented in CS2 and CS3. Ce tutoriel peut également être mise en œuvre dans CS2 et 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. Tout ce que vous devez ajouter un Favicon sur votre site est un Windows Icon (. Ico) fichier favicon.ico que vous téléchargez dans le répertoire principal de votre site Web.
You'll need the Windows Icon (ICO) file format Photoshop Plug-in to export to the .ico file format. Vous aurez besoin de Windows Icon (ICO), format de fichier Photoshop Plug-in pour exporter vers l'. Ico format de fichier. You can download the plug-in from Telegraphic. Vous pouvez télécharger le plug-in de télégraphique. 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). Le plug-in de lecture et d'écriture dans les fichiers ICO 1, 4 et 8 bits Répertorié et 24-bit RGB modes, et aussi des lectures et écritures 32 bits "XP" icônes (avec canal alpha 8 bits). Make sure to install the plug-in before you begin this tutorial. Assurez-vous d'installer le plug-in avant de vous lancer dans ce tutoriel.
Because 16 x 16 is such a small canvas area, it can be very difficult to be creative. 16 x 16 parce que telle est une petite zone de la toile, il peut être très difficile d'être créatif. So instead start your project with a canvas set at 64 x 64 (always use even multiples when you plan on resizing files). Donc, au lieu commencer votre projet avec une toile fixée à 64 x 64 (utilisez toujours multiples, même quand vous envisagez de redimensionnement de fichiers). Do this by selecting File --> New, and opening a new canvas that is 64 x 64 pixels in size. Pour ce faire, sélectionnez Fichier -> Nouveau, et l'ouverture d'une nouvelle toile qui est de 64 x 64 pixels en taille.
If you already have a logo you should reduce it to the 16 x 16 size to see if it holds up. Si vous disposez déjà d'un logo, vous devez le réduire à la taille 16 x 16 pour voir si elle tient en place. 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. S'il ne semble pas bonne à cette taille, le travail avec la toile 64 x 64 et essayez de créer une conception simple qui reprend les couleurs de la palette de votre site Web. When you're ready to test the design select Image --> Image Size menu and enter 16 x 16. Lorsque vous êtes prêt à tester la conception sélectionnez Image -> Taille de l'image du menu et entrez 16 x 16. Click on Resample Image and choose "Bicubic Sharper" from the drop-down menu (CS only for this step). Rééchantillonnage Cliquez sur l'image et choisissez "Bicubique Sharper" dans le menu déroulant (CS uniquement pour cette étape). This is the best setting for making sure that an image doesn't blur as its being resized. C'est le meilleur cadre pour faire en sorte que l'image n'est pas flou comme son être redimensionné.
If you feel the icon is not quite what you wanted, just keep tweaking it until it is perfect. Si vous pensez que l'icône n'est pas tout à fait ce que vous vouliez, il suffit de modifier légèrement garder jusqu'à ce qu'il soit parfait. At this tiny size it can take a few tries before you get it right. À cette petite taille, il peut s'écouler quelques essaie avant d'arriver sur la bonne voie.
Go to File-->Save As and make sure you name the file favicon.ico. Menu Fichier -> Enregistrer sous et assurez-vous de nommer le fichier favicon.ico. Under Format you must choose Windows Icon (ICO) from the pull down menu. Sous Format, vous devez choisir Windows Icon (ICO) dans le menu déroulant. This format will only be available in Photoshop after you download and install the plug-in. Ce format ne sera disponible que dans Photoshop après que vous téléchargez et installez le 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. Dans l'étape suivante, vous devrez télécharger ce nouveau fichier dans le répertoire racine de votre site, donc c'est une bonne idée de naviguer et de l'enregistrer à l'emplacement choisi sur votre disque dur maintenant.
Connect to your server and upload your Favicon.ico file to your website. Connectez-vous à votre serveur et de transférer vos fichier Favicon.ico à votre site 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. Vous devez la placer dans le même répertoire que votre home page (index), et de laisser perdre, en vous assurant de ne pas le mettre dans un répertoire des images ou un autre dossier. Some browsers will look for a direct link in the HTML source code to your site's favicon.ico file. Certains navigateurs vont rechercher un lien direct dans le code HTML source de votre site le fichier 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. Vous pouvez aider à ces navigateurs en ajoutant ce lien dans la section head de chaque page sur laquelle vous voulez que le Favicon.ico à paraître.
Here is the link code to include: <link rel="Shortcut Icon" href="/favicon.ico"> Voici le lien pour inclure le code: <link rel="Shortcut Icon" href="/favicon.ico">
If your new Favicon does not show up right away, try refreshing the page — or put a '?' Si votre nouveau Favicon n'apparaît pas tout de suite, essayez de réactualiser la page - ou de mettre un "?" at the end of the url, which will trick a browser into thinking the page is new and not cached. À la fin de l'url, qui ruse d'un navigateur dans la page est pensée nouvelle et non mis en cache.
Links you may find interesting - Vous pouvez trouver des liens intéressants --
- Beginners Photoshop Tutorial on Using the Reduce Noise tool Débutants Photoshop Tutorial sur l'utilisation de l'outil Réduire le bruit
- How to Bend a Sheet and to make a Flip type Pattern using Photoshop Comment Pliez une feuille de faire un Flip type Pattern avec Photoshop
- Beginners Photoshop Tutorial - Combining exposures for creating HDR images Photoshop Tutorial débutants - La combinaison de l'exposition pour la création d'images HDR
- How to Create a Web Page Header using Photoshop Comment créer une page Web avec Photoshop Header
- How to Create Dropping Shadows on an object using Photoshop Comment créer Dropping Shadows sur un objet avec Photoshop
