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

[shirin moradi 11]

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

التماس دعا

:1::25:

[apdsoft 10]

سلام

ممنون از شماsmile22

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

[mp_mp353 12]

خیلی ممنون دوست عزیز ما منتظریم :thanks:

[Mohammad Yousefi 14]

ما همچنان منتظر اساتید قبلی هم هستیم و شما هم جزء آنها:bala::65d6a5d6s::13:

[shirin moradi 11]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:1::25:

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

[shirin moradi 11]

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

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

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

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

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

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

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

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

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

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

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

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

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

[apdsoft 10]

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

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

[hatta 10]

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