কিভাবে একটি লেআউট স্লাইস

সুচিপত্র:

কিভাবে একটি লেআউট স্লাইস
কিভাবে একটি লেআউট স্লাইস

ভিডিও: কিভাবে একটি লেআউট স্লাইস

ভিডিও: কিভাবে একটি লেআউট স্লাইস
ভিডিও: কিভাবে একটি ওয়েব লেআউট স্লাইস এবং কোড করবেন [TUT] (HD) 2024, মে
Anonim

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

কিভাবে একটি লেআউট স্লাইস
কিভাবে একটি লেআউট স্লাইস

নির্দেশনা

ধাপ 1

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

ধাপ ২

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

ধাপ 3

প্রথমে ফটোশপটিতে লেআউটটি নিজেই খুলুন যাতে ডানদিকে স্তরগুলির প্যানেল উপস্থিত হয়, যা বিন্যাসটি শুরু করার জন্য প্রয়োজনীয় হাড় হিসাবে বিবেচিত হয়। সমস্ত চিত্র যখন ক্লিকযোগ্য হয় সে ক্ষেত্রে আপনার বিন্যাসের পুরো রেজোলিউশন সংস্করণটি খুলুন। এরপরে, সমস্ত গ্রাফিক উপাদানগুলি বিন্যাস করুন যাতে তারা HTML ফর্ম্যাটের মতো দেখতে দেখতে তাই প্রতিটি উচ্চারিত গ্রাফিক উপাদানকে পছন্দসই বিন্যাসে সংরক্ষণ করুন: জিআইএফ, জেপিজি, বা পিএনজি। এরপরে, আপনি যে উপাদানটি কাটতে চলেছেন কেবল সেই উপাদানটি ছেড়ে দিন এবং কেবল সমস্ত অন্যান্য স্তর বন্ধ করে দিন এবং ফটোশপে তৈরি হওয়া একটি নতুন নথিতে পছন্দসই স্তরটি আগেই স্থানান্তর করুন।

পদক্ষেপ 4

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

প্রস্তাবিত: