shirin moradi

آموزش گرافیک از خیلی ساده ولی کاربردی(هدیه ماه رمضان)

8 پست در این موضوع

از اول ماه مبارک رمضان در این تاپیک مباحث آموزشی گرافیک وب سایت از مبتدی تا کمی حرفه*ای فقط برای وب سایت قرار خواهد گرفت

التماس دعا

:1::25:

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش html و css آموزش لاراول آموزش cPanel آموزش php آموزش سئو وردپرس آموزش امنیت وردپرس آموزش وردپرس آموزش فرم ساز RSform آموزش سئو جوملا آموزش فروشگاه ساز Hikashop آموزش فروشگاه ساز ویرچومارت آموزش طراحی سایت آگهی تبلیغاتی آموزش امنیت جوملا آموزش طراحی سایت فروش فایل آموزش طراحی قالب ریسپانسیو با Helix آموزش جوملا 3 آموزش ساخت ربات دکمه ی شیشه ای آموزش ساخت ربات همکاری در فروش آموزش ساخت ربات جذب ممبر آموزش ساخت ربات ضد اسپم آموزش ساخت ربات پیوست فایل سورس ربات مدیر گروه | ربات مدیر گروه همسریابی

سلام

ممنون از شماsmile22

بی صبرانه منتظر شروع اموزشها هستم:65d6a5d6s:

Share this post


Link to post
Share on other sites

ارسال شده در (ویرایش شده)

بسم الله الرحمن الرحیم

به دست آوردن سایز دقیق قسمتی از قالب برای طراحی

حتما برای شما هم پیش اومده که پکیج قالبی رو نصب کردید و از عکس*های اون خوشتون نیومده یا باید به هر دلیل عوضشون کنید

علاوه بر عکس*ها ممکنه بخواهید ماژولی تعبیه کنید که بزرگتر از ماژول فعلی باشه مثل عکس زیر 40325775721122214247.jpg

برای مثال میخواهید ماژول وسطی مثل عکس از دو تا ماژول کناری بزرگتر باشه. برای به دست آوردن اندازه*ی عکسی که باید برای این ماژول به کار بره کارهای زیر رو انجام بدید

در ویندوز سون به طور پیشفرض یه برنامه ای نصبه به اسم snipping tools 97735775440869452399.jpg

با این برنامه میتونید هر قسمتی از صفحه رو که خواستید انتخاب کنید و بکشید. با رها کردن ماوس عکسی به شما داده میشود. این عکس رو ذخیره کنید.

در میندوز xp یا باقی ویندوزها میدونید که با دکمه ی prt scrn روی کیبورد میتونید از صفحه مانیتور عکس بگیرید. البته نرم افزار های دیگه ای هم هست

اما وقتی این دو تا راحت در اختیار هست احتیاجی به نصب نرم افزار اضافی نیست

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

برای اینکار نرم افزار ساده ی paint :didi:که روی هر سیستمی نصبه رو باز کنید

Ctrl+V رو فشار بدید و عکس رو منتقل کنید. حالا صفحه paint رو به لبه پایین و راست صفحه بکشید مثل این شکل 69380830650427787202.jpg

از این قسمت میتونید سایز عکس رو کنترل کنید

حالا عکس رو به فتوشاپ ببرید و روش طراحی کنید یا سایز اون قسمت از قالب رو در بیارید. از منوی image....image size رو انتخاب کنید و سایز عکس رو ببینید

شاید این آموزش به نظر شما که حرفه ای هستی خیلی ساده به نظر برسه ولی من کسانی رو میشناسم که به این آموزش احتیاج داشتن

:1::25:

ویرایش شده در توسط shirin moradi

Share this post


Link to post
Share on other sites

کم کردن حجم عکس*ها با نرم افزار firework

نکته مهم دیگری که هم در طراحی وب سایت و هم در گرافیک وجود دارد. حجم بالای عکس*هاست. اگر شما بتونید یه سایتی رو کپی کنید و بتونید از هر عکس اون سایت فقط 2 کیلو بایت کم کنید مطمئن باشید که سایت شما برنده میشه.

حجم عکس*ها در سرعت لود سایت تاثیر زیادی داره به خصوص اینکه سایت یه سایتی باشه که عکس*های زیادی هم داشته باشه

در این قسمت نحوه*ی کم کردن حجم یک عکس رو میگم خدمتتون

یکی از بزرگترین اشتباهی که گرافیست*های آماتور انجام میدن اینه که در صفحه سیو عکس در فتوشاپ حجم عکس رو کم میکنن. به عکس دقت کنید 90236672025201437353.jpg

به اون حجم عکس نگاه میکنن که نوشته 35 کیلو بایت و حجم رو کم میکنن. در حالی که این بزرگترین اشتباهه. چون کیفیت عکس پایین میاد نه حجمش

پس کیفیت عکس رو به آخرین مرحل*اش یعنی Maximumm برسونید

حالا برای کم کردن حجم عکس، نرم افزار fire work از شرکت ADOBE را باز کنید و عکس رو ببرید داخلش . از منوی file....image preview رو انتخاب کنید

میتونید از دکمه*های همزمان ctrl+shift+X هم استفاده کنید

در پنجره باز شده مثل لینک عکس یه قسمت داره فرمت و یه قسمت داره quality

اکنون با کم و زیاد کردن quality عکس خودتان ببینید که چه اتفاقی میفته . دقیقا روبه روی اون سایز عکس رو مینویسه . تا زمانی این کارو ادامه بدید و quality رو کم کنید که پیکسل های عکس مشخص نشه. خودتون میتونید قضاوت کنید که در عکس های با حجم بالا چقدر حجم کم میشود و اتفاقی سر پیکسل های عکس نمیاد

از عکس export بگیرید و کار تمام می*شود

لازم به یادآوری میدونم که بعد از استفاده از عکس*ها در سایتتون برای هر عکس alt و متا تگ تعریف کنید. چون این کار نتیجه خوبی روی سئو سایتتون میگذارد :25::yoho:

Share this post


Link to post
Share on other sites

سلام ممنون از شما

امیدوارم این روند ادامه داشته باشه

Share this post


Link to post
Share on other sites

چقدر این جملات آشناست؟!!؟؟البته این چیزی از ارزش کار شما کم نمی کنه..ادامه بدین...

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری