وضوح 72 dpi چگونه این کار را انجام دهیم. نحوه تغییر وضوح تصویر با استفاده از Adobe Photoshop

06/02/16 6.9K

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

1. فتوشاپ را باز کنید، به File> Open بروید و یک تصویر را انتخاب کنید:

1. به Image> Image Size بروید:

1. کادر محاوره ای اندازه تصویر مانند تصویر زیر خواهد بود:

1. برای تغییر تنها رزولوشن، تیک گزینه Resample Image را بردارید:

قبل از این به برنامه می گوییم که نمی خواهیم تعداد پیکسل های تصویر را تغییر دهیم. این زمانی اتفاق می افتد که ما اندازه تصاویر را تغییر می دهیم ( آنها را کم یا زیاد کنید). وقتی رزولوشن را تغییر می‌دهیم، تعداد پیکسل‌های عکس را تغییر نمی‌دهیم، فقط مقدار تعداد پیکسل‌های نمایش داده شده در هر اینچ تغییر می‌کند:

1. در قسمت Resolution اندازه مورد نظر را وارد کنید:

توجه داشته باشید که وقتی مقداری را در قسمت Resolution وارد می‌کنید، عرض و ارتفاع سند نیز تغییر می‌کند:

1. برای ذخیره تغییرات روی دکمه "OK" کلیک کنید:

حالا تو می دانی، چگونه وضوح تصویر را در فتوشاپ افزایش دهیم.

در این مثال، ما یک تصویر 300 ppi داشتیم. من می خواستم آن را منتشر کنم، بنابراین تصویر باید حداقل 600 پیکسل در هر اینچ باشد. به یاد داشته باشید که ما تعداد پیکسل های تصویر را اضافه یا کاهش نداده ایم.

توجه داشته باشید که عرض و ارتفاع سند نصف شده و وضوح تصویر دو برابر شده است. این به این معنی است که برای استفاده از 600 ppi و حفظ کیفیت بالا، من فقط می توانم این تصویر را در ابعاد 5 در 3.33 اینچ چاپ کنم:

اگر وضوح خود را کاهش دهیم چه اتفاقی می افتد؟

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

همه اینها به چه معناست؟

توجه داشته باشید که اندازه پیکسل هرگز تغییر نمی کند. ما با یک تصویر 3000 در 2000 پیکسل شروع کردیم و در نهایت به ابعاد 3000 در 2000 پیکسل رسیدیم. این مهم است که به خاطر بسپاریم زیرا زمانی که وضوح را تغییر می دهیم، فقط مقداری را تغییر می دهیم که نشان می دهد چند پیکسل در هر اینچ از تصویر نمایش داده می شود، نه اینکه چند پیکسل تصویر را تشکیل می دهند.

تصور کنید که شما و دوستتان در یک مزرعه هستید و هر کدام یک سطل پر از 5000 بذر گیاه دارند. شما باید تمام 5000 بذر خود را در مربع های 1 اینچی مزرعه بکارید. حالا تصور کنید که شما فقط مجاز به کاشت 150 بذر در هر اینچ هستید و دوست شما مجاز به کاشت 300 بذر در هر اینچ. هر دو تعداد بذر یکسانی دارند، اما برای کاشت همه بذرها به دو برابر سطح زمین نیاز دارید.

بیایید بشماریم تا واضح تر شود چگونه وضوح تصویر را در فتوشاپ افزایش دهیم:

تصویر در مثال 3000 در 2000 پیکسل است

600 PPI: 3000 پیکسل / 600 پیکسل در هر اینچ = 5 اینچ.
2000 پیکسل / 600 پیکسل در هر اینچ = 3.33 اینچ.
300 PPI: 3000 پیکسل / 300 پیکسل در هر اینچ = 10 اینچ.
2000 پیکسل / 300 پیکسل در هر اینچ = 6.667 اینچ.
150 PPI: 3000 پیکسل / 150 پیکسل در هر اینچ = 20 اینچ.
2000 پیکسل / 150 پیکسل در هر اینچ = 13.33 اینچ.
72 ppi: 3000 پیکسل / 72 پیکسل در هر اینچ = 41.67 اینچ.
2000 پیکسل / 72 ppi = 27.78 اینچ.

وضوح چه تاثیری بر چاپ دارد؟

در این مثال، تصویر توسط یک چاپگر لیزری بر روی کاغذ استاندارد 8.5 "در 11" چاپ شده است:

72 ppi:سند به قدری بزرگ است که روی یک برگه 8.5 "در 11" قرار نمی گیرد و برش داده شده است. کیفیت چاپ بسیار ضعیف است و در نتیجه یک تصویر بسیار شسته شده است.

150 PPI:اندازه سند هنوز برای کاغذ 8.5 "در 11" بسیار بزرگ است و کیفیت متوسط ​​است اما چندان مناسب نیست.

اندازه، وضوح و فرمت ها ... برای پیکسل ها چه اتفاقی می افتد؟ آیا به خاطر تعداد مگاپیکسل دوربین می خرید؟ آیا برای ارسال عکس در اینترنت مشکل دارید؟ آیا عکس شما با وجود اینکه روی صفحه نمایش عالی به نظر می رسد با کیفیت پایین چاپ می شود؟ به نظر می رسد بین پیکسل ها و بایت ها (اندازه تصویر و اندازه فایل)، کیفیت و کمیت، اندازه و وضوح سردرگمی وجود دارد. در این آموزش، این اطلاعات بسیار مهم را برای هر عکاسی تجزیه و تحلیل خواهیم کرد.

بنابراین بیایید به چند مفهوم اساسی بپردازیم تا زندگی شما را آسان تر کنیم، گردش کار شما را کارآمدتر کنیم، و تصاویر شما را به اندازه مناسب برای استفاده مورد نظرشان تبدیل کنیم.

این یک تصویر 750 × 500 پیکسل با وضوح 72 نقطه در اینچ است، فرمت ذخیره شده JPG فشرده است که 174 کیلوبایت است. بیایید ببینیم همه اینها به چه معناست.

آیا وضوح و اندازه یکسان است؟

یکی از بزرگترین سوء تفاهم ها از مفهوم اجازه ناشی می شود. اگر این مورد شماست، به من اعتماد کنید که تنها نیستید.

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

احتمالاً حداقل زمانی که دوربین خود را خریده اید، در مورد پیکسل ها زیاد شنیده اید. این یکی از واضح ترین و "ضروری" ترین مشخصات موجود در بازار است، بنابراین من با آن شروع می کنم.

پیکسل چیست؟

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

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

تعداد پیکسل ها

اولین نوع وضوح به تعداد پیکسل هایی که عکس شما را تشکیل می دهند اشاره دارد. برای محاسبه این وضوح، شما به سادگی از همان فرمولی استفاده می کنید که برای مساحت هر مستطیل استفاده می کنید. طول را در ارتفاع ضرب کنید به عنوان مثال، اگر عکسی با 4500 پیکسل در سمت افقی و 3000 پیکسل در سمت عمودی داشته باشید، 13500000 پیکسل به شما می دهد. از آنجایی که این عدد بسیار غیر عملی است، می توانید به سادگی آن را بر یک میلیون تقسیم کنید تا آن را به مگاپیکسل تبدیل کنید. بنابراین 13,500,000 / 1,000,000 = 13.5 مگاپیکسل.

تراکم پیکسلی

وضوح دیگر نحوه توزیع تعداد کل پیکسل های موجود است که معمولاً به آن تراکم پیکسل می گویند.

اکنون وضوح با dpi (یا ppi) بیان می شود که مخفف نقطه (یا پیکسل) در هر اینچ است، و اتفاقاً این به سیستم متریک ترجمه نشد. بنابراین، اگر 72 نقطه در اینچ را مشاهده کردید، به این معنی است که تصویر دارای تراکم 72 پیکسل در هر اینچ خواهد بود. اگر 300 نقطه در اینچ می بینید، 300 پیکسل در هر اینچ است و غیره.

