If you're new here, you may want to subscribe to my RSS feed . Wenn Sie neu hier sind, können Sie abonnieren, um mein RSS-Feed. Thanks for visiting! Vielen Dank für Ihren Besuch!
In this Adobe® Photoshop tutorial, you will be learning about the various techniques involved in the creation of Favicon. In diesem Adobe ® Photoshop-Tutorial werden Sie lernen über die verschiedenen Techniken, die bei der Schaffung von 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 ist ein kleines Symbol für die benutzerdefinierte erscheint neben einem Website-URL in der Adressleiste eines Web-Browsers um 16X16 Pixel. So if you like a good design challenge try your hand at this one. Also, wenn Sie wie ein gutes Design Herausforderung versuchen, Ihre Hand auf diese. This tutorial can also be implemented in CS2 and CS3. Dieses Tutorial kann auch umgesetzt werden und CS2 und 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. Alles, was Sie brauchen, um einen Favicon auf Ihre Website ist ein Windows-Icon (. Ico) Datei namens favicon.ico, die Sie zu den wichtigsten Upload-Verzeichnis Ihrer Website.
You'll need the Windows Icon (ICO) file format Photoshop Plug-in to export to the .ico file format. Sie müssen die Windows-Icon (ICO) Datei-Format Photoshop-Plug-in zur Ausfuhr in die. Ico-Datei-Format. You can download the plug-in from Telegraphic. Hier können Sie sich das Plug-in von Telegrammadresse. 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). Das Plug-in liest und schreibt ICO-Dateien in 1, 4 und 8-Bit-Indizierte und 24-Bit-RGB-Modus, und auch liest und schreibt 32-Bit "XP" Icons (mit 8-Bit-Alpha-Kanal). Make sure to install the plug-in before you begin this tutorial. Stellen Sie sicher, dass die Installation des Plug-in, bevor Sie beginnen in diesem Tutorial.
Because 16 x 16 is such a small canvas area, it can be very difficult to be creative. Da 16 x 16 ist wie eine kleine Leinwand, kann es sehr schwierig, kreativ zu sein. So instead start your project with a canvas set at 64 x 64 (always use even multiples when you plan on resizing files). Anstatt also starten Sie Ihr Projekt mit einem auf Leinwand 64 x 64 (immer noch ein Vielfaches, wenn Sie vorhaben, auf die Größe von Dateien). Do this by selecting File --> New, and opening a new canvas that is 64 x 64 pixels in size. Tun Sie das, indem Sie "Datei" -> "Neu", und die Eröffnung einer neuen Leinwand, die 64 x 64 Pixel groß.
If you already have a logo you should reduce it to the 16 x 16 size to see if it holds up. Wenn Sie bereits ein Logo haben, sollten Sie es auf die Reduzierung der 16 x 16 Größe zu sehen, ob es hält. 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. Wenn es sich nicht gut in dieser Größe, die Arbeit mit dem 64 x 64 Leinwand und versuchen Sie es schaffen, dass ein einfaches Design beinhaltet Farben aus Ihrer Website-Palette. When you're ready to test the design select Image --> Image Size menu and enter 16 x 16. Wenn Sie bereit sind, das Design zu testen, wählen Sie Image -> Image Size-Menü und geben Sie 16 x 16. Click on Resample Image and choose "Bicubic Sharper" from the drop-down menu (CS only for this step). Klicken Sie auf Resample Bild und wählen Sie "Bicubic Sharper" aus der Drop-Down-Menü (CS nur für diesen Schritt). This is the best setting for making sure that an image doesn't blur as its being resized. Dies ist die beste Einstellung für die dafür sorgen, dass ein Bild nicht verwischen, da ihre Größe verändert werden.
If you feel the icon is not quite what you wanted, just keep tweaking it until it is perfect. Wenn Sie das Gefühl haben, das Symbol ist nicht recht, was man wollte, einfach weiter getüftelt, bis es perfekt ist. At this tiny size it can take a few tries before you get it right. In diesem winzigen Größe ist, kann es einige versucht, bevor Sie es richtig machen.
Go to File-->Save As and make sure you name the file favicon.ico. Gehen Sie auf "Datei" -> Speichern unter, und stellen Sie sicher, dass Sie die Datei favicon.ico. Under Format you must choose Windows Icon (ICO) from the pull down menu. Unter Format wählen, müssen Sie Windows Icon (ICO) aus dem Pull-Down-Menü. This format will only be available in Photoshop after you download and install the plug-in. Dieses Format wird nur dann zur Verfügung, wenn Sie in Photoshop downloaden und installieren Sie das 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. Im nächsten Schritt müssen Sie diese neue Datei-Upload auf den Stammordner Ihrer Website, so dass es eine gute Idee zu navigieren, und speichern Sie sie an diesen Ort auf Ihrer Festplatte.
Connect to your server and upload your Favicon.ico file to your website. Verbindung zu Ihrem Server an und laden Sie Ihre Favicon.ico-Datei auf Ihre Website. 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. Sie müssen es in das gleiche Verzeichnis wie Ihr Haus (Index-) Seite, und lassen Sie es locker, um sicherzustellen, dass es nicht um die Bilder in einem anderen Verzeichnis oder Ordner. Some browsers will look for a direct link in the HTML source code to your site's favicon.ico file. Einige Browser aussehen wird für einen direkten Link in den HTML-Quellcode in Ihre Website favicon.ico-Datei. 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. Sie können helfen, indem Sie diese Browser diesen Link in den Kopf der jeweiligen Seite, auf der Sie möchten, dass die Favicon.ico zu erscheinen.
Here is the link code to include: <link rel="Shortcut Icon" href="/favicon.ico"> Hier ist der Link-Code zu enthalten: <link rel="Shortcut Icon" href="/favicon.ico">
If your new Favicon does not show up right away, try refreshing the page — or put a '?' Wenn Sie Ihr neues Favicon nicht sofort erscheinen, versuchen Sie die Seite aktualisieren - oder ein "?" at the end of the url, which will trick a browser into thinking the page is new and not cached. Am Ende der URL, die in einem Browser Trick denke die Seite ist neu und nicht zwischengespeichert.
Links you may find interesting - Links finden Sie interessante --
- Beginners Photoshop Tutorial on Using the Reduce Noise tool Anfänger Photoshop Tutorial zur Verwendung des Reduce Noise-Tool
- How to Bend a Sheet and to make a Flip type Pattern using Photoshop How to Bend ein Blatt und eine Flip-Art-Muster mit Photoshop
- Beginners Photoshop Tutorial - Combining exposures for creating HDR images Anfänger Photoshop Tutorial - Kombinieren Forderungen für die Erstellung von HDR-Bildern
- How to Create a Web Page Header using Photoshop Wie erstelle ich eine Web-Page Header mit Photoshop
- How to Create Dropping Shadows on an object using Photoshop Wie erstelle Dropping Schatten auf ein Objekt mit Photoshop
