در این آموزش دو نرم افزار مشهور در دنیای طراحی سایت و دو مورد از معروف ترین سایت ها برای دانلود تصویر و آیکون را معرفی می کنیم.
نرم افزارهای Photoshop وIllustrator از کاربردی ترین نرم افزارهای طراحی هستند . با امکانات حرفه ای که دارند برای ویرایش تصاویر مورد استفاده قرار می گیرند. توصیه می شود از سایت های مجاز دانلود،این دو نرم افزار را دانلودکنید. روی سیستم خود نصب کنید.
وبسایت freepik.com با داشتن تصاویر و وکتورهای لایه باز گرافیکی و جذابی که دارد در طراحی سایت به شما کمک می کند. ذکر این نکته لازم است که سایت freepik محدود میباشد. برای استفاده از آن باید از برنامه های رفع فیلتر استفاده کنید.
با توجه به اینکه همیشه استفاده از تصویر و آیکون برای انسان از جذابیت بالایی برخوردار است، در طراحی سایت نیز به کارگیری آیکون بسیار معمول و مهم است. وبسایت flaticon.com یکی از مشهورترین سایت ها برای دانلود و استفاده از آیکون های زیبا و کاربردی است که می توانید آیکون های مورد نیازتان را از آن دانلود کنید. ذکر این نکته لازم است که سایت flaticon محدود بوده و برای استفاده از آن باید از برنامه های رفع فیلتر استفاده کنید.
آنچه میخوانید:
روش دانلود و ویرایش تصویر
در مرورگر خود کلمه freepik را جستجو کرده و بر روی لینک freepik.com کلیک کنید. همان طور که گفتیم این سایت محدود بوده و برای استفاده میبایست از نرم افزارهای رفع فیلتر استفاده کنید. این سایت دارای تصاویر بسیار زیادی است . استفاده از بیشتر آن ها رایگان است . فقط تصاویری که دارای آیکون تاج هستند، غیر رایگان می باشند.
برای دانلود تصویر، آن را انتخاب کرده و سپس دکمه” Free Download “را کلیک کنید.
پس از دانلود تصویر، یک فایل فشرده با فرمت .zip در اختیار شما قرار میگیرد. روی آن کلیک کنید. این فایل خود حاوی چند فایل است. در آن فایل های متنی و با فرمت .jpg کاربرد ندارند. فایل هایی با فرمت .eps و .ai مورد استفاده قرار میگیرند.
با کلیک بر روی هر کدام از این دو فایل گفته شده، تصویر در نرم افزار llustrator باز میشود. توجه داشته باشید که این نرم افزار بر روی سیستم نصب باشد. پس از باز شدن تصویر در نرم افزار، بهتر است آن را کمی بزرگ کرده تا راحتتر بتوانید جزییات آن را ویرایش کنید.
نرم افزار Illustrator دارای دو انتخاب گر است . با استفاده از آن ها می توانید اجزاء تصویر را انتخاب کنید.
انتخاب گر
- انتخاب گر اول: (Selection Tool): اجزاء و عناصر تصویر را به صورت کلی و گروهی انتخاب میکند.
- انتخاب گر دوم: (Direct Selection Tool) هر کدام از عناصر تصویر که بر روی آن کلیک شود انتخاب خواهد شد.
به طور مثال فرض کنید، میخواهید از پس زمینه تصویری که از سایت freepik دانلود کردید، در سایت خود استفاده کنید. با استفاده از انتخابگر کلی، همه عناصر تصویر را به بیرون از محیط عکس منتقل کنید. از منو سمت راست layers، گزینه BACKGROUND را انتخاب کرده و با کلیک روی آیکون قفل، پس زمینه را از حالت قفل خارج کنید.
به طور مثال فرض کنید، می خواهید از پس زمینه تصویری که از سایت freepik دانلود کردید، در سایت خود استفاده کنید. با استفاده از انتخابگر کلی، همه عناصر تصویر را به بیرون از محیط عکس منتقل کنید. از منو سمت راست layers، گزینه BACKGROUND را انتخاب کرده و با کلیک روی آیکون قفل، پس زمینه را از حالت قفل خارج کنید.
برای ذخیره تصویر، با کلیک راست روی تصویر و انتخاب گزینه”Selection Export “، و نام گذاری، به صورت فایل با فورمت .png در محیط کامپیوتر آن را اکسپورت کنید.
همچنین برای ویرایش تصویر در نرم افزار Photoshop، از گزینه” File < New” ابعاد دلخواهی برای تصویر انتخاب کرده و یک سند جدید ایجاد کنید.
حال تصویر پس زمینه را با درگ و دراپ (Drag&Drop)از نرمافزار Illustartor به نرم افزار Photoshop منتقل کنید.
با همین روش لایه های دیگر تصاویر را نیز به نرم افزار Photoshp منتقل کنید. تنظیماتی مثل تغییر متن، تغییر رنگ و… را بر روی تصویر اعمال کنید. توجه کنید برای حذف پس زمینه سفید تصاویر، از منو سمت راست، گزینه Background را حذف کنید تا پس زمینه عکس حالت شفاف داشته باشد.
تصویر را با فورمت .png ذخیره کنید. در طراحی سایت مورد استفاده قرار دهید.
روش دانلود آیکون
برای دانلود آیکون از سایت flaticon.com، موضوع موردنظر را جستجو کنید. از بین آیکون هایی که در نتیجه جستجو نمایش داده می شوند.شما می توانید آیکون موردنظر را دانلود کنید. در جعبه جستجو با انتخاب گزینه “Packs” نتیجه جستجو برای آیکون ها به صورت پکیج و با یک استایل مشابه هم نمایش داده می شوند. در صورت انتخاب گزینه “Icons” همه آیکون ها در مورد موضوع جستجو شده را، به صورت یک جا مشاهده می کنید.