اندازه نهایی تصویر شما به وضوح انتخابی شما بستگی دارد. اگر تصویر 4500 در 3000 پیکسل باشد، به این معنی است که اگر رزولوشن را روی 300 dpi تنظیم کنید، در 15 در 10 اینچ چاپ می شود، اما در 72 dpi، 62.5 x 41.6 اینچ خواهد بود. اگرچه اندازه تصویر چاپ شده تغییر می کند، اما اندازه عکس خود (فایل تصویر) را تغییر نمی دهید، فقط سازماندهی پیکسل های موجود را تغییر می دهید.

یک نوار لاستیکی را تصور کنید، می توانید آن را کشیده یا کوچک کنید، اما مقدار نوار را تغییر نمی دهید، آن را اضافه یا برش نمی دهید.

بنابراین، وضوح و اندازه یک چیز نیستند، اما به هم مرتبط هستند.

پس آیا کمیت به معنای کیفیت است؟

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

با این حال، جدا از کمیت، شما باید عمق پیکسل را نیز در نظر بگیرید، این چیزی است که مقدار تونال تصویر شما را تعیین می کند. به عبارت دیگر تعداد رنگ ها در هر پیکسل است. به عنوان مثال، عمق 2 بیتی فقط می تواند سیاه، سفید و دو سایه خاکستری را ذخیره کند، اما مقدار رایج تر 8 بیت است. مقادیر به صورت تصاعدی رشد می کنند، به عنوان مثال با عکاسی 8 بیتی (2 تا 8 = 256)، شما 256 سایه سبز، 256 سایه آبی و 256 سایه قرمز دارید، یعنی حدود 16 میلیون رنگ.

این بیشتر از چیزی است که چشم می تواند بگوید، به این معنی که 16 بیتی یا 32 بیتی به نظر ما نسبتاً یکسان است. البته، این بدان معناست که تصویر شما حتی اگر اندازه یکسان باشد، سنگین‌تر می‌شود، زیرا اطلاعات بیشتری در هر پیکسل وجود دارد. به همین دلیل است که کیفیت و کمیت لزوماً یکسان نیستند.

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

چگونه اندازه تصویر و اندازه فایل را انتخاب و کنترل کنیم؟

اول از همه، شما باید تصمیم بگیرید که حداکثر چگالی مورد نیاز شما چیست. اگر تصویر خود را به صورت آنلاین ارسال می کنید، باید بتوانید با وضوح 72 نقطه در اینچ به خوبی انجام دهید، اما این برای چاپ عکس بسیار کم است. اگر قصد چاپ دارید، به 300 تا 350 نقطه در اینچ نیاز دارید.

البته، ما به طور کلی صحبت می کنیم، زیرا هر مانیتور و هر چاپگر وضوح کمی متفاوت خواهد داشت. به عنوان مثال، اگر می خواهید عکسی تا اندازه 8 × 10 اینچ چاپ کنید، باید تصویر 300 dpi x 8 "= 2400 پیکسل و 300 dpi x 10" = 3000 پیکسل باشد (بنابراین 2400 x 3000 برای یک 8 x 10 چاپ با وضوح 300 نقطه در اینچ). هر چیزی بزرگتر فقط فضای هارد دیسک را اشغال می کند.

نحوه تغییر اندازه درفتوشاپ

منوی Image Size را باز کنید و در پنجره باز شده باید کادر "Resample" را علامت بزنید. اگر "Resample" را فعال نکنید، همانطور که در ابتدای مقاله توضیح دادم، پیکسل ها را دوباره توزیع می کنید.

همچنین اگر می‌خواهید پارامترها مطابق با تغییرات شما تنظیم شوند، می‌توانید کادر «تناسب» را انتخاب کنید. بنابراین، با تغییر ارتفاع، عرض تغییر می کند و بالعکس.

8*10 اینچ در 300ppi، این اندازه مورد نیاز برای چاپ 8 × 10 است. به اندازه پیکسل 3000 توجه کنیدایکس 2400.

750 × 500 پیکسل در 72ppi... این وضوح وب است و اندازه دقیق همه تصاویر در این مقاله است. اندازه در اینچ هنگام انتشار در وب مهم نیست - فقط اندازه پیکسل مهم است.

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

حال، اگر همچنان می‌خواهید اندازه فایل را بدون تغییر اندازه تغییر دهید، می‌توانید هنگام ذخیره تصویر این کار را انجام دهید. قبل از ذخیره عکس، می توانید فرمت مورد نظر را انتخاب کنید:

اگر نمی‌خواهید هیچ اطلاعاتی را از دست بدهید، باید فرمت آن را فشرده نگه دارید. رایج ترین آنها TIFF است.

اگر مشکلی ندارید که اطلاعات کمی را از دست بدهید و فایل سبک‌تری داشته باشید، به JPEG بروید و انتخاب کنید که چقدر کوچک باشد. بدیهی است که هرچه مقداری که تعیین می کنید کمتر باشد، اطلاعات بیشتری را از دست خواهید داد. خوشبختانه، یک دکمه پیش نمایش دارد تا بتوانید تاثیر فشرده سازی خود را ببینید.

JPG کیفیت بالا.

JPG کیفیت پایین. توجه کنید که چگونه پیکسل شده و شکسته می شود؟ اگر کیفیت بسیار پایینی را انتخاب کنید، در معرض خطر تخریب بیش از حد تصویر هستید.

نتیجه

بنابراین کیفیت، کمیت، اندازه و وضوح به این معنی است، و همه آنها به پیکسل ها مربوط می شوند، زیرا اینها واحدهای اساسی هستند که یک تصویر را می سازند. اکنون که می دانید چگونه بهترین انتخاب را برای چاپ، ارسال و ذخیره عکس های خود داشته باشید. تمام این اطلاعات با جزئیات بیشتر در دوره ویدیویی "رازهای پردازش خلاقانه عکس برای یک مبتدی" آورده شده است، برای خواندن توضیحات دوره، روی عکس زیر کلیک کنید.

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

متن را نزدیک به خطوط برش قرار ندهید، آن را روی 300 نقطه در اینچ تنظیم کنید.
در CMYK کار کنید و همه چیز خوب خواهد بود."

در آن روزها من قبلاً تجربه ای در تهیه گرافیک برای وب داشتم، اما هرگز با چاپ کار نکردم. با این وجود، این دو پیشنهاد برای راه اندازی فایل های PDF کار آماده در روز بعد کافی بود. در این مقاله سعی می کنم تجربه عملی خود را برای اجتناب از تئوری غیر ضروری به شما منتقل کنم. من بخشی از این موضوع را در مجموعه ای از مقالات پوشش داده ام، اما چه جهنمی؟ مهم نیست چه چیزی را برای چاپ آماده می کنید، بروشور، جلد یا مجله. اگر از این قوانین ساده پیروی کنید، می توانید به راحتی از پس بسیاری از مشکلات برآیید.

ابعاد در چاپ
یا حجم فایل برای چاپ چقدر است؟

اگر گرافیک را برای چاپ آماده می کنید، نه برای وب، یک قانون ساده را دنبال کنید: با ابعاد واقعی کار کنید. به عنوان مثال، اگر می خواهید یک بروشور 10 در 20 سانتی متری چاپ کنید، یک فایل 10 در 20 سانتی متری ایجاد کنید. اگر می خواهید استیکرهایی با شعاع 3 سانتی متر ایجاد کنید، یک فایل 3 در 3 سانتی متر ایجاد کنید. واقعا ساده است. اگر می خواهید یک سند یا گرافیک متناسب با اندازه A4 ایجاد کنید، یک فایل A4 ایجاد کنید. اندازه استاندارد A4 210mm x 297mm است. هنگام ایجاد کارت ویزیت، باید یک فایل با اندازه فیزیکی کارت ویزیت ایجاد کنید. نه با چشم، نه به طور تقریبی، نه در پیکسل، بلکه دقیقاً با ابعادی که یک کارت ویزیت در زندگی واقعی دارد - 90 میلی متر در 50 میلی متر.

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

وضوح چاپ
یا 300dpi چیست و چگونه می توان وضوح چاپ را ایجاد کرد؟

یک عکس استاندارد چاپ شده دارای اندازه فیزیکی خاص 10 "x 15" است. اما آنها چند پیکسل هستند؟ چند پیکسل در یک اینچ است؟ 10، 20 یا صد و پانصد؟ مسئول این منطقه "رزولوشن" تصویر است. وضوح، همچنین به عنوان وضوح شناخته می شود، در dpi یا ppi اندازه گیری می شود. مخفف نقطه در هر اینچ DPI یا پیکسل در هر اینچ PPI است. اغلب، یک نقطه رنگ برابر با یک پیکسل است، اما این در مورد آن نیست. هر چه تعداد پیکسل ها در یک اینچ بیشتر باشد، اطلاعات گرافیکی و جزئیات بیشتری در آن وجود دارد. اگر وضوح یک عکس استاندارد فقط 1 نقطه در اینچ باشد، 1 پیکسل برابر با یک اینچ خواهد بود و عکس تنها از 10 در 15 پیکسل در عرض و ارتفاع تشکیل شده است.

فقط اعداد جادویی را حفظ کنید و همه چیز درست خواهد شد.

چاپ افست با کیفیت بالا به 300 dpi نیاز دارد... یعنی باید دقیقاً 300 پیکسل در یک اینچ از تصویر وجود داشته باشد. اگر بخواهیم یک بروشور دلخواه، مثلاً 10 در 5 اینچ، چاپ کنیم، از نظر پیکسلی، چنین تصویری باید 3000 x 1500 پیکسل باشد.

برای چاپ عکس روی چاپگر دیجیتال، 150-250 dpi انجام می شود.

90-120 نقطه در اینچ برای چاپ بنرهای خیابان کافی است، که منطقی است، نگاه کردن به چنین بنرهایی از فاصله حداقل 10 متری. بنرها به جزئیات مورد نیاز چاپ نیازی ندارند، که ما از طول بازو به آن نگاه می کنیم.

حالت رنگی (CMYK یا RGB)
یا چگونه می توان طرح را به CMYK تبدیل کرد؟

RGB روی صفحه و CMYK حالت کاغذی است. در واقع حالت رنگی CMYK روی صفحه نمایش مانیتور فقط تقلیدی از چیزی است که می توان روی کاغذ به دست آورد که منطقی است. از این گذشته، رنگ روی کاغذ نمی تواند به روشنی خورشید باشد که چشمان شما را کور کند. خورشید نور ساطع می کند و کاغذ (مانند هر ماده دیگری) منعکس می شود. این تفاوت در تولید مثل نور دو مدل رنگی است. بنابراین، به خصوص تصاویر RGB روشن هنگام تبدیل به CMYK محو می شوند. RGB طیف رنگی وسیع تری نسبت به CMYK دارد. با مخلوط کردن، نمی توان رنگ های سبز روشن سمی را بدست آورد، اما در RGB آنها کاملا واقعی هستند. اگر قصد چاپ افست را دارید، با CMYK کار کنید. چاپ افست برای CMYK تیز می شود. تصویر در ابتدا بر روی 4 بوم چاپ شده است که روی هم قرار گرفته اند. استفاده از تصویر سه کاناله RGB برای چاپ در 4 رنگ نتایج فاجعه باری به همراه خواهد داشت. به بیان ملایم، گردش خون خراب می شود، زیرا رنگ ها در خروجی کاملاً متفاوت خواهند بود.

اگر روی چاپگر خانگی چاپ می کنید یا تصویری را برای چاپ دیجیتال آماده می کنید، آن را به صورت RGB بگذارید. چاپ دیجیتال متفاوت عمل می کند. بیشتر چاپگرهای دیجیتال برای تبدیل از RGB در پرواز طراحی شده اند. در عین حال، چاپگرهای دیجیتال دارای مجموعه ای از رنگ های خاص هستند، شبیه به CMYK توسعه یافته. اما شما، به عنوان یک طراح، نیازی به معما ندارید. فقط یاد بگیرید - چاپ دیجیتال RGB، افست CMYK. و همه چیز خوب خواهد بود.

نمایه رنگ ICC
یا پروفیل ها برای آماده سازی برای چاپ چیست؟

نمایه رنگی ICC یک فایل ویژه است که توضیح می دهد چگونه یک دستگاه خاص می تواند رنگ را کنترل کند. بدیهی است که توانایی نمایشگرهای مختلف برای نمایش تصویر متفاوت است. مانیتورهایی با ماتریس خوب رنگ را روشن تر و واضح تر از مانیتورهایی با ماتریس ارزان نشان می دهند. این در مورد توانایی چاپگرها برای چاپ رنگ ها نیز مشابه است. برای چاپگرهای مختلف به طور قابل توجهی متفاوت است. اگر چاپگر نتواند رنگ خاصی را چاپ کند، سعی می کند رنگ مشابه را مطابقت دهد. برای طراح چاپ مهم است که محصول چاپ شده مانند آنچه روی مانیتور است به نظر برسد. به همان شکل و با همان رنگ هایی که مورد تایید مشتری قرار گرفت.

چگونه می توان به این امر دست یافت؟ بدیهی است که هنگام ایجاد یک طرح، باید از همان نمایه رنگی استفاده کنید که تایپوگرافی هنگام چاپ استفاده می کند. برای انجام این کار، باید با یک چاپخانه خاص تماس بگیرید و الزامات طرح‌بندی ارائه شده را بخواهید. اگر واقعا چنین فرصتی ندارید، نمی دانید مشتری طرح را کجا چاپ می کند، اگر چاپخانه در آن سوی زمین است - از رنگ های خالی استاندارد استفاده کنید. اگر چاپ روی قسمت اروپایی انجام می شود، لطفاً چاپ اروپا را قرار دهید. اگر طرح در آمریکا چاپ می شود، از U.S. Sheetfed Coated، اگر در آسیا از ژاپن Color Coated استفاده کنید و به احتمال زیاد خوب خواهد بود. اما بهتر است با چاپخانه تماس بگیرید. شاید چاپخانه از مشخصات فردی خود برای چاپ استفاده می کند. در این صورت آنها به سادگی یک فایل برای شما ارسال می کنند و شما از آن برای شبیه سازی رنگ در محل کار استفاده می کنید.

تصحیح رنگ
یا چگونه می توان عکس روی چاپ را مانند روی مانیتور کرد؟

مهمترین بخش آماده سازی برای چاپ، تصحیح رنگ صحیح است. مهم است که به یاد داشته باشید: هر چه تعداد کانال های رنگ در هر رنگ بیشتر باشد، تیره تر خواهد شد. خالص ترین و درخشان ترین رنگ ها از یک یا دو کانال تشکیل شده اند. C0M100Y100K0 = بالاترین افست ممکن قرمز. C100M0Y100K0 برای قرمزهای تیره تر، از کانال آبی استفاده کنید. در حالت ایده آل، کانال سیاه برای مناطق متضاد یک عکس، سایه ها یا خطوط کلی استفاده می شود. هرچه تعداد کانال های ترکیبی کمتر باشد، تصویر روشن تر است. این باید هنگام ایجاد تبلیغات و تصاویر کارتونی رنگارنگ در نظر گرفته شود. این باید در هنگام اصلاح رنگ صحیح پرتره ها و پوست انسان در نظر گرفته شود.

فتوشاپ ابزارهای زیادی برای کار با کانال ها فراهم می کند. اینها منحنی های شناخته شده هستند. منحنی ها، سطوح سطوحو بالانس کانال... درک این نکته مهم است که آنچه روی مانیتور قابل مشاهده است در فرم چاپ شده 20٪ تیره تر می شود. این باید هنگام درجه بندی رنگ در نظر گرفته شود. چندین راه حل وجود دارد. یا با در نظر گرفتن تیره شدن بعدی، تصویر را با حاشیه روشن کنید یا تیره شدن چاپ شده را شبیه سازی کنید. این را می توان به عنوان مثال در تنظیمات رنگ - کنترل های پیشرفته

خطوط را برش دهید

منطقی است که پس از چاپ بروشور، کارت ویزیت، تقویم و سایر مواد، آنها باید از کاغذ بریده شوند. ما در مورد اسناد استاندارد A4 صحبت نمی کنیم، بلکه در مورد چاپ با اندازه های دلخواه صحبت می کنیم. این کار با یک چاقوی چاپ معمولی انجام می شود. یک بسته کاغذ با چاپ زیر تیغه می گذارند و ژاخ! در چنین شرایطی، خطاها غیرقابل قبول هستند. اگر به درستی برش داده نشود، جلد سی دی در جعبه ها، کارت پستال ها در کتابچه ها و غیره قرار نمی گیرند. علائم دقیقی مورد نیاز است که چاپگر بتواند چاپ را برش دهد. این علائم خطوط برش هستند. چگونه آنها را پایین چیزی دهم. این برای چاپ بی ربط است. به صورت دستی یا خودکار از طریق ذخیره یک فایل PDF یا استفاده از افکت هایی مانند افکت > علامت های برشدر ایلاستریتور

هنگام برش کاغذ، بسته چاپ کمی زیر تراش می رود. یک خطای طبیعی وجود دارد، به این معنی که برای جبران آن به شکاف هایی نیاز است، در غیر این صورت لبه های سفید نازکی از کاغذ خالی در لبه های چاپ ایجاد می شود. هنگام ایجاد یک طرح طراحی، این خطا باید در نظر گرفته شود. عناصر گرافیکی مهم نباید نزدیک به لبه ها قرار گیرند. آنها را می توان به سادگی قطع کرد. قاب های نازک در اطراف خطوط برش مستثنی هستند، آنها می توانند به سادگی هنگام برش بریده شوند. اخیراً از فرصت استفاده کردم و برای خودم چند کارت ویزیت با حاشیه‌های نقطه‌دار نسبتاً ضخیم در اطراف لبه‌ها کشیدم. آن دسته از کارت‌های ویزیت که در هنگام برش در بالا قرار داشتند، به خوبی ظاهر شدند، قسمت پایین کارت‌های ویزیت زیر اریب رفت و قاب خیلی ناهموار بود.

هر چاپخانه ای با کمال میل شرایط فنی خود را برای اندازه شکاف ها در آنجا فراهم می کند، اما اگر فرصت تماس با آنها را ندارید، یک شکاف 4 میلی متری در هر طرف بگذارید. به عنوان مثال، اگر گرافیک های 100mm x 100mm را چاپ می کنید، یک فایل 108mm x 108mm ایجاد کنید یا هنگام ایجاد فایل bleed، 4mm را در فایل bleed قرار دهید و PDF را با خطوط برش که از خونریزی شروع می شود ذخیره کنید. البته اندازه گرافیک شما در هر طرف باید بیش از 100 میلی متر در 4 میلی متر باشد.

چاپ اضافه

همانطور که قبلا متوجه شدید چاپ افست با 4 رنگ چاپ می شود. سرخابی، زرد، آبی و مشکی اختیاری. شرایط زیر در مطبوعات غیر معمول نیست. به عنوان مثال، می خواهیم یک پس زمینه صورتی با متن سیاه روی آن ایجاد کنیم. پرینتر در چنین شرایطی چگونه رفتار می کند؟ 4 رنگ بر روی برگه های مختلف چاپ شده است. سپس این ورق ها به هم متصل می شوند. یعنی یک پس زمینه صورتی روی یک برگ با جوهر سرخابی چاپ می شود. متن سیاه روی برگه دیگر چاپ خواهد شد. هنگام اتصال کانال های مختلف، ممکن است خطاهایی ایجاد شود. متن سیاه به طور مساوی در فضاهای خالی بین جوهر صورتی قرار نمی گیرد و شکاف های سفید ایجاد می شود. این برای فونت های کوچک بسیار مهم است. در این مورد، Overprint به کمک می آید. این تنظیم هیچ جای خالی باقی نمی گذارد، اما در بالای همه کانال های جوهر چاپ می شود. در واقع، فونت سیاه روی رنگ صورتی قرار می گیرد. از یک طرف در اثر قرار گرفتن 2 رنگ روی هم خود رنگ مشکی آبدارتر می شود و از طرف دیگر شکاف ها و نادرستی های لبه های فونت از بین می رود.

Overprint نه تنها برای رنگ سیاه، بلکه برای جلوه های جالب نیز استفاده می شود. در واقع همین اثر توسط Multiply Blend Mode شبیه سازی می شود.

به دام انداختن

تله گذاری راه حل دیگری برای مشکل تطبیق رنگ کانال های مختلف است. بعید است که در چاپ معمولی تله ای بیابید، اما هنگام تهیه گرافیک برای تی شرت ها، شیشه های نوشابه و سایر گزینه های چاپ غیر استاندارد از نزدیک با آن برخورد خواهید کرد. موضوع اینجاست. تله گذاری یک پوشش سبک از یک رنگ روی دیگری است. برای مثال همین مشکل، پس زمینه صورتی و متن سیاه را در نظر بگیرید. در این حالت، یک حرکت سبک در اطراف حروف متن ایجاد می شود که لبه های ناحیه صورتی را تحت الشعاع قرار می دهد. این امر احتمال شکاف بین دو رنگ را به حداقل می رساند.

و من حدس می‌زنم این تنها چیزی است که باید بدانید تا گرافیک خود را برای چاپ آماده کنید. و باز هم خیلی خلاصه:

• با اندازه گیری های واقعی کار کنید اگر در حال تهیه کارت ویزیت هستید، یک سند 90 در 50 میلی متر ایجاد کنید.
• تنظیم 300 نقطه در اینچ، وضوح کمتر فقط برای تبلیغات در فضای باز استفاده می شود
• اگر به صورت افست چاپ می کنید با CMYK کار کنید
• مشخصات رنگ را از چاپخانه بخواهید
• تصویر چاپ شده تیره تر خواهد بود، این را در نظر بگیرید
• عناصر مهم را نزدیک به خطوط برش قرار ندهید و شکاف ایجاد کنید
• چاپ روی متن سیاه

من همه چیز را نمی دانم، بنابراین اگر فکر می کنید در جایی اشتباه می کنم یا باید چیزی را روشن کنید، یا پیشنهاد یا سؤالی برای بهبود این راهنما دارید، لطفاً یک ایمیل به [ایمیل محافظت شده]شما همچنین می توانید در من پیدا کنید توییتر، یا فیس بوک.

DPI و PPI چیست؟

DPI یا (نقطه در هر اینچ) "نقطه در اینچ" معیاری از چگالی فضایی نقاطی است که در اصل در چاپ استفاده می شد. این تعداد قطرات جوهری است که چاپگر شما می تواند در یک اینچ جای دهد. DPI کمتر منجر به تصاویر با جزئیات کمتر می شود.

این مفهوم در مورد صفحه نمایش کامپیوتر به نام PPI (پیکسل در هر اینچ) کاربرد دارد. همان اصل: تعداد پیکسل هایی که صفحه نمایش می تواند در هر اینچ نمایش دهد شمرده می شود. نام DPI نیز در صفحه نمایش استفاده می شود.

رایانه های ویندوزی به طور پیش فرض دارای 96 PPI هستند. مک از 72 استفاده می کند، اگرچه این مقدار از دهه 80 دقیق نبوده است. رایانه های شخصی معمولی و غیر شبکیه (مک نیز) حداقل 72 PPI تا حدود 120 حداکثر دارند. طراحی با PPI بین 72 تا 120 به کار شما تقریباً در همه جا نسبت تصویر یکسانی می دهد.

در اینجا یک مثال کاربردی وجود دارد: یک صفحه نمایش 27 اینچی Mac Cinema دارای 109 PPI است، به این معنی که در هر اینچ صفحه نمایش 109 پیکسل را نمایش می دهد. عرض با قاب 25.7 اینچ (65 سانتی متر) است. عرض صفحه نمایش واقعی تقریباً 23.5 اینچ است، بنابراین 23.5 * 109 ~ 2560، که وضوح صفحه نمایش فیزیکی را 2560x1440 پیکسل می کند. * من می دانم 23.5 * 109 دقیقاً 2560 نیست. در واقع +23.486238532 اینچ است. پیکسل‌های دقیق‌تری در هر سانتی‌متر خواهد بود، اما شما این ایده را دریافت می‌کنید.

