If you're new here, you may want to subscribe to my RSS feed . Si eres nuevo aquí, puede que quiera suscribirse a mi feed RSS. Thanks for visiting! Gracias por visitarnos!
In this Adobe® Photoshop tutorial, you will be learning about the various techniques involved in the creation of Favicon. En este tutorial de Adobe Photoshop ®, usted será el aprendizaje acerca de las diversas técnicas que participan en la creación 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. Favicono es un pequeño icono que aparece al lado de la URL de un sitio web en la barra de direcciones de un navegador web en torno a 16X16 píxeles. So if you like a good design challenge try your hand at this one. Así que si te gusta un buen diseño impongan un reto a probar su mano en ésta. This tutorial can also be implemented in CS2 and CS3. Este tutorial también puede ser aplicado en CS2 y 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. Todo lo que necesita para añadir un Favicon a su sitio es un icono de Windows (. Ico) llamó el favicon.ico que carga al directorio principal de su sitio web.
You'll need the Windows Icon (ICO) file format Photoshop Plug-in to export to the .ico file format. Usted necesitará los iconos de Windows (ICO) formato de archivo en Photoshop Plug-in para exportar a la. Ico formato. You can download the plug-in from Telegraphic. Puede descargar el plug-in a partir de las telegráfica. 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). El plug-in de lee y escribe archivos ICO en el punto 1, 4 y 8 bits indexadas y 24-bit RGB modos, y también lee y escribe de 32 bits "XP" iconos (con 8 bits de canal alfa). Make sure to install the plug-in before you begin this tutorial. Asegúrese de instalar el "plug-in" antes de empezar este tutorial.
Because 16 x 16 is such a small canvas area, it can be very difficult to be creative. Porque 16 X 16 es un pequeño lienzo zona, que puede resultar muy difícil ser creativo. So instead start your project with a canvas set at 64 x 64 (always use even multiples when you plan on resizing files). Así que en lugar de inicio de su proyecto con un lienzo fijado en 64 X 64 (utilizar siempre múltiplos incluso si planea cambiar el tamaño de los archivos). Do this by selecting File --> New, and opening a new canvas that is 64 x 64 pixels in size. Hacerlo seleccionando Archivo --> Nuevo, y la apertura de una nueva tela que es de 64 X 64 píxeles de tamaño.
If you already have a logo you should reduce it to the 16 x 16 size to see if it holds up. Si ya dispone de un logotipo que debería reducir al tamaño de 16 X 16 para ver si se sostiene. 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. Si no queda muy bien en esta dimensión, el trabajo con el lienzo 64 X 64 e intentar crear un diseño simple que incorpora los colores de la paleta de su sitio web. When you're ready to test the design select Image --> Image Size menu and enter 16 x 16. Cuando esté listo para poner a prueba el diseño seleccione Imagen --> Tamaño entrar en el menú y 16 X 16. Click on Resample Image and choose "Bicubic Sharper" from the drop-down menu (CS only for this step). Pulse sobre la imagen y elija muestreo "Un Bicubic" en el menú desplegable (CS sólo para este paso). This is the best setting for making sure that an image doesn't blur as its being resized. Este es el mejor escenario posible para asegurarse de que una imagen no desdibujar como su tamaño.
If you feel the icon is not quite what you wanted, just keep tweaking it until it is perfect. Si piensa que el icono no es lo que quería, simplemente siga retocando hasta que es perfecto. At this tiny size it can take a few tries before you get it right. En este pequeño tamaño puede tomar unos pocos intentos antes de acertar.
Go to File-->Save As and make sure you name the file favicon.ico. Vaya a Archivo --> Guardar Como y asegúrese de que el nombre del archivo el favicon.ico. Under Format you must choose Windows Icon (ICO) from the pull down menu. En virtud de Formato usted debe elegir iconos de Windows (ICO) desde el menú desplegable. This format will only be available in Photoshop after you download and install the plug-in. Este formato sólo estarán disponibles en Photoshop después de descargar e instalar el 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. En el próximo paso, tendrás que cargar el nuevo archivo a la carpeta raíz de su sitio web, de modo que es una buena idea para navegar y salvar a esa ubicación en el disco duro.
Connect to your server and upload your Favicon.ico file to your website. Conéctese a su servidor y enviar el Favicon.ico archivo en su sitio 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. Debe colocar en el mismo directorio que su hogar (índice), y dejarlo suelto, asegurándose de no poner en un directorio de imágenes o cualquier otra carpeta. Some browsers will look for a direct link in the HTML source code to your site's favicon.ico file. Algunos navegadores se busca una relación directa en el código fuente HTML de su sitio archivo 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. Usted puede ayudar a estos navegadores mediante la adición de este vínculo en la sección de cabecera de cada página en la que desea que aparezca el Favicon.ico.
Here is the link code to include: <link rel="Shortcut Icon" href="/favicon.ico"> Aquí está el código de enlace para incluir: <link rel="Shortcut Icon" href="/favicon.ico">
If your new Favicon does not show up right away, try refreshing the page — or put a '?' at the end of the url, which will trick a browser into thinking the page is new and not cached. Si su nuevo Favicon no aparece inmediatamente, intente actualizar la página, o poner un '? 'Al final de la URL, que será un navegador truco en la página de pensar y no es nuevo en caché.
Links you may find interesting - Enlaces puede encontrar interesantes,
- Beginners Photoshop Tutorial on Using the Reduce Noise tool Principiantes Photoshop Tutorial sobre Uso de la herramienta de Reducción de Ruido
- How to Bend a Sheet and to make a Flip type Pattern using Photoshop Cómo Bend una hoja y hacer un tipo Flip Plan usando Photoshop
- Beginners Photoshop Tutorial - Combining exposures for creating HDR images Principiantes Photoshop Tutorial - La combinación de la exposición para crear imágenes HDR
- How to Create a Web Page Header using Photoshop Cómo Crear una cabecera de la página Web usando Photoshop
- How to Create Dropping Shadows on an object using Photoshop Cómo crear Deserción Sombras sobre un objeto usando Photoshop
