If you're new here, you may want to subscribe to my RSS feed . Se você é novo aqui, você pode querer inscrever - se em meu feed RSS. Thanks for visiting! Obrigado por visitar!
In this Adobe® Photoshop tutorial, you will be learning about the various techniques involved in the creation of Favicon. Neste Adobe ® Photoshop iniciação, ser - lhe - á aprender sobre as várias técnicas envolvidas na criação da Ícone. 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. Ícone favorito é um pequeno ícone personalizado que aparece ao lado de uma URL do site na barra de endereços de um navegador da Web em torno de 16X16 pixeis. So if you like a good design challenge try your hand at this one. Portanto, se você gosta de um bom desenho desafio tentar sua mão no este. This tutorial can also be implemented in CS2 and CS3. Este tutorial também pode ser implementado em 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. Tudo o que você precisa para adicionar um Ícone para o seu site é um Windows Icon (. Ico) arquivo chamado favicon.ico que você faz o upload para o diretório principal do seu site.
You'll need the Windows Icon (ICO) file format Photoshop Plug-in to export to the .ico file format. Você precisará do Windows Icon (ICO) arquivo de formato Photoshop Plug - in para exportação para a. Lima do ico formato. You can download the plug-in from Telegraphic. Você pode baixar o plug - in do telegráfico. 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). O plug - in lê e escreve ICO arquivos em 1, 4 e 8 bits indexadas e 24 bits RGB modos, e também lê e escreve 32 bits "XP" ícones (com 8 bits canal alfa). Make sure to install the plug-in before you begin this tutorial. Certifique - se de instalar o plug - in antes de começar este tutorial.
Because 16 x 16 is such a small canvas area, it can be very difficult to be creative. 16 x 16, porque é essa uma pequena tela área, ela pode ser muito difícil de ser criativo. So instead start your project with a canvas set at 64 x 64 (always use even multiples when you plan on resizing files). Portanto, em vez começar seu projeto com uma lona fixada em 64 x 64 (sempre utilizar múltiplos mesmo quando você planeja sobre redimensionamento arquivos). Do this by selecting File --> New, and opening a new canvas that is 64 x 64 pixels in size. Faça isso por seleccionar File --> New, ea abertura de uma nova tela que é de 64 x 64 pixels em tamanho.
If you already have a logo you should reduce it to the 16 x 16 size to see if it holds up. Se você já tem um logotipo que você deve reduzi - lo ao tamanho 16 x 16 para ver se ele mantém - se. 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 ele não parece boa, nesta dimensão, o trabalho com 64 x 64 lona e tente criar um simples projeto que incorpora as cores do seu site da paleta. When you're ready to test the design select Image --> Image Size menu and enter 16 x 16. Quando estiver pronto para testar o design gráfico selecione --> Image Size menu e insira 16 x 16. Click on Resample Image and choose "Bicubic Sharper" from the drop-down menu (CS only for this step). Clique na imagem e escolha Resample "Bicubic Uma" a partir do menu suspenso (CS só para esta etapa). This is the best setting for making sure that an image doesn't blur as its being resized. Essa é a melhor definição para certificando - se de que uma imagem não confundir como sendo a sua redimensionados.
If you feel the icon is not quite what you wanted, just keep tweaking it until it is perfect. Se você sentir que o ícone não é o que você queria, basta manter aprimorando até que seja perfeito. At this tiny size it can take a few tries before you get it right. Neste pequeno tamanho, pode demorar alguns tenta antes de saber a verdade.
Go to File-->Save As and make sure you name the file favicon.ico. Vá para File --> Salvar Como e certifique - se de nome do arquivo favicon.ico. Under Format you must choose Windows Icon (ICO) from the pull down menu. Sob Format você deve escolher Windows Icon (ICO) no menu suspenso. This format will only be available in Photoshop after you download and install the plug-in. Este modelo só estará disponível no Photoshop, depois de baixar e instalar o 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. Na próxima etapa, você precisa fazer o upload este novo arquivo para a pasta raiz do seu site, por isso é uma boa idéia para navegar e guardá - lo para que o local do disco rígido agora.
Connect to your server and upload your Favicon.ico file to your website. Conecte - se com o servidor e fazer o upload da sua Favicon.ico arquivo para o seu site. 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. Você deve colocá - lo no mesmo diretório que a sua casa (índice), e deixá - lo solto, certificando - se de não colocá - lo em um diretório imagens ou outra pasta. Some browsers will look for a direct link in the HTML source code to your site's favicon.ico file. Alguns navegadores irá procurar por um link direto no código - fonte HTML do seu site do arquivo 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. Você pode ajudar esses navegadores, acrescentando este link na cabeça seção de cada página na qual você deseja que o Favicon.ico para aparecer.
Here is the link code to include: <link rel="Shortcut Icon" href="/favicon.ico"> Aqui está o link para incluir código: <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. Se o seu novo Ícone não aparecem de imediato, tente atualizar a página, ou colocar um '? 'No final da URL, que vai enganar um navegador em pensar que a página é nova e não em cache.
Links you may find interesting - Ligações podem lhe interessar -
- Beginners Photoshop Tutorial on Using the Reduce Noise tool Iniciantes Photoshop Tutorial sobre Usando a ferramenta Reduce Noise
- How to Bend a Sheet and to make a Flip type Pattern using Photoshop Como um Bend Folha e fazer um tipo Flip Pattern usando Photoshop
- Beginners Photoshop Tutorial - Combining exposures for creating HDR images Iniciantes Tutorial Photoshop - Combinar exposições para criar imagens HDR
- How to Create a Web Page Header using Photoshop Como criar uma página da Web usando Photoshop Header
- How to Create Dropping Shadows on an object using Photoshop Como criar Dropping Sombras sobre um objeto usando Photoshop