بر طراحی شما تاثیر می گذارد

فرض کنید یک مربع آبی 109 * 109 پیکسل روی صفحه مشخص شده در بالا می کشید. این مربع دارای اندازه فیزیکی 1 "* 1" روی صفحه خواهد بود. اما اگر کاربر شما صفحه نمایش 72 PPI داشته باشد، مربع آبی از نظر فیزیکی بزرگتر به نظر می رسد، زیرا برای یک صفحه نمایش 72 PPI حدود یک و نیم اینچ طول می کشد تا مربع آبی 109 پیکسلی شما نمایش داده شود. شبیه سازی اثر را در زیر ببینید.

یاد آوردن: با کنار گذاشتن تفاوت رنگ و وضوح، به خاطر داشته باشید که همه طراحی شما را متفاوت می بینند. شما باید بهترین سازش را هدف قرار دهید و برای بیشترین درصد از کاربران ایجاد کنید. تصور نکنید که کاربر همان صفحه نمایش شما را دارد.

وضوح صفحه نمایش (و وضوح اصلی)

وضوح صفحه نمایش می تواند تأثیر زیادی بر نحوه درک کاربر از طراحی شما داشته باشد. خوشبختانه، از آنجایی که مانیتورهای LCD جایگزین CRT شده‌اند، اکنون کاربران تمایل دارند وضوح صفحه نمایش با اندازه صفحه نمایش خوب به نسبت PPI داشته باشند.

رزولوشن تعداد پیکسل های نمایش داده شده روی صفحه را تعیین می کند (به عنوان مثال: 2560 * 1440 پیکسل برای یک صفحه سینمای 27 اینچی) عرض 2560، ارتفاع 1440. اکنون، البته، وقتی می دانید که PPI مخفف چیست، متوجه می شوید که نمی تواند یک واحد اندازه گیری برای اندازه فیزیکی باشد. شما می توانید یک صفحه نمایش 2560x1440 به اندازه دیوار خود و دیگری به اندازه سر خود داشته باشید.

مانیتورهای LCD مدرن دارای رزولوشن پیش‌فرض و بومی هستند که تعداد دقیق پیکسل‌هایی را که صفحه نمایش می‌تواند نمایش دهد، کنترل می‌کند. مانیتورهای CRT قدیمی کمی متفاوت هستند، اما از آنجایی که می توان آنها را مرده در نظر گرفت، اجازه دهید وارد جزئیات نشویم (و بر درک نسبی من از تلویزیون های قدیمی خوب تأثیر نگذاریم).

صفحه سینمای 27 اینچی ما را در نظر بگیرید که می تواند 109 PPI را با وضوح اصلی 2560 * 1440 پیکسل نمایش دهد. کاهش وضوح باعث می شود که عناصر بزرگتر به نظر برسند. پس از همه، شما فقط 23.5 اینچ افقی برای پر کردن با پیکسل های تقریبا کمتر دارید.

من مجازی گفتم، چون در این صورت اینطور خواهد بود. وضوح صفحه نمایش 2560 * 1440 پیکسل است. اگر رزولوشن کاهش یابد، پیکسل ها همچنان در 109 PPI نمایش داده می شوند. برای پر کردن آن فضا و کل صفحه، سیستم عامل شما همه چیز را گسترش می دهد، GPU/CPU شما تمام پیکسل ها را گرفته و با نسبت جدیدی محاسبه می کند.

اگر می خواهید رزولوشن 1280 * 720 (نیمی از عرض، نصف ارتفاع قبلی) را در 27 اینچ ایجاد کنید، در این صورت GPU شما باید پیکسلی را شبیه سازی کند که دو بار بزرگ شده است تا صفحه پر شود. نتیجه چه خواهد شد؟ بنابراین - تاری. در حالی که تقسیم نسبت تصویر به دلیل مقسوم‌گیرنده ساده بسیار خوب به نظر می‌رسد، اما اگر 1/3 یا 3/4 نسبت تصویر را می‌خواهید، در نهایت با اعشار مواجه می‌شوید و نمی‌توانید یک پیکسل را تقسیم کنید. نمونه زیر را ببینید.

توجه داشته باشید: سمت چپ: رندر کردن یک پنجره OSX با وضوح اصلی (1400 * 900 پیکسل): در سمت راست رندر کردن یک پنجره OSX در وضوح کمتر شبیه سازی شده (1024 * 640 پیکسل شبکیه چشم).

مثال دیگری را در زیر در نظر بگیرید. بیایید یک خط 1 پیکسلی را روی صفحه نمایش با وضوح اصلی در نظر بگیریم. حالا بیایید وضوح را 50٪ کوچکتر کنیم. برای پر کردن صفحه، CPU باید 150٪ تصویر را تولید کند و همه چیز را در 1.5 ضرب کند، 1 * 1.5 = 1.5، اما شما نمی توانید پیکسل ها را نصف کنید. و به صورت زیر خواهد بود: پیکسل های اطراف را با کسری از رنگ پر می کند و تاری ایجاد می کند.

توجه: در سمت چپ یک خط 1 پیکسل در هر رزولوشن پیش فرض، در سمت راست یک خط 1 پیکسل با وضوح 150 درصد کمتر است.

بنابراین، اگر یک مک‌بوک پرو رتینا دارید و می‌خواهید رزولوشن را تغییر دهید، پنجره زیر را نشان می‌دهد و به شما اطلاع می‌دهد (در تصویر زیر) چگونه وضوح تصویر 1280 * 800 پیکسل به نظر می‌رسد. از درک کاربر از وضوح صفحه برای بیان نسبت های صفحه استفاده می کند.

این یک تصور بسیار ذهنی است زیرا از وضوح پیکسل به عنوان واحد اندازه فیزیکی استفاده می کند، اما این حداقل از دیدگاه آنها صادق است.

یاد آوردن: اگر می خواهید همیشه طرح خود (یا هر طرحی) را به صورت پیکسلی بی نقص ببینید، هرگز از وضوحی غیر از وضوح اصلی برای صفحه نمایش خود استفاده نکنید. بله، ممکن است با نسبت کوچک‌تر راحت‌تر باشید، اما وقتی صحبت از پیکسل‌ها به میان می‌آید، می‌خواهید تا حد امکان دقیق باشید. متأسفانه، برخی از افراد زمانی که باید از تنظیمات دسترسی استفاده کنند، از وضوح به عنوان راهی برای دیدن بهتر اتفاقات روی صفحه (به خصوص روی دسکتاپ) استفاده می کنند. این امر همچنان طراحی شما را بد جلوه می دهد، اما از این منظر، کاربران به دنبال بهبود خوانایی هستند، نه درخشش.

4k چیست؟

احتمالاً اخیراً در مورد اصطلاح 4K زیاد شنیده اید (حداقل زمانی که در اوایل سال 2014 در مورد آن نوشتم)، 4k یک موضوع بسیار مرسوم است. برای اینکه بفهمیم چیست، بیایید ابتدا معنی HD را بفهمیم.

مراقب باشید، این یک ساده سازی بیش از حد فاحش است. من فقط در مورد رایج ترین قطعنامه ها صحبت خواهم کرد. دسته بندی های مختلف HD وجود دارد. اصطلاح HD به هر وضوحی که از 1280x720px یا 720p برای خطوط افقی 720p شروع می شود، اعمال می شود. برخی ممکن است به آن SD (تعریف استاندارد) نیز گفته شود.

اصطلاح Full HD برای صفحه نمایش های 1920x1080px به کار می رود. اکثر تلویزیون‌ها و تلفن‌های سطح بالا (Galaxy SIV، HTC One، Sony Xperia Z، Nexus5) از این وضوح استفاده می‌کنند.

4K از 3840x2160 پیکسل شروع می شود. همچنین Quad HD نامیده می شود و می توان آن را UHD از Ultra HD نامید. به زبان ساده، در یک صفحه نمایش 4K، از نظر تعداد پیکسل، می توانید 4 1080p را لانه کنید. رزولوشن 4K دیگر 4096x2160 است. کمی بزرگتر است و برای پروژکتورها و دوربین های حرفه ای استفاده می شود.

اگر صفحه نمایش 4K را به رایانه خود وصل کنم چه اتفاقی می افتد

سیستم‌عامل‌های مدرن 4K را مقیاس نمی‌کنند، به این معنی که اگر یک صفحه نمایش 4K را به Chromebook یا MacBook متصل کنید، از منابعی با بالاترین DPI استفاده می‌کند، در این مورد 200٪ یا @ 2x (دو برابر بیشتر) و آنها را در آنها نشان می‌دهد. نسبت نرمال این باعث می شود همه چیز خوب، اما کوچک به نظر برسد.

مثال فرضی: اگر یک صفحه نمایش 12 "4K" را به یک کامپیوتر با صفحه نمایش 12" با وضوح بالا (2x) متصل کنید، اندازه همه چیز نصف می شود.

یاد آوردن:

• 4k 4 برابر Full HD است.
• اگر سیستم‌عاملی که استفاده می‌کنید 4K اجرا می‌کند اما آن را ارتقا نمی‌دهد، به این معنی است که هنوز هیچ منبع گرافیکی خاصی در 4K وجود ندارد.
• تا به امروز، هیچ گوشی یا تبلتی از 4K استفاده نمی کند.

مانیتور هرتز

در اینجا از PPI و وضوح صفحه فاصله می گیریم. ممکن است دیده باشید که یک مقدار هرتز مانیتور در کنار تنظیمات وضوح صفحه نمایش وجود دارد. این ربطی به PPI ندارد، اما فقط در صورت تعجب، هرتز مانیتور - یا نرخ تازه سازی - واحدی از نرخی است که مانیتور شما یک تصویر یا فریم ثابت در هر ثانیه زمان نمایش می دهد. مانیتوری با فرکانس 60 هرتز می تواند 60 فریم در ثانیه نمایش دهد. مانیتور 120 هرتز - 120 فریم در ثانیه و غیره

در زمینه رابط کاربری، مقدار هرتز (Hz) تعیین می‌کند که انیمیشن شما چقدر صاف و دقیق به نظر می‌رسد. اکثر صفحه نمایش ها با فرکانس 60 هرتز کار می کنند. لطفا توجه داشته باشید که تعداد فریم های رندر شده در ثانیه نیز به قدرت پردازشی و گرافیکی دستگاه بستگی دارد. اتصال صفحه نمایش 120 هرتزی به آتاری 2600 کاملاً بی فایده خواهد بود.

برای درک بهتر، به مثال زیر توجه کنید. تی رکس از نقطه A به نقطه B می رود با همان سرعت و سرعت و پله در صفحه نمایش 60 هرتز و 120 هرتز. یک صفحه نمایش 60 فریم در ثانیه می تواند 9 فریم را در طول انیمیشن نمایش دهد، در حالی که صفحه نمایش 120 فریم در ثانیه به طور منطقی دو برابر بیشتر فریم را در یک بازه زمانی نمایش می دهد. این انیمیشن در صفحه نمایش 120 هرتزی نرم تر به نظر می رسد.

یاد آوردن: برخی افراد ممکن است بگویند که چشم انسان نمی تواند بیش از 60 فریم در ثانیه را ببیند. درست نیست. گوش نده و با خنده هیستریک با خنده کنار برو.

صفحه نمایش شبکیه چیست؟

اپل اصطلاح نمایشگر "رتینا" را برای آیفون 4 معرفی کرد. به آن رتینا (در ترجمه شبکیه چشم) می گویند، زیرا PPI دستگاه به قدری بالا بود که شبکیه چشم انسان احتمالا نمی تواند تک تک پیکسل ها را روی صفحه ببیند.

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

از نظر فنی، آنها دو برابر بیشتر پیکسل در ارتفاع و عرض را در یک اندازه فیزیکی نمایش می دهند.

آیفون 3G / S 3.5 اینچ، 480 * 320 پیکسل و 163PPI بود.
آیفون 4 / S 3.5 اینچ با وضوح 960 * 640 پیکسل و 326ppi بود.

رونق! دقیقا دوبار ضرب کننده ساده بنابراین، عناصر روی صفحه نمایش به جای کوچکتر بودن، از نظر بصری دو برابر واضح تر به نظر می رسند، زیرا دو برابر پیکسل بیشتر و دقیقاً ابعاد فیزیکی یکسانی دارند. یک پیکسل معمولی برابر با 4 پیکسل شبکیه است.

مثال زیر را برای استفاده مستقیم در طرح های پیچیده در نظر بگیرید.

یادداشت تصویر: شبیه سازی کیفیت تصویر متفاوت از دو دستگاه به دستگاه سوم، یعنی همان چیزی که در حال حاضر به آن نگاه می کنید، دشوار است. کیفیت تصویر برای پخش کننده موسیقی روی شبکیه دو برابر بهتر و واضح تر به نظر می رسد، حتی همان فضای فیزیکی را اشغال می کند. اگر می خواهید خودتان آن را آزمایش کنید، من از یکی از برنامه های رایگان خود استفاده کردم، می توانید کد منبع را دانلود کنید..

اصطلاح نمایشگر "رتینا" متعلق به اپل است، بنابراین سایر شرکت ها از "HI-DPI" یا "نمایشگر حداکثر پیکسلی فوق العاده قدرتمند sp33d" (من می خواهم آخرین برند را ثبت کنم) یا هیچ کدام از آن ها استفاده خواهند کرد. تنها کاری که باید انجام دهید این است که مشخصات دستگاه را بخوانید و بفهمید که DPI و اندازه صفحه نمایش چقدر است (چقدر سرگرم کننده است).

یاد آوردن: محصولات اپل راهی عالی برای آشنایی با تبدیل DPI و درک تفاوت‌های بین وضوح، PPI و نسبت اندازه فیزیکی هستند، زیرا فقط باید نگران 1 ضرب‌کننده باشید.

ضریب چیست

وقتی نوبت به تغییر طراحی شما برای همه PPI های ممکن می شود، ضریب نجات ریاضی شما خواهد بود. پس از دانستن ضریب، دیگر لازم نیست نگران مشخصات دقیق دستگاه باشید.

بیایید مثال خود را از iPhone 3G و 4 در نظر بگیریم. شما دو برابر بیشتر پیکسل در یک اندازه فیزیکی دارید. بنابراین ضریب شما 2 است. این بدان معناست که برای سازگار کردن دارایی های گرافیکی خود با وضوح 4G، شما به سادگی باید اندازه دارایی های گرافیکی خود را در 2 ضرب کنید و تمام.

فرض کنید یک دکمه 44 * 44 پیکسل ایجاد کرده اید که هدف لمسی iOS توصیه شده است (بعداً در مورد آن صحبت خواهم کرد). بیایید آن را با نام معمولی دکمه JIM بنامیم.

برای اینکه JIM به خوبی در آیفون 4 انجام شود، باید یک نسخه دو اندازه از آن ایجاد کنید. کاری که در زیر انجام می دهیم.

توجه داشته باشید: سمت چپ - گوشه‌های گرد 2 پیکسل، اندازه قلم 16 پیکسل، گوشه‌های گرد 4 پیکسل سمت راست، اندازه قلم 32 پیکسل.

خیلی ساده. اکنون JIM دارای نسخه Jim.png برای PPI معمولی (آیفون 3) و نسخه است [ایمیل محافظت شده]برای 200٪ PPI (iPhone 4).

اکنون می‌پرسید: «اما صبر کن! من مطمئن هستم که به جز دو عامل دیگر نیز وجود دارد. بله وجود دارد و اینجاست که تبدیل به یک کابوس می شود. خوب، شاید یک کابوس نباشد، اما مطمئنم که شما ترجیح می دهید روز را به اتو کردن جوراب های خود بگذرانید تا اینکه با چند برابر کننده های زیاد مقابله کنید. خوشبختانه، این آنقدرها هم که فکر می کنید ترسناک نیست، بعداً به این موضوع باز خواهیم گشت.

بیایید ابتدا در مورد واحدها صحبت کنیم، زیرا اکنون برای توصیف طرح های چند DPI خود به یک واحد اندازه گیری غیر پیکسلی نیاز دارید. آن وقت است که زمان DP و PT فرا می رسد.

یاد آوردن: برای هر طرحی که روی آن کار می کنید باید ضریب را بدانید. چند برابر کننده این دنیای پر از هرج و مرج در اندازه صفحه نمایش و PPI را در کنار هم نگه می دارد و آن را برای انسان قابل خواندن می کند.

DP، PT و SP چیست؟

DP یا PT واحد اندازه گیری است که برای ایجاد توضیحات برای چیدمان های شما، ایجاد شده برای انواع دستگاه ها و DPI استفاده می شود.
DP یا DiP مخفف Devicedependent Pixel و PT برای Point است. PT استفاده از اپل. DP در اندروید استفاده می شود، اما در اصل آنها یکسان هستند. به طور خلاصه، آنها بدون توجه به ضریب دستگاه، اندازه را تعیین می کنند. هنگام بحث در مورد آنها بسیار کمک می کند. تکالیف بین بازیگران مختلف مانند یک طراح و یک مهندس.

بیایید مثال قبلی خود را از یک دکمه، "JIM" در نظر بگیریم.
عرض جیم برای صفحه نمایش های غیر شبکیه 44 پیکسل و برای صفحه نمایش های شبکیه 88 پیکسل است. بیایید به جزئیات فنی برویم و 20 پیکسل در اطراف جیم اضافه کنیم زیرا او فضای آزاد را دوست دارد. سپس بالشتک برای شبکیه 40 پیکسل خواهد بود. اما واقعاً منطقی نیست که هنگام طراحی روی صفحه نمایش غیر شبکیه، پیکسل های شبکیه را در نظر بگیریم.

ما به صورت زیر عمل می کنیم: نسبت تصویر 100% یک صفحه غیر شبکیه معمولی را به عنوان مبنایی در نظر می گیریم.

در این حالت، JIM دارای اندازه 44 * 44DP یا PT و تورفتگی 20DP یا PT خواهد بود. شما می توانید مال خود را به آنها بدهید. کار در هر PPI، JIM همچنان 44 * 44dp یا pt خواهد بود.

اندروید و IOS این اندازه را با صفحه نمایش تطبیق داده و با ضریب صحیح تبدیل می کنند. به همین دلیل است که فکر می کنم راحت تر است که همیشه با PPI پیش فرض برای صفحه نمایش خود طراحی کنید.

SP جدا از DP و PT استفاده می شود، اما یکسان عمل می کند. SP مخفف پیکسل های مستقل از مقیاس است و برای تعریف اندازه فونت استفاده می شود. SP به تنظیمات فونت کاربران دستگاه های اندرویدی بستگی دارد. برای یک طراح، تعریف SP مانند تعریف DP برای هر چیز دیگری است. آنچه در مقیاس 1x قابل خواندن است را به عنوان پایه در نظر بگیرید (مثلاً 16SP اندازه فونت عالی برای خواندن است).

یاد آوردن: وقتی آن ها را می سازید. مشخصات، همیشه از مقادیر مستقل از وضوح / مقیاس استفاده کنید. همیشه ... هست. هرچه اندازه / وضوح صفحه نمایش متفاوت باشد، اهمیت بیشتری دارد.

راه اندازی PPI

اکنون که می دانید PPI، شبکیه چشم و ضرب کننده چیست، مهم است که بگوییم افراد کمی از من در مورد آن سوال کرده اند و گیج کننده است: "اگر پیکربندی PPI را در ویرایشگر گرافیکی خود تغییر دهم چه اتفاقی می افتد؟"

اگر این سوال را از خود پرسیدید به این معنی است که کمی با ویرایشگرهای گرافیکی آشنا هستید. اکنون بسیار مهم است که بفهمم چه چیزی برای من مدتی طول کشید: همه غیر قابل چاپ بدون توجه به پیکربندی اولیه PPI از ابعاد پیکسل استفاده می کنند.

تنظیمات PPI در برنامه ها میراث چاپ هستند. اگر فقط برای وب طراحی می کنید، PPI تاثیری بر اندازه بیت مپ شما نخواهد داشت. به همین دلیل است که ما به جای مقادیر خاص PPI از ضرایب استفاده می کنیم. بوم و گرافیک شما همیشه توسط نرم افزار با استفاده از ضریب مناسب به پیکسل تبدیل می شود.

مثلا. می‌توانید خودتان آن را در برنامه‌ای امتحان کنید که به شما امکان می‌دهد PPI را سفارشی کنید، مثلاً Photoshop. من یک مربع 80 * 80 پیکسل و یک متن 16pt در فتوشاپ با پیکربندی 72ppi ترسیم کردم. مورد دوم با پیکربندی 144PPI یکسان است.

همانطور که می بینید، متن بسیار بزرگ یا بهتر است بگوییم دو برابر بزرگتر شده است، در حالی که مربع ثابت می ماند. دلیل این امر این است که برنامه (در این مورد فتوشاپ) مقادیر pt را بر اساس مقدار PPI مقیاس می کند (آنطور که باید) و در نتیجه اندازه رندر متن را در دو برابر تنظیم PPI دو برابر می کند. از سوی دیگر، آنچه با پیکسل ها تعریف شد - مربع آبی - دقیقاً به همان اندازه باقی می ماند. یک پیکسل یک پیکسل است و بدون توجه به تنظیمات PPI یک پیکسل باقی خواهد ماند. آنها فقط با PPI صفحه نمایشی که آنها را نشان می دهد با یکدیگر تفاوت دارند.

مهم است که به یاد داشته باشید که هنگام طراحی برای فناوری دیجیتال، PPI تنها بر نحوه درک شما از طراحی و گردش کار و گرافیک های اندازه pt مانند فونت تأثیر می گذارد. اگر فایل های منبع با تنظیمات PPI مختلف را در کار خود قرار دهید، برنامه اندازه هر تصویر ارسال شده بین فایل های مختلف را با نسبت PPI فایل دریافتی تغییر می دهد. این برای شما مشکل ساز خواهد شد.

راه حل؟از PPI (برای طرح های 1x ترجیحاً در محدوده 72-120) استفاده کنید و به آن پایبند باشید. من شخصاً از 72 ppi استفاده می کنم زیرا تنظیمات پیش فرض در فتوشاپ است و اکثر همکاران من نیز همین کار را انجام می دهند.

یاد آوردن:

• تنظیمات PPI بر صادرات برای اینترنت تأثیری ندارد.
• تنظیمات PPI فقط بر گرافیک های تولید شده از اندازه گیری های مستقل PPI مانند PT تأثیر می گذارد
• پیکسل یک واحد اندازه گیری برای هر چیز دیجیتالی است.
• چند برابر کننده ها و آنچه را که در حال توسعه هستید در ذهن داشته باشید، نه PPI.
• از تنظیمات واقعی PPI برای طراحی دیجیتال استفاده کنید که به شما احساسی نسبت به ظاهر آن در دستگاه های مورد نظر می دهد (مثلاً 72-120ppi برای سایت های اینترنتی / دسکتاپ 1 برابر).
• به همان تنظیمات PPI برای همه فایل‌های خود بچسبید.
• شما می توانید در یک پست جالب در StackExchange در این مورد بیشتر بخوانید.

پردازش PPI در iOS

زمان آن رسیده است که به طراحی پلتفرم خاص بپردازیم. بیایید دستگاه های IOS را در اوایل سال 2014 مرور کنیم. از نظر اندازه صفحه نمایش و DPI، با iOS 2 نوع دستگاه تلفن همراه و 2 نوع صفحه نمایش لپ تاپ / دسکتاپ وجود دارد. در دسته موبایل، مطمئنا آیفون و آیپد دارند.

در دسته گوشی ها، شما یک 3GS قدیمی (هنوز توسط iOS6 پشتیبانی می شود) و بالاتر دارید. فقط آیفون 3GS غیر شبکیه. آیفون 5 و بالاتر از صفحه نمایش بالاتر با DPI مشابه iPhone 4 و 4s استفاده می کند. برگه تقلب را در زیر ببینید:

توجه داشته باشید: 1) ضریب 1 برابر، 2) ضریب 2 برابر، 3) ضریب 2 برابر.

در سپتامبر 2014، اپل دو دسته جدید آیفون را معرفی کرد: آیفون 6 و آیفون 6 پلاس. آیفون 6 بزرگتر از آیفون 5 (0.7 اینچ) است، اما با همان PPI. از سوی دیگر، آیفون 6 به دلیل اندازه 5.5 اینچی، یک ضریب کاملاً جدید برای iOS معرفی می کند، @ 3x.

نکته خاصی وجود دارد که باید در مورد نحوه عملکرد آیفون 6 پلاس با نمایشگر خود نسبت به سایر آیفون ها بدانید.

اندازه تصاویر را کاهش می دهد.

به عنوان مثال، هنگامی که شما برای آیفون 6 طراحی می کنید، روی بوم 1334 * 750 پیکسل نمایش داده می شود و گوشی نیز 1334 * 750 پیکسل فیزیکی را ارائه می دهد. در مورد آیفون 6 پلاس، این گوشی دارای وضوح کمتری نسبت به تصویر رندر شده است، بنابراین باید 2208 * 1242 پیکسل را به تصویر بکشید و گوشی به 1920 * 1080 پیکسل کاهش می یابد. تصویر زیر را ببینید:

وضوح فیزیکی 13 درصد کمتر از وضوح ارائه شده است. این باعث ایجاد چند اشکال مانند نیم پیکسل می شود و جزئیات بسیار ظریف را محو می کند. اگرچه رزولوشن آنقدر بالاست که فقط اگر خیلی نزدیک به آن نگاه کنید نامرئی خواهد بود. بنابراین بر روی بوم 2208 * 1242 پیکسل طراحی کنید و مراقب عناصر طراحی بسیار کوچک مانند تقسیم کننده های فوق العاده باشید. برای شبیه سازی آنچه در حال وقوع است به زیر مراجعه کنید:

هنوز راهنمای سیستم عامل کروم منتشر نشده است، اما استفاده از پیکسل (صفحه لمسی) نیز عالی نیست. با این حال، از آنجایی که همه برنامه‌های سیستم عامل کروم مبتنی بر وب هستند، به هر حال پیشنهاد می‌کنم برای صفحه‌های لمسی طراحی کنید. توصیه من این است که راهنمای لمسی اندروید را اعمال کنید.

وب، دستگاه های هیبریدی و آینده

اگر در حال توسعه برای موبایل هستید، برای شما روشن خواهد شد که چه تصمیمی بگیرید. برای نمایشگرهای لمسی انجام دهید. اگر برای رایانه های رومیزی توسعه می دهید، صفحه غیر لمسی را انتخاب کنید. ساده به نظر می رسد، اما یک روند جدید و رو به رشد - دستگاه های هیبریدی - را نادیده می گیرد.

دستگاه هیبریدی دستگاهی است که ظاهراً هم کنترل لمسی و هم کنترل غیرلمسی را ارائه می دهد. Chromebook Pixel، Surface Pro و Lenovo Yoga نمونه‌های خوبی هستند.

در این صورت چه باید کرد؟ خوب، اینجا یک پاسخ ساده وجود ندارد، اما من جلوی خودم را می گیرم و یکی می دهم: کنترل های لمسی را انتخاب کنید. این جایی است که فناوری پیش خواهد رفت.

اگر طراحی شما برای وب یا چیزی مشابه است، به کنترل لمسی فکر کنید.

یاد آوردن:

• تقریباً برای هر کاری که در آینده انجام خواهید داد، به موبایل فکر کنید و لمس کنید.
• از اهداف لمسی توصیه شده برای هر سیستم عامل استفاده کنید. این به بهبود طراحی شما کمک می کند و به شما در دستیابی به سازگاری با سیستم عامل کمک می کند.
• اهداف حسی نشانگر هستند؛ این بدان معنا نیست که شما باید آنها را به معنای واقعی کلمه دنبال کنید. در نهایت، شما تجربه را کنترل می کنید.

نرم افزار گرافیک

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

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

فتوشاپ

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

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

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

از آنجایی که در اصل مبتنی بر بیت مپ است، بر خلاف Illustrator و Sketch که در زیر توضیح داده شده است، وابسته به DPI است.

تصویرگر

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

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

تفاوت آن با فتوشاپ در این است که به دلیل پایه آن بر روی اشکال برداری، مستقل از DPI است. بر خلاف بیت مپ، گرافیک های ساخته شده با اشکال برداری بر اساس فرمول های ریاضی هستند و بدون افت کیفیت، مجدداً به صورت برنامه ای محاسبه می شوند.
درک تفاوت بین تصاویر شطرنجی و برداری کلید ایجاد طرح‌های بصری مقیاس‌پذیر و دارایی‌های گرافیکی است.

اگر می خواهید از Illustrator برای طراحی / رابط وب خود استفاده کنید، توصیه می کنم مطالعه کنید

1

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

من یک تصویر 100 dpi دارم. ما می خواهیم این تصویر روی پوستر چاپ شود. من باید مقدار را از 100 نقطه در اینچ به 300 نقطه در اینچ برسانم.

در فتوشاپ به Image / Image size رفتم. من "Resample Image" را حذف کردم، 100 پیکسل / اینچ را به 300 تغییر دادم، اما اندازه سند کاهش یافت. مسئله این است که من نمی‌خواهم اندازه پوستر را تغییر دهم. آیا "اندازه سند" با اندازه پوستر یکسان است؟ اگر چنین است، چه کاری باید انجام دهم تا اندازه واقعی از 100dpi به 300dpi ارتقا یابد؟ آیا اندازه تصویر با بهترین راه حل 3 برابر افزایش می یابد؟

0

اگر علامت چک باکس «نمونه مجدد» را بردارید، اندازه سند باید ثابت بماند زیرا تنها کاری که انجام می‌دهید تغییر رابطه بین پیکسل‌ها و ابعاد فیزیکی است. اگر 100 پیکسل داشته باشم، می توانم آن را تا 1 اینچ (100 نقطه در اینچ) بکشم یا آن را تا یک سوم اینچ (300 نقطه در اینچ) کوچک کنم. در هر دو مورد، من هنوز فقط 100 پیکسل (همان اندازه سند) دارم، اما پوشش آنها در حال تغییر است. همچنین توجه داشته باشید که "ppi" (پیکسل در هر اینچ) بر "dpi" (نقطه در اینچ) ترجیح داده می شود، زیرا مورد دوم در زمینه چاپخانه های حرفه ای به چیز دیگری اشاره دارد. - جی یلتون 09 ژوئیه 12 2012-07-09 20:21:24

• 1 پاسخ

مرتب سازی:

فعالیت

0

فتوشاپ، با تمام قدرتی که دارد، هنوز یک ویرایشگر بیت مپ در هسته است. تنظیمات DPI فقط یک عامل تبدیل هستند. اگر می خواهید تصویر را بزرگ کنید، باید اندازه بوم را افزایش دهید یا تنظیمات را در هر اینچ کاهش دهید.

مثلا.

تصویر 100x100 @ 100dpi = 1 تصویر "x 1" 100x100 تصویر @ 200dpi = 0.5 "x 0.5"

"افزایش اندازه" تصاویر چاپ شده، لازم است تعداد نقاط در هر اینچ کاهش یابد، به طوری که

تصویر 100x100 @ 5dpi = 20 "x 20"

0

تصویر 3545x7088 @ 100dpi = 36 "x 70" تصویر 3545x7088 @ 300dpi = 11 "x 23" من نمی‌خواهم تصویر بزرگ‌تر یا کوچک‌تری در چاپ نهایی‌ام داشته باشم. آنچه من انتظار دارم این است که یک تصویر 2545x7088 @ 300dpi از 36 "x70" دریافت کنم. آیا برنامه دیگری بهتر از فتوشاپ برای این کار است؟ -