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. في هذا ادوبي ® ادوبي فوتوشوب تعليمي ، وانك ستكون التعلم عن مختلف التقنيات التي ينطوي عليها انشاء 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 و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 الى موقعك هو ايقونه ويندوز). منظمة البن الدولية (ملف دعا favicon.ico ان تقوم بتحميل الدليل الرئيسي لموقعك.
You'll need the Windows Icon (ICO) file format Photoshop Plug-in to export to the .ico file format. أنت بحاجة الى ويندوز ايقونه (منظمة البن) صيغة ملف ادوبي فوتوشوب البرنامج المساعد على التصدير الى. صيغة ملف منظمة البن الدولية. 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). فان البرنامج المساعد يقرأ ويكتب ملفات منظمة البن الدولية في 1 و 4 و 8 بت فهرستها و24 بت RGB سائط ، وكذلك القراءة والكتابة 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). وبدلا من ذلك ابدا مشروعك مع قماش وضعت في 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). اضغط على الصورة واختار resample "bicubic الغشاش" من القائمة المنسدله (خدمات العملاء فقط لهذه الخطوة). 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. في اطار الشكل وعليك ان تختار ويندوز ايقونه (منظمة البن) من افتح القائمة. 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"> ها هي وصلة المدونه لتشمل : <linkrel="shortcut icon" href="/favicon.ico">
If your new Favicon does not show up right away, try refreshing the page — or put a '?' اذا كان جهازك جديدة favicon لا تظهر الحق بعيدا ، في محاولة منعش الصفحه -- او وضع '؟' at the end of the url, which will trick a browser into thinking the page is new and not cached. في نهاية العنوان ، والذي سوف خدعة المستعرض الى التفكير الصفحه الجديدة وليس نسخة.
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 ادوبي فوتوشوب تعليمي للمبتدئين -- الجمع بين التعرض لتقرير التنمية البشريه لخلق صور
- How to Create a Web Page Header using Photoshop كيف تصنع صفحة ويب راسيه باستخدام ادوبي فوتوشوب
- How to Create Dropping Shadows on an object using Photoshop كيف تصنع اسقاط الظلال على جسم باستخدام ادوبي فوتوشوب
