آموزش ساخت تصاویر فوق گرافیکی در طراحی سایت

( یکشنبه ، 22 مهر سال 1403 )

حق کپی ویدئو

مجاز نمی باشد.

شما اینجا هستید :

جلسه پنجاه

آموزگار :

مهدی جبین پور

در این قسمت با انتخاب، ویرایش و استفاده از تصاویر در سایت آشنا می شوید.استفاده از تصاویر در سایت یکی از مهم ترین مسائل است که در جذب کاربران و افزایش بازدید سایت تأثیر بالایی دارد. بنابراین انتخاب و به کارگیری تصاویر جذاب و با کیفیت بالا دارای اهمیت است. ( ادامه مطلب … )

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

آنچه توانسته ایم لطف خدا بوده است ، ابزار وردپرس بعنوان یکی از مراجع بزرگ طراحی وب و وردپرس در حال فعالیت می باشد 🙂

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

آنچه توانسته ایم لطف خدا بوده است ، ابزار وردپرس بعنوان یکی از مراجع بزرگ طراحی وب و وردپرس در حال فعالیت می باشد 🙂

اورجینال

کیفیت

پشتیبانی

آپدیت

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

آموزش ساخت تصاویر فوق گرافیکی در طراحی سایت

( یکشنبه ، 22 مهر سال 1403 )

در این آموزش  دو نرم ­افزار مشهور در دنیای طراحی سایت و دو مورد از معروف ­ترین سایت­ ها برای دانلود تصویر و آیکون را معرفی می­  کنیم.

نرم افزارهای Photoshop وIllustrator  از کاربردی ­ترین نرم ­افزارهای طراحی هستند . با امکانات حرفه ­ای که دارند برای ویرایش تصاویر مورد استفاده قرار می ­گیرند. توصیه می­ شود از سایت­ های مجاز دانلود،این دو نرم­ افزار را دانلودکنید.  روی سیستم خود نصب کنید.

وب­سایت freepik.com با داشتن  تصاویر و وکتورهای لایه باز گرافیکی و جذابی که دارد در طراحی سایت به شما کمک می کند. ذکر این نکته لازم است که سایت freepik  محدود میباشد. برای استفاده از آن باید از برنامه ­های رفع فیلتر استفاده کنید.

با توجه به این­که همیشه استفاده از تصویر و آیکون برای انسان از جذابیت بالایی برخوردار است، در طراحی سایت نیز به­ کارگیری آیکون بسیار معمول و مهم است. وب­سایت flaticon.com یکی از مشهورترین سایت­ ها برای دانلود و استفاده از آیکون­ های زیبا و کاربردی است که می­ توانید آیکون­ های مورد نیازتان را از آن دانلود کنید. ذکر این نکته لازم است که سایت flaticon  محدود بوده و برای استفاده از آن باید از برنامه­ های رفع فیلتر استفاده کنید.

روش دانلود و ویرایش تصویر

در مرورگر خود کلمه freepik  را جستجو کرده و بر روی لینک freepik.com کلیک کنید. همان­ طور که گفتیم این سایت محدود بوده و برای استفاده می­بایست از نرم افزارهای رفع فیلتر استفاده کنید. این سایت دارای تصاویر بسیار زیادی است . استفاده از بیشتر آن­ ها رایگان است . فقط تصاویری که دارای آیکون تاج هستند، غیر رایگان می باشند.

برای دانلود تصویر، آن را انتخاب کرده و سپس دکمه” Free Download “را کلیک کنید.

پس از دانلود تصویر، یک فایل فشرده با فرمت .zip در اختیار شما قرار می­گیرد. روی آن کلیک کنید. این فایل خود حاوی چند فایل است.  در آن فایل­ های متنی و با فرمت .jpg کاربرد ندارند.  فایل­ هایی با فرمت .eps و .ai مورد استفاده قرار می­گیرند.

با کلیک بر روی هر کدام از این دو فایل گفته شده، تصویر در نرم ­افزار llustrator باز می­شود. توجه داشته باشید که این نرم­ افزار بر روی سیستم نصب باشد. پس از باز شدن تصویر در نرم­ افزار، بهتر است آن را کمی بزرگ کرده تا راحت­تر بتوانید جزییات آن را ویرایش کنید.

نرم افزار Illustrator دارای دو انتخاب­ گر است . با استفاده از آن­ ها می­ توانید اجزاء تصویر را انتخاب کنید.

انتخاب گر 

  1. انتخاب ­گر اول: (Selection Tool): اجزاء و عناصر تصویر را به صورت کلی و گروهی انتخاب می­کند.
  2. انتخاب گر دوم: (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” همه آیکو­ن­ ها در مورد موضوع جستجو شده را، به صورت یک­ جا مشاهده می­ کنید.

برای نوشتن دیدگاه باید وارد بشوید.

36 دیدگاه. Leave new

فهرست