چهارشنبه ۵ اردیبهشت ۱۴۰۳ |  عضویت / ورود






[ بخش اصلی آموزشها | افزودن آموزش | داری بیشترین امتیاز | دارای بیشترین بیننده | جدیدترین نظرات ]

چگونه از آرم مورد نظرمان یک آیکون بسازیم؟


Monday, 2010 December 20   نویسنده: Hamid   تعداد بازدید: 16067 بار  #گرافيك   امتیاز متوسط: 5

آیکون در بحث‌های مختلف کامپیوتری کاربرد دارد. مثلاً اگر برنامه نویس باشید، مطمئناً دوست دارید آیکون برنامه‌ای که می‌نویسید به شکل آرم شرکتتان باشد.

و یا اگر وب‌سایت داشته باشید، دوست دارید آرم شرکت یا آرم سایتتان در کنار نام سایت در نوار عنوان دیده شود:

http://dl.aftab.cc/wp-content/uploads/2010/12/iconworkshop.gif

اما، چطور از آرم مورد نظرمان یک آیکون تهیه کنیم؟

خیلی ساده است! شما به یک نرم افزار نیاز دارید که ما بهترین آن را Icon Workshop می‌دانیم.

این نرم افزار را می‌توانید از طریق لینک زیر دانلود نمایید:

icon workshop ؛ بهترین نرم افزار ساخت آیکون

پس از نصب و کرک کردن، آرم یا طرح مورد نظرتان را در آن باز کنید. یعنی از منوی File گزینه Open را انتخاب کنید و عکس را باز کنید.

بهتر است طرحتان را در فتوشاپ به صورت بدون بک گراند تبدیل کنید و طول و عرض را یکسان کنید. باید توجه کنید که همه آیکون‌ها ابعاد مربعی دارند. مثلاً: 16x16 یا 32x32 یا 256x256

بهتر است هیچ لایه‌ای جز لایه‌های مربوط به آرم در پروژه وجود نداشته باشد.

ابعاد پروژه طبیعتاً باید بزرگ‌تر از ابعاد آیکون نهایی باشد. مثلاً اگر آیکون 256 در 256 پیکسلی می‌خواهید، باید عکسی که وارد کنید، بزرگ‌تر از این ابعاد باشد.

به آرم آفتابگردان در فتوشاپ دقت کنید:

http://tutorials.aftab.cc/graphic/icon/icon_workshop1.png

با فرمت PSD فایل را ذخیره کنید و حالا در Icon Workshop باز کنید.

حالا کافی است که روی دکمه Convert که در تصویر زیر مشخص شده کلیک کنید:

http://tutorials.aftab.cc/graphic/icon/icon_workshop2.png

با کلیک روی این دکمه، پنجره‌ای باز می‌شود و از شما می‌خواهد که مشخص کنید که فایل خروجی شما که با پسوند ico. است، شامل آیکون‌هایی با چه ابعادی باشد؟ (دقت کنید که ممکن است یک فایل ico. شامل چندین آیکون با ابعاد مختلف باشد. به طور مثال، دیده‌اید که اگر در ویندوز، نمایش آیکون‌ها را Details کنید، همه نرم افزارها و پوشه‌ها، آیکون 16x16 خود را به شما نمایش می‌دهند، اما اگر نمایش را thumbnails یا نوع دیگری کنید، آبکون‌های بزرگ‌تر خود را به شما نمایش می‌دهند. این نشان می‌دهد که یک آیکون، عکس‌هایی با ابعاد مختلف را در خود حمل می‌کند.

به هر حال، هر کدام را که نیاز دارید، تیک آن را فعال کنید و روی OK کلیک کنید.

توجه: مثلاً اگر آیکون را برای وب‌سایت خود می‌خواهید، باید فقط تیک 16x16 RGBA را بزنید.

یا مثلاً اگر برای یک پروژه مالتی‌مدیا می‌خواهید که با Multimedia Builder ساخته‌اید، آیکون‌های 32x32 16 color و 32x32 256 color را فعال کنید.

مثلاً من برای سایت می‌خواهم، پس:

http://tutorials.aftab.cc/graphic/icon/icon_workshop3.png

در نهایت، روی دکمه Save در کنار دکمه convert کلیک کنید و آیکونتان را ذخیره کنید!

همین!

این هم آیکون کوچکی که من ساختم:

http://aftab.cc/favicon.ico

موفق باشید؛
حمید رضا نیرومند


.



ارسال سؤال یا نظر


1- سام:
بوسیله: , در: Friday, 2012 July 13-کد: 4606
این که همه ی کاراش با فتوشاپ شد
پس میتونیم بافتوشاپ تبدیل به آیکونش کنیم
این نرم افزاره دیگه به چه درد میخوره؟


2- پرهام:
بوسیله: , در: Friday, 2015 October 30-کد: 13946
سلام
من در سایت شما مطالبی فوق العاده مفید و زیبایی در مورد تجربه خرید محصولات اپل دیدم
خواستم بدونم شما راضی هستید من از مطالبتون در برنامه تحت اندروید خودم با ذکر نام سایت شما استفاده کنم ؟

لطفا به ایمیل بنده اطلاع دهید
منتظر ام
parham_p78@yahoo.com


Tutorials ©