If you're new here, you may want to subscribe to my RSS feed . 새로 경우 여기에서 내 피드를 구독 할 수있습니다. Thanks for visiting! 방문해 주셔서 감사합니다!
In this Adobe® Photoshop tutorial, you will be learning about the various techniques involved in the creation of Favicon. 이 adobe ® 사진 입문서를 할 수있는 다양한 기법에 대한 학습에 관여 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이 조금 정의 아이콘 옆에 표시되는 웹사이트는 웹 브라우저의 주소 표시줄에 약 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 및 항목입니다.
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을 추가 귀하의 사이트를이 windows 아이콘 (. ico) favicon.ico라는 파일을 업로드할 수있는 귀하의 웹사이트의 주요 디렉토리입니다.
You'll need the Windows Icon (ICO) file format Photoshop Plug-in to export to the .ico file format. 이 필요합니다 windows 아이콘 (ico) 파일 형식으로 사진을 수출에 플러그 -에있습니다. 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 - 비트 자유 소프트웨어에 대한 색인 모드, 그리고 읽기 및 쓰기 32 - 비트 "xp"아이콘 (와 8 - 비트 알파 채널). 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 x 16는 이런 작은 캔버스 영역을 쓸 수있습니다 창작가 매우 어렵다. So instead start your project with a canvas set at 64 x 64 (always use even multiples when you plan on resizing files). 그래서 대신하여 프로젝트를 시작으로 15:50에서 설정 64 x 64 (항상 사용에 대한 계획도 배수 크기를 조정하면 파일)입니다. Do this by selecting File --> New, and opening a new canvas that is 64 x 64 pixels in size. 이 작업을 선택하여 파일 -> 새, 그리고 개방에 새 캔버스의 크기는 64 x 64 픽셀입니다.
If you already have a logo you should reduce it to the 16 x 16 size to see if it holds up. 이미있는 로고를해야하는 경우가 16 x 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 x 64 캔버스하고 단순한 디자인을 만들어보십시오 웹사이트의 팔레트에서 색상이 통합되어있습니다. When you're ready to test the design select Image --> Image Size menu and enter 16 x 16. 준비가되면 시험의 디자인을 선택 이미지 -> 이미지 크기 메뉴 및 입력 16 x 16. 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. 이것은 최상의 이미지에 대한 설정 넣되 흐리게하지 않는다으로 크기가 조정되고있습니다.
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. 이동하여 파일 -> 다른 이름으로 저장하고 파일 이름을 favicon.ico 있는지 확인합니다. Under Format you must choose Windows Icon (ICO) from the pull down menu. 아래에 형식을 선택하셔야합니다 windows 아이콘 (ico)의 풀다운 메뉴에서합니다. This format will only be available in Photoshop after you download and install the 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. 다음 단계에서이 새로운 파일을 업로드해야합니다은 귀하의 웹사이트의 루트 폴더에 있도록하는 것도 좋은 생각을 탐색하고 귀하의 하드 드라이브에 저장합니다 이제 해당 위치로합니다.
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. 일부 브라우저의 모양은 직접 링크에 대한 소스 코드를 귀하의 사이트의 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. 귀하의 새 favicon 경우 즉시 표시되지 않고, 해당 페이지를 새로 고쳐보십시오 - 또는 두지는 '?'의 마지막 부분에서 표시하는 브라우저로 속임수는 생각이 페이지는 캐시된 신규 및되지 않습니다.
Links you may find interesting - 링크를 찾을 수있습니다 흥미로운 -
- Beginners Photoshop Tutorial on Using the Reduce Noise tool 초보자 튜토리얼에서 사진 도구를 사용하여 소음을 감소
- How to Bend a Sheet and to make a Flip type Pattern using Photoshop 벤드를 만드는 방법에 플립 타입 패턴의 쉬트와 사진을 사용하여
- Beginners Photoshop Tutorial - Combining exposures for creating HDR images 초보자 사진 입문서 - 결합 hdr 이미지를 만들기위한 취약성
- How to Create a Web Page Header using Photoshop 사진을 웹 페이지 헤더를 작성하는 방법을 사용하여
- How to Create Dropping Shadows on an object using Photoshop 투하하는 개체를 작성하는 방법을 사용하여 사진에 대한 그림자
