سلام ، آیا این بازدید اول شماست ؟ یا
تبلیغات در این انجمن
×
+
سفارش تبلیغات
نمایش نتایج: از شماره 1 تا 2 از مجموع 2

موضوع: آموزش فشرده سازی تصاویر و آموزش Highlight عکس های آموزشی

  1. #1
    عضو متخصص
    تاریخ عضویت
    May 2012
    ارسال ها
    1,760
    سیستم عامل
    Windows 7 64Bit
    محصول امنیتی
    ESET NOD32
    تشکر تشکر کرده 
    9,558
    تشکر تشکر شده 
    11,810
    اعتبار کاربر
    1

    پیش فرض آموزش فشرده سازی تصاویر و آموزش Highlight عکس های آموزشی

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

    با سلام خدمت بازدیدکنندگان محترم.

    قرار دادن تصاویر بر روی صفحات وب و انجمن ابتدا به ساکن کمک شایانی به زیبایی ظاهری مطلب کرده و سپس برای رساندن مفهوم، نویسنده را یاری می کند. اما باید به مسایل دیگری نیز دقت داشت. بعنوان مثال باید سرعت اینترنت مراجعه کنندگان را نیز در نظر داشت. همچنین اگر مراجعه کننده از سرعت اینترنت مناسبی برخوردار باشد باز هم باید سرعت بارگذاری کامل صفحه را تا حد امکان کاهش داد تا مخاطب تجربه بهتری از سایت، وبلاگ یا تاپیک شما در انجمن داشته باشد.
    در این تاپیک دو آموزش موجود است. یکی آموزش فشرده سازی تصاویر، مناسب برای قرار گیری بر روی صفحات وب و دیگری آموزش آماده سازی و هایلایت عکس ها، مناسب برای تولید محتوی آموزشی.
    برای بهره گیری از این آموزش احتیاج به نرم افزار فتوشاپ نسخه ی CS6 به بالا می باشد (بخاطر اکشن های highlightها). اگر فتوشاپ را بصورت نصب شده بر روی سیستم خود دارید که هیچ اما اگر ندارید و تصمیم دارید که آن را دانلود نمایید دانلود نسخه ی پرتابل کفایت می کند. اینجانب به شخصه از نسخه ی پرتابل فتوشاپ استفاده می کنم. نسخه های پرتابل حرفه ای معمولاً فاقد امکاناتی مانند امکانات ،Adobe Camera RAW ،Adobe Bridge ،Adobe Device Central و امکاناتی مشابه می باشند و دلیل این امر هم کاهش حجم نسخه ی پرتابل است. زیرا امکانات یاد شده برای همه ی کاربران فتوشاپ کاربرد ندارند.


    1 - آموزش فشرده سازی تصاویر، مناسب برای قرار گیری بر روی صفحات وب



    در اینجا راجب دو فرمت PNG و JPEG صحبت می کنیم که توسط همه ی مرورگرها پشتیبانی می شوند. فرمت PNG گزینه ی بسیار مناسب تری برای عکس هایی که از محیط نرم افزار ها و محیط سیستم عامل می گیریم می باشد که از Transparency نیز پشتیبانی می کند و فرمت JPEG گزینه ی مناسب تری برای عکس هایی از یک فیلم و پوستر ها ی فیلم ها و عکس هایی از این دست یعنی از محیط واقعی می باشد که از Transparency پشتیبانی نمی کند. فرمت GIF هم تقریبا مانند PNG-8 می باشد با این تفاوت که این فرمت از انیمیشن پشتیبانی می کند.

    نمونه ای از عکس مناسب برای فرمت jpeg:


    نمونه ای از عکس مناسب برای فرمت png:



    بسیار خب.

    ابتدا سوژه ی مورد نظر خودتان را در موقعیت مناسب قرار دهید. سپس از روی کیبرد دکمه ی (PrtScr (Print Screen را بزنید. بهتر است قبل از زدن دکمه مورد نظر، نرم افزار فتوشاپ باز و در حالت Minimize قرار داشته باشد. حال فتوشاپ را Maximize کرده و از منوی File گزینه ی New را انتخاب بفرمایید. پس از باز شدن کادر New تصویر زیر را مشاهده می کنید که در آن قسمت های Width و Height به ابعاد دسکتاپ شما تغییر یافته است. حال کافیست قسمت های مشخص شده را مانند تصویر تنظیم نمایید و برروی OK کلیک بفرمایید تا پروژه ی جدید باز بشود.



    پس از باز شدن پروژه، از منوی Edit گزینه ی Paste را انتخاب نمایید و یا از روی کیبرد کلیدهای ترکیبی CRTL + V را بزنید تا تصویر شما داخل پروژه Paste بشود. حال اولین کاری که باید انجام بدهید عملیات Crop (برش کادر) است. اگر تصمیم دارید یک پنجره از یک نرم افزار را به نمایش درآورید، لازم نیست تمام صفحه و یا حتی تمام قسمت های نرم افزار در کادر شما موجود باشد. بسیار بهتر است که همان پنجره بدون گذاشتن فضای اضافی در اطرافش Crop بشود. مگر اینکه اطلاعات اطرافش مهم باشد. هنگامی که کادر Crop را تنظیم نمودید برای تایید عملیات Crop می توانید از دکمه ی تعبیه شده در بالای فتوشاپ استفاده نمایید و یا برای سرعت بیشتر از روی کیبرد دکمه ی Enter را بزنید. برای لغو عملیات هم می توانید از دکمه ی تعبیه شده و یا از دکمه ی Escape استفاده نمایید. اگر قسمتی از پنجره ی مورد نظر را بیش از اندازه Crop نمودید کافیست از کلید های ترکیبی CRTL + ALT + Z برای بازگشت به عقب و از کلید های ترکیبی CRTL + SHIFT + Z برای برگشت به جلو استفاده نمایید. این کلید ها همانند Undo و Redo اما از روی پنل History در فتوشاپ می باشند. برای انجام عملیات (Zoom (in-Out هنگام Crop و غیره ، کافیست دکمه ی ALT را پایین نگاه داشته و Mouse Wheel یا همان کلید وسط ماوس را بچرخانید. برای جابجا شدن و رفتن به گوشه های کادر Crop و غیره ، کافیست دکمه ی Space را پایین نگاه داشته و با کلیک چپ ماوس و Drag کردن به نقطه ی مورد نظر خود بروید. همچنین می توانید از Sliderهای استاندارد نیز استفاده نمایید.



    پس از انجام عملیات Crop تصویری همانند تصویر زیر مشاهده خواهید کرد.



    حال دیگر تصویر آماده است و تنها می بایست Highligh ها و Watermark مورد نظر خود را به آن اضافه نمایید. این قسمت در پست بعدی توضیح داده می شود. بعد از افزودن highlightها نوبت به ذخیره می رسد.

    --
    برای ذخیره فرمت PNG (بصورت 8بیت در هر پیکسل و بصورت indexed color) کافیست تا تنظیمات سمت راست بالا را مانند تصویر انجام بدهید. مهم ترین قسمت همان قسمت Colors می باشد که درواقع تعداد رنگ های موجود در عکس خروجی را تعیین می کند و در بیشتر تصاویر نمی توان آنرا پایین تر از 128 رنگ بدلیل افت کیفیت بیش از حد آورد. اما اگر امکانش بود بهتراست که برده بشود. در پایین سمت چپ هم می توانید سایز عکس خروجی را مشاهده نمایید و با توجه به پنجره ی Preview، یک تعادل خوب میان کیفیت و حجم برقرار نمایید. در این گونه تصاویر "مهم" واضح بودن نوشته ها، Highlight ها و خطوط می باشد و کیفیت قاب پنجره (Titlebar) آنچنان اهمیتی نخواهد داشت.



    برای ذخیره ی فرمت JPEG کافیست تنظیمات را مانند عکس زیر تنظیم نمایید. مهم ترین قسمت، Quality می باشد (که در اصل همان quantizer هست و تعیین کننده میزان حذف جزئیات هست) و می توانید آن را با توجه به محاسبه گر حجم فایل خروجی و پنجره ی Preview تعیین بفرمایید. البته بوجود آمدن "مقدار کمی"Artifact" در عکس خروجی قابل چشم پوشی است و حجم پایین تر نسبت به آن اولویت دارد.



    در ادامه به طریقه highlight کردن و اضافه کردن لوگو می پردازیم.موفق باشید .
    ======================
    ویرایش: با استفاده از نرم افزار قدرتمند zScreen دیگر نیازی به صرف وقت برای prtscr و برش (Crop) قاب پنجره ها ندارید. حتی سایه ی پنجره ها را هم تحویل شما می دهد.
    ویرایش توسط S!RUS : 19-10-2016 در ساعت 21:50 دلیل: بروزرسانی شد + آپلود مجدد تصاویر و بازسازی
    :)

  2. کاربران : 15 تشکر کرده اند از شما M-AUDIO برای ارسال این پست سودمند:


  3. #2
    عضو متخصص
    تاریخ عضویت
    May 2012
    ارسال ها
    1,760
    سیستم عامل
    Windows 7 64Bit
    محصول امنیتی
    ESET NOD32
    تشکر تشکر کرده 
    9,558
    تشکر تشکر شده 
    11,810
    اعتبار کاربر
    1

    Post آموزش استفاده از ابزار Shape برای Highlight هر چه زیباتر بهمراه اکشن ها و لوگوی جدید

    با سلام مجدد خدمت حضار محترم
    و

    2 - آموزش آماده سازی و هایلایت عکس ها، مناسب برای تولید محتوای آموزشی




    در این پست آموزش بالارو بصورت فیلم آماده نموده ام.

    مشخصات فیلم:
    فرمت: High 10@L4.0
    ابعاد: HD720
    مدت زمان: 6 دقیقه و 49ثانیه
    حجم: 5.12 مگابایت
    کیفیت: خودتان می دانید;)
    با پلیرهای بروز تماشا کنید.


    فایل های مربوطه از جمله لوگو ها، شماره ها، هایلایت ها و شیپ ها داخل فایل دانلودی قرار دارند.
    تمامی آنها ساخت اینجانب هستند و استفاده از آنها برای همگی و در همه آموزش های رایگان آزاد هست.


    عنوان: دانلود فیلم آموزش با تمامی فایل های موردنیاز با حجم 6.17 مگابایت



    موفق باشید;)
    ویرایش توسط ghamari76 : 27-09-2016 در ساعت 18:37 دلیل: اپلود مجدد فایل پیوست
    :)

  4. کاربران : 15 تشکر کرده اند از شما M-AUDIO برای ارسال این پست سودمند:


اطلاعات تاپیک

Users Browsing this Thread

در حال حاضر 1 در حال مشاهده این موضوع می باشد.. (0 کاربر و 1 مهمان در این انجمن حضور دارند)

برچسب برای این موضوع

بوک مارک ها

بوک مارک ها

مجوزهای ارسال و ویرایش

  • شما نمی توانید موضوع جدید ارسال کنید
  • شما نمی توانید به پست ها پاسخ دهید
  • شما نمی توانید فایل پیوست ضمیمه کنید
  • شما نمی توانید پست های خود را ویرایش کنید
  •