কিভাবে একটি ছবির জন্য একটি স্বচ্ছ ব্যাকগ্রাউন্ড তৈরি করবেন। অ্যাডোব ফটোশপে (সিসি এবং উচ্চতর সংস্করণ) স্বচ্ছতার সাথে কীভাবে একটি পিএনজি তৈরি করবেন? একটি png ফাইল তৈরি করা হচ্ছে

বিনামূল্যে ব্যবহার করে একটি স্বচ্ছ PNG ছবি তৈরি করতে অনলাইন পরিষেবাসাইটটি প্রথমে একটি ছবি প্রস্তুত করতে হবে। PNG বা GIF ফরম্যাটে ছবি ব্যবহার করার পরামর্শ দেওয়া হয়, যেহেতু JPEG ফরম্যাট রঙ পরিবর্তনের সীমানায় ছবিতে সামান্য বিকৃতি ঘটাতে পারে, যা আপনাকে ভবিষ্যতের ওয়াটারমার্কের জন্য উচ্চ-মানের ফাঁকা তৈরি করতে বাধা দেবে।

তারপরে আপনাকে সেই জায়গাটি রঙ করতে হবে যা কিছু রঙ দিয়ে অদৃশ্য হয়ে যাবে, বিশেষত ছবিটির বাকি অংশ থেকে অনুপস্থিত। চিত্রের দৃশ্যমান এবং অদৃশ্য অংশগুলিকে স্পষ্টভাবে আলাদা করার জন্য এটি প্রয়োজনীয়। যদি এটি করা না হয়, তাহলে দেখা যাচ্ছে যে ছবিটির সেই অংশটি যার জন্য এটি কাম্য নয় তা অদৃশ্য হয়ে যাবে। নীচে প্রক্রিয়াকরণের জন্য প্রস্তুত একটি চিত্রের একটি উদাহরণ। ছবিটিতে যে অংশটি স্বচ্ছ করা হবে সেটি লাল রঙে হাইলাইট করা হয়েছে।

তারপরে আপনার সাইটের প্রধান মেনুতে "পরিষেবা" আইটেমটি নির্বাচন করা উচিত এবং উপ-আইটেম "পিএনজি বিন্যাসে একটি স্বচ্ছ চিত্র তৈরি করুন" এ যেতে হবে। যে পৃষ্ঠাটি খোলে সেখানে, আমরা আগে তৈরি করা ফাইলটি নির্বাচন করুন এবং "পরবর্তী পদক্ষেপ" বোতামটি ক্লিক করুন।

ছবিটি সার্ভারে আপলোড করা হবে এবং পরবর্তী পৃষ্ঠায় আমাদেরকে মাউস ব্যবহার করে রঙ নির্বাচন করার সুযোগ দেওয়া হবে যা স্বচ্ছ করতে হবে।

চিত্রের সঠিক স্থানে মাউস ক্লিক করে, আমরা চিত্র প্রক্রিয়াকরণ ফলাফল পৃষ্ঠায় নিয়ে যাই। এখন আপনাকে প্রক্রিয়াকৃত চিত্রটিতে ডান-ক্লিক করতে হবে, "ছবিটি এই রূপে সংরক্ষণ করুন..." মেনু আইটেমটি নির্বাচন করুন এবং ফলস্বরূপ চিত্রটি আপনার কম্পিউটারে সংরক্ষণ করুন৷

কখনও কখনও আপনি ধারণকারী একটি ছবি আপলোড করতে হবে স্বচ্ছ উপাদান, যার মাধ্যমে মূল পটভূমি দৃশ্যমান হবে। এই ক্ষেত্রে, PNG ছবিগুলি ডাউনলোড করা সুবিধাজনক হবে কারণ তারা স্বচ্ছতা বজায় রাখতে সক্ষম।

এই নিবন্ধে আমরা আপনাকে বলব ফটোশপে কীভাবে স্বচ্ছতা তৈরি করা যায়.

একটি ফাইল তৈরি করা হচ্ছে

প্রথম ধাপ হল একটি ফাইল তৈরি করা। এটি করতে, খুলুন অ্যাডোব ফটোশপএবং "ফাইল" মেনুতে ( ফাইল) পৃষ্ঠার শীর্ষে "তৈরি করুন" নির্বাচন করুন ( নতুন).

তারপরে প্রদর্শিত "নতুন নথি" উইন্ডোতে ( নতুন নথি) পছন্দসই আকারের একটি ফাইল তৈরি করুন এবং নিশ্চিত করুন যে নথির রেজোলিউশন প্রতি ইঞ্চিতে 72 পিক্সেল ( যেহেতু ফাইলটি ওয়েবে ব্যবহারের উদ্দেশ্যে) এবং এছাড়াও আপনি "স্বচ্ছ" মান নির্বাচন করেছেন ( স্বচ্ছ) "ব্যাকগ্রাউন্ড কন্টেন্ট" ড্রপ-ডাউন তালিকায় ( পটভূমি বিষয়বস্তু).

*ফটোশপে স্বচ্ছতার সাথে একটি PNG তৈরি করার আগে, আপনাকে স্পষ্ট করতে হবে যে এই উদাহরণে আমরা সাইটের জন্য একটি পটভূমি হিসাবে আপলোড করার জন্য একটি চিত্র তৈরি করছি, তাই নথির আকার নিম্নরূপ সেট করা হয়েছে: প্রস্থ 3000 পিক্সেল, উচ্চতা 1730 পিক্সেল, HD ইমেজ ডাউনলোডের জন্য প্রস্তাবিত মাপগুলি হল:

আপনি পরামিতি সেট করার পরে, খুলতে "ঠিক আছে" ক্লিক করুন নতুন নথি.

তারপর "স্তর" প্যানেলে ( স্তর) নিশ্চিত করুন যে আপনি স্বচ্ছ স্তরে কাজ করছেন এবং পটভূমিতে নয়:

একবার আপনি আপনার তৈরি সম্পূর্ণ করে ফেললে এবং ফাইল মেনু থেকে আপনি ফটোশপের যে সংস্করণটি ব্যবহার করছেন তার উপর নির্ভর করে আপনার স্বচ্ছ চিত্র সংরক্ষণ করতে প্রস্তুত হন ( ফাইল) আপনি সম্ভাব্য বিকল্পগুলির একটি ব্যবহার করতে পারেন:

CC 2015 এর আগে ফটোশপ সংস্করণ:

এখন আমরা আপনাকে বলব কিভাবে ফটোশপে একটি ছবি স্বচ্ছ করা যায়, যা CC 2015 এর আগে প্রকাশিত হয়েছিল। এই সংস্করণগুলি "ওয়েবের জন্য সংরক্ষণ করুন" পদ্ধতি ব্যবহার করে ( জন্য সংরক্ষণ করুনওয়েব ও ডিভাইস) সংরক্ষণ এবং অপ্টিমাইজ করতে PNG ছবিওয়েবে ব্যবহারের জন্য। এই পদ্ধতিটি ব্যবহার করতে, কেবল "ফাইল" মেনুতে যান ( ফাইল), এবং তারপর "ওয়েবের জন্য সংরক্ষণ করুন" ( ওয়েব ও ডিভাইসের জন্য সংরক্ষণ করুন):

তারপরে প্রদর্শিত উইন্ডোতে, ড্রপ-ডাউন মেনু থেকে PNG-24 নির্বাচন করুন সম্ভাব্য মান, এবং তারপর নিশ্চিত করুন যে "স্বচ্ছতা" বিকল্পগুলি নির্বাচন করা হয়েছে ( স্বচ্ছতা) এবং " sRGB তে রূপান্তর করুন» ( sRGB তে রূপান্তর করুন) এটি নিশ্চিত করে যে ছবিটি থাকবে স্বচ্ছ ব্যাকগ্রাউন্ডএবং এর রঙ মোড sRGB-তে রূপান্তরিত হবে, ওয়েবের জন্য প্রস্তাবিত রঙের স্থান।

ক্ষেত্র" ছবির আকার» ( ছবির আকার) আপনি ফাইল তৈরি করার সময় আপনার নির্দিষ্ট করা মান দিয়ে স্বয়ংক্রিয়ভাবে পূর্ণ হয়। কিন্তু আপনি যদি সংরক্ষণ করার আগে ফাইলের আকার পরিবর্তন করতে চান তবে আপনি এখন এটি করতে পারেন।

ফটোশপ সংস্করণ CC 2015:

আগে ফটোশপে কিভাবে একটি ছবি স্বচ্ছ করা যায়, আপনাকে জানতে হবে যে সংস্করণ CC 2015 থেকে "ওয়েবের জন্য সংরক্ষণ করুন" ( ওয়েব ও ডিভাইসের জন্য সংরক্ষণ করুন) "ফাইল" মেনুতে ( ফাইল) উত্তরাধিকার হিসেবে চিহ্নিত। এবং একটি নতুন বিকল্প "রপ্তানি" দ্বারা প্রতিস্থাপিত হয়েছে ( রপ্তানি), যা একটি ছোট ফাইল এবং এর সাথে দ্রুত সংরক্ষণের সাথে অভিন্ন কার্যকারিতা প্রদান করে সেরা মানের. "রপ্তানি" বিকল্পটি ব্যবহার করতে, "ফাইল" মেনুতে ক্লিক করুন ( ফাইল), এবং তারপর - " হিসাবে রপ্তানি করুন» ( হিসাবে রপ্তানি করুন).

দ্রষ্টব্য: Adobe এখনও একটি "ওয়েবের জন্য সংরক্ষণ করুন" বিকল্প অফার করে ( ওয়েব ও ডিভাইসের জন্য সংরক্ষণ করুন) ফটোশপ CC 2015 এ, এবং এটি ফাইল > এক্সপোর্ট মেনু ( ফাইল > রপ্তানি করুন) বা কীবোর্ড শর্টকাট Command+Option+Shift+S (Mac-এর জন্য) অথবা Ctrl+Alt+Shift+S (পিসির জন্য) ব্যবহার করে:

তারপরে প্রদর্শিত উইন্ডোতে, "ফরম্যাট" ড্রপ-ডাউন মেনু থেকে PNG নির্বাচন করুন ( বিন্যাস) এবং নিশ্চিত করুন যে স্বচ্ছতা বিকল্পগুলি নির্বাচন করা হয়েছে ( স্বচ্ছতা) এবং " sRGB তে রূপান্তর করুন» ( sRGB তে রূপান্তর করুন).

আপনি যখন ওয়েবসাইট ডিজাইনে কাজ করেন, তখন আপনাকে প্রায়ই এই সত্যটি মোকাবেলা করতে হয় যে পাওয়া চিত্রটি, যা আদর্শভাবে আপনার সাইটের সাথে মানানসই হবে, এর একটি ভিন্ন পটভূমি রয়েছে যা এটি অপসারণ করা বাঞ্ছনীয়।

এবং তাই, ফটোশপে আমাদের ছবি খুলুন।

1. আপনাকে প্রথমে যা করতে হবে তা হল একটি স্বচ্ছ ব্যাকগ্রাউন্ড সহ ছবির জন্য একটি কাজের ক্ষেত্র তৈরি করা। এটি করতে:
- লেয়ার উইন্ডোতে, আমাদের লেয়ারে ডাবল ক্লিক করুন (লক সহ)
- প্রদর্শিত উইন্ডোতে, ঠিক আছে ক্লিক করুন

লকটি অদৃশ্য হওয়া উচিত

যদি ব্যাকগ্রাউন্ড প্লেইন হয়:
টুল নির্বাচন করুন " কাঠি"কাঙ্ক্ষিত এলাকা হাইলাইট করার জন্য একটি খুব নমনীয় টুল। আমাদের কাজ হল ছবি ছাড়া পুরো ব্যাকগ্রাউন্ড হাইলাইট করা। এটি করার জন্য, ম্যাজিক ওয়ান্ডের সেটিংস সামঞ্জস্য করুন (প্যারামিটার ভর্তি) যতক্ষণ না আমরা পছন্দসই ফলাফল পাই। আমরা ইতিমধ্যে নির্বাচিত এলাকা ছাড়াও একটি এলাকা নির্বাচন করতে Shift কী ব্যবহার করি। Del চাপুন এবং নির্বাচিত এলাকা মুছে ফেলা হয়।

যদি পটভূমি বহু রঙের হয়:
আমরা টুল ব্যবহার করি " দ্রুত নির্বাচন" এখানে আমাদের কাজটি পটভূমিকে হাইলাইট করা নয়, বস্তুটি নিজেই, যা থাকা উচিত। পছন্দসই এলাকা হাইলাইট না হওয়া পর্যন্ত ক্লিক করুন. যদি খুব বেশি হাইলাইট করা হয়, Alt চেপে ধরে রাখুন এবং এলাকাটি মাইনাস করুন। আপনি Q কী টিপে ফলাফল দেখতে পারেন।
নির্বাচন প্রস্তুত হলে, Ctrl+C দিয়ে কপি করুন। একটি স্বচ্ছ পটভূমি (Ctrl+N) সহ একটি নতুন নথি তৈরি করুন এবং এতে Ctrl+V বস্তুটি আটকান।

3 . ছবিতে অপ্রয়োজনীয় কিছু অবশিষ্ট থাকলে, " ইরেজার", শুধু অতিরিক্ত ব্যাকগ্রাউন্ড মুছে দিন।

4 . ওয়েবের জন্য ছবিটি সংরক্ষণ করুন (Alt+Shift+Ctrl+S) এবং GIF বা PNG বিন্যাস নির্বাচন করুন (অন্যদের ক্ষেত্রে, আমাদের স্বচ্ছ পটভূমি সাদা হয়ে যাবে)।

এই বিষয়ে দরকারী ভিডিও:

পার্থক্য PNG বিন্যাসঅন্যান্য গ্রাফিক্স ফরম্যাট থেকে বোঝা যায় যে সংরক্ষিত করার সময় ছবির স্বচ্ছ বা আংশিক স্বচ্ছ অংশগুলি স্বচ্ছ থাকে। একটি ভিন্ন বিন্যাসে ফাইল সংরক্ষণ করার সময়, এই স্বচ্ছতা হারিয়ে যেতে পারে। তৈরি করতে এবং, সবচেয়ে গুরুত্বপূর্ণভাবে, একটি PNG ফাইল সংরক্ষণ করতে, আপনাকে বেশ কয়েকটি পয়েন্ট বিবেচনা করতে হবে।

নির্দেশনা

  • আপনি কোন গ্রাফিক এডিটরে কাজ করছেন তার উপর অনেক কিছু নির্ভর করে। সবচেয়ে সহজ প্রোগ্রাম, যেমন স্ট্যান্ডার্ড এক পেইন্ট এডিটর, নীতিগতভাবে স্বচ্ছতা সমর্থন করে না। আরও কার্যকরী প্রোগ্রাম Paint.net, CorelDraw, Adobe Photoshop (এবং অনুরূপ) আপনাকে চিত্রগুলির স্বচ্ছতা সামঞ্জস্য করতে এবং স্তরগুলির সাথে কাজ করতে সহায়তা করে।
  • একটি চিত্র বা এর যেকোনো অংশের স্বচ্ছতা (আংশিক স্বচ্ছতা) সামঞ্জস্য করতে, নতুন স্তর তৈরি করুন এবং স্তরগুলির প্রদর্শন সামঞ্জস্য করতে আপনার সম্পাদকের সরঞ্জামগুলি ব্যবহার করুন৷ আপনার সম্পাদকের উপর নির্ভর করে, আপনাকে সংরক্ষণ করার আগে সমস্ত স্তর একত্রিত করতে হতে পারে।
  • এডিটরে যেভাবে ছবিটি দেখছেন সেভাবে সংরক্ষণ করতে, উপরের মেনু বার থেকে ফাইল নির্বাচন করুন। ড্রপ-ডাউন মেনু থেকে, "এভাবে সংরক্ষণ করুন" কমান্ডটি নির্বাচন করুন। খোলে ডায়ালগ বক্সে, "ফাইল নাম" ক্ষেত্রে ফাইলটি সংরক্ষণ করার জন্য নির্দেশিকা নির্দিষ্ট করুন, আপনি যে নামটি সংরক্ষণ করতে চান সেটি লিখুন। "ফাইল টাইপ" (ফর্ম্যাট) ক্ষেত্রে, ড্রপ-ডাউন তালিকা থেকে PNG(*.PNG) মানটি নির্বাচন করুন এবং "সংরক্ষণ করুন" বোতামে ক্লিক করুন।
  • যদি স্তরগুলি একত্রিত করার ফলে স্বচ্ছতা নষ্ট হয়, হয় স্তরগুলিকে মার্জ না করেই ছবিটি সংরক্ষণ করুন, অথবা আপনার সম্পাদকে এমন একটি সরঞ্জাম ইনস্টল করুন যা আপনাকে স্বচ্ছতা না হারিয়ে .png ফর্ম্যাটে স্তরগুলি রপ্তানি করতে দেয় (উদাহরণস্বরূপ, অ্যাডোব ফটোশপে এটি অর্জন করা যায় না স্ট্যান্ডার্ড টুল, যাতে ফরম্যাটের তালিকায় কোন এক্সটেনশন .png নেই)।
  • ইন্টারনেট থেকে সংশ্লিষ্ট স্ক্রিপ্ট ডাউনলোড করুন। পটভূমি হিসাবে একটি স্বচ্ছ স্তর সেট করুন, এবং মূল চিত্রটি অন্য স্তরে রাখুন। উপরের মেনু বারে "ফাইল" আইটেমটি নির্বাচন করুন, প্রসারিত মেনুতে "স্ক্রিপ্ট" আইটেমটি এবং "ফাইলে স্তর রপ্তানি করুন" কমান্ডটি নির্বাচন করুন।
  • খোলে ডায়ালগ বক্সে, স্তরগুলি সংরক্ষণ করতে ডিরেক্টরি নির্বাচন করুন, ফাস্ট মোডের পাশের বাক্সটি চেক করুন (লুকানো স্তরগুলি সরান না), "ফাইল টাইপ" ক্ষেত্রে .png ফর্ম্যাটটি নির্বাচন করুন এবং "চালান" বোতামে ক্লিক করুন। এই ক্রিয়াটির অর্থ হল আপনার দুটি ফাইল সংরক্ষণ করা হবে: একটি "খালি", অন্যটিতে আপনার স্বচ্ছতা সেটিংস সহ একটি চিত্র থাকবে৷
  • কখনও কখনও এটি একটি ছবি তার পটভূমি স্বচ্ছ করে পরিবর্তন করা প্রয়োজন হয়ে ওঠে. কখনও কখনও আপনি একটি ছবি দেখেন, কিন্তু এর পটভূমি আপনার সাইটের সাথে মানানসই নয় এবং আপনি এটিকে স্বচ্ছ করতে চান। অবশ্যই, আপনার যদি ফটোশপ থাকে এবং এটির সাথে কীভাবে কাজ করতে হয় তা জানেন, আপনি সেখানেও এটি করতে পারেন। কিন্তু একটি সহজ উপায় আছে, তাই বলতে, "ডামিদের জন্য।"

    একদিন ইন্টারনেট সার্ফ করার সময়, আমি Pixlr ফটো এডিটর সম্পর্কে একটি নিবন্ধ পেয়েছি। যাইহোক, এটি সাধারণ নয় গ্রাফিক সম্পাদক, এবং একটি অনলাইন সম্পাদক। এখানে এটির লিঙ্ক - http://pixlr.com/editor/।

    এই প্রোগ্রামটিই আমাদের PNG ফরম্যাটে একটি স্বচ্ছ ব্যাকগ্রাউন্ড সহ একটি ছবি তৈরি করতে সাহায্য করবে।

    উদাহরণস্বরূপ, আমাদের এই চিত্রটি রয়েছে:

    আমি এটি থেকে কালো পটভূমি মুছে ফেলতে চাই এবং এটি স্বচ্ছ করতে চাই।

    এটি করতে, প্রোগ্রামে যান, "কম্পিউটার থেকে চিত্র খুলুন" আইটেমটি নির্বাচন করুন এবং পছন্দসই চিত্রটি লোড করুন। অবিলম্বে প্রোগ্রাম ভাষা রাশিয়ান (মেনু ভাষা->রাশিয়ান ভাষা) পরিবর্তন করুন।

    "স্তর" উইন্ডোতে ডানদিকে আপনি ছবির একটি থাম্বনেইল এবং একটি ব্লক দেখতে পাবেন। ব্লকে ডাবল-ক্লিক করুন (একটি "পাখি" বর্গক্ষেত্রে উপস্থিত হওয়া উচিত)। এইভাবে আপনি ব্যাকগ্রাউন্ড থেকে ব্লকিং মুছে ফেলবেন।

    এর পরে, "ম্যাজিক ওয়ান্ড" টুলটি নির্বাচন করুন (টুলবারের বাম দিকে), এটিকে ছবির পটভূমিতে আনুন এবং মাউসে ক্লিক করুন। ব্যাকগ্রাউন্ড একটি ডটেড লাইন দিয়ে হাইলাইট করা হবে। কী মুছুনপটভূমি ধ্বংস।

    আমি যা পেয়েছি তা এখানে:

    নির্দেশনা