If you're new here, you may want to subscribe to my RSS feed .如果你来这里,你可以订阅我的rss的饲料。 Thanks for visiting!感谢来访!
In this Adobe® Photoshop tutorial, you will be learning about the various techniques involved in the creation of Favicon.在这个有adobe ® photoshop的补习,你将学习了解各种技术参与创造的权限。 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.复制是一个小定制图标出现在下到一个网站的网址,在地址栏的网页浏览器约16x16像素。 So if you like a good design challenge try your hand at this one.因此,如果你喜欢一个很好的设计挑战,尝试你的手在这一个。 This tutorial can also be implemented in CS2 and CS3.本教程中,可以执行也可以cs2和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.你只需要加入一个复制到你的站点是一个窗口图标( 。保险公司条例)的文件名为favicon.ico你上传到主目录,你的网站上。
You'll need the Windows Icon (ICO) file format Photoshop Plug-in to export to the .ico file format.你需要的windows图标(保险公司条例)的文件格式及photoshop插件才能出口至。是ico文件格式。 You can download the plug-in from Telegraphic.你可以随心所欲地下载插件,从电报。 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).该插件在读写是ico文件1 ,第4和第8位的索引以及24位rgb模式,而且还读写32位" xp的"图标(与8位alpha通道) 。 Make sure to install the plug-in before you begin this tutorial.要确保安装插件,然后你开始本教程。
![]()
Because 16 x 16 is such a small canvas area, it can be very difficult to be creative.因为16 × 16就是这样一个小帆布包区,它可以是很困难的创意。 So instead start your project with a canvas set at 64 x 64 (always use even multiples when you plan on resizing files).所以,反而开始为您的项目与画布上定于64 × 64 (总是使用倍数,甚至当你计划resizing档案) 。 Do this by selecting File --> New, and opening a new canvas that is 64 x 64 pixels in size.这样做,通过选择文件->新的,开放的一个新的画布是6 4× 6 4像素的大小。
![]()
If you already have a logo you should reduce it to the 16 x 16 size to see if it holds up.如果你已经有了一个标志,你应该把它减少到16 × 16大小,看它抓住了。 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.如果不看好,在这样的规模,与64 × 64帆布包,并尝试建立一个简单的设计包含颜色,从你的网站上的调色板。 When you're ready to test the design select Image --> Image Size menu and enter 16 x 16.当你准备好试验设计选择图像->图象大小菜单,并输入1 6× 1 6。 Click on Resample Image and choose "Bicubic Sharper" from the drop-down menu (CS only for this step).点击重采样图像,并选择"双三次尖锐" ,从下拉式选单(政务司司长只为这一步) 。 This is the best setting for making sure that an image doesn't blur as its being resized.这是最好的设置,为确保图象不模糊了,因为它正在resized 。
If you feel the icon is not quite what you wanted, just keep tweaking it until it is perfect.如果你觉得这个标语是不太什么,你想,不断调整它直到它是十全十美的。 At this tiny size it can take a few tries before you get it right.在这个弹丸之地大小,它可以采取一些尝试之前,你能正确行事。
![]()
Go to File-->Save As and make sure you name the file favicon.ico.去档案->另存为,并确保你的名字档案f avicon.ico。 Under Format you must choose Windows Icon (ICO) from the pull down menu.根据格式,你必须选择视窗图标(保险公司条例) ,从下拉菜单。 This format will only be available in Photoshop after you download and install the plug-in.这一格式将只在photoshop中后,请下载并安装插件。 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.在下一步你需要上传这个新的文件到根文件夹你的网站,所以这是一个好主意,导航,并储存到该地点对你的硬盘现在。
Connect to your server and upload your Favicon.ico file to your website.连接到你的服务器和上传你的favicon.ico文件到你的网站上。 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.你必须把它纳入同一个目录作为你的家(指数)页面,并留下它松散,使千万不要把它放在一个图片目录或其他文件夹。 Some browsers will look for a direct link in the HTML source code to your site's favicon.ico file.一些浏览器将寻找一个直接连接在html源代码到您的网站的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.你能帮助这些浏览器加入这个环节,在头节的每一页上,你想favicon.ico出现。
Here is the link code to include: <link rel="Shortcut Icon" href="/favicon.ico">这里是连接代码包括: <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.如果你的新的权限,并不表明了去改,尝试令人耳目一新的页面-或者把'吗? '在去年底的u rl,这将伎俩浏览器以为页面是一个新的和没有被缓冲。
Links you may find interesting -联系你可能会觉得有趣-
- Beginners Photoshop Tutorial on Using the Reduce Noise tool 初学者的photoshop补习以减少噪音工具
- How to Bend a Sheet and to make a Flip type Pattern using Photoshop 如何弯一张床单和作出翻盖式格局用的photoshop
- Beginners Photoshop Tutorial - Combining exposures for creating HDR images 初学者的photoshop教程-结合检举为创造人类发展报告图像
- How to Create a Web Page Header using Photoshop 如何创造一个网页,标题用的photoshop
- How to Create Dropping Shadows on an object using Photoshop 如何创造投下阴影,对一个对象使用的photoshop













