Home-theater-designers
আপনি তৈরি করতে পারেন এমন অনেক আশ্চর্যজনক জিনিস রয়েছে অ্যাডোবি ফটোশপ যেগুলি সাধারণ ছবির ফ্রেম থেকে শুরু করে জটিল UI পর্যন্ত অনলাইনে দরকারী। আপনি ফটোশপে তৈরি করতে পারেন এমন সবচেয়ে দরকারী জিনিসগুলির মধ্যে একটি হল 3 ডি বোতাম, যা যদি আপনি একটি কাস্টম ইন্টারফেস সহ একটি ব্লগ বা ওয়েবসাইট চালান তাহলে কাজে আসবে।
এই প্রবন্ধে আমরা আপনাকে দেখাব কিভাবে ফটোশপ ব্যবহার করে 3D বোতাম তৈরি করতে হয়, সাথে ভিজ্যুয়াল 'আপ' এবং 'ডাউন' স্টেটস, যাতে আপনি সেগুলোকে অ্যানিমেট করতে পারেন। (আমরা এই নিবন্ধে অ্যানিমেশন নিজেই কভার করা হবে না।)
ধাপ 1: আপনার নথি প্রস্তুত করুন
যদিও ওয়েবসাইটগুলিতে 3D বোতামগুলি প্রায়শই পপ আপ হয়, এটি লক্ষ করা গুরুত্বপূর্ণ যে তাদের জন্য অন্যান্য অ্যাপ্লিকেশন রয়েছে, যেমন অ্যানিমেটেড জিআইএফ, মক-আপ পণ্য প্রদর্শন এবং মোবাইল গেম। আপনি এই বোতামটি কিসের জন্য তৈরি করছেন তার উপর নির্ভর করে আপনার চূড়ান্ত ফাইল ফর্ম্যাট এবং এর মাত্রা ভিন্ন হতে পারে।
ফটোশপে একটি 3D বোতাম তৈরি করতে, আপনাকে এর জন্য একটি কাস্টম ডকুমেন্ট তৈরি করতে হবে। এটি করার জন্য, ফটোশপ খুলুন এবং ক্লিক করুন নতুন> কাস্টম তৈরি করুন । আপনার মান লিখতে শুরু করুন।
একটি 3D বোতাম তৈরি করতে, আপনি একটি অনুভূমিক নথি চান। আমাদের জন্য, আমরা ব্যবহার করেছি:
- 900 x 300 পিক্সেল উচ্চ
- 300 পিক্সেল/ইঞ্চি
- RGB কালার মোড
যদিও এই চশমাগুলি অবশ্যই একটি কঠিন এবং দ্রুত নিয়ম নয়, এটি নিশ্চিত করবে যে আপনার সাথে কাজ করার জন্য পর্যাপ্ত জায়গা রয়েছে এবং আপনার বোতামের আকারটি প্রয়োজনীয় এবং উপরে স্কেল করার ক্ষমতা রয়েছে।
ধাপ 2: আপনার 3D বোতামের জন্য আপনার আয়তক্ষেত্র সেট করুন
আপনি আপনার ফাইলের জন্য চশমা সেট করার পরে, আপনাকে আপনার কর্মক্ষেত্রে নিয়ে আসা হবে। আপনি একটি একক স্তরে একটি অনুভূমিক সাদা ক্যানভাস রাখতে যাচ্ছেন, এবং এখানে আপনি আপনার বোতাম তৈরি শুরু করবেন।
আপনার 3D বোতাম তৈরি করতে, এ ক্লিক করুন গোলাকার আয়তক্ষেত্র টুল আপনার পর্দার বাম দিকে, এখানে লাল রঙে দেখা যায়। আপনি শর্টকাট ব্যবহার করতে পারেন উ এটি অ্যাক্সেস করতে
আপনার সাদা স্তরে একবার ক্লিক করুন: এটি স্বয়ংক্রিয়ভাবে আপনার গোলাকার আয়তক্ষেত্র তৈরি করুন বাক্স আপনি আপনার আয়তক্ষেত্রের মাত্রা নির্দিষ্ট করতে এই বাক্সটি ব্যবহার করবেন।
আমাদের বোতামের জন্য, আমরা সঙ্গে গিয়েছিলাম:
- 300 পিক্সেল চওড়া
- 75 পিক্সেল উচ্চ
আমরা নিশ্চিত করেছি যে কোণগুলি 10 পিক্সেল দ্বারা গোলাকার ছিল। খুব বেশি নয়, এবং খুব কমও নয়। তারপর আমরা চাপ দিলাম ঠিক আছে ।
বিঃদ্রঃ: বাটনগুলি আকার এবং আকৃতি অনুসারে পরিবর্তিত হয়, তাই মনে করবেন না যে আপনাকে এই সঠিক মাত্রাগুলি ব্যবহার করতে হবে। উপরন্তু, যদি আপনি শর্টকাট সম্পর্কে আরও তথ্য খুঁজছেন, এখানে কিছু আছে সবচেয়ে দরকারী ফটোশপ কীবোর্ড কমান্ড ।
যখন আপনি চাপবেন ঠিক আছে , ফটোশপ আপনার লেয়ারের ভিতরে এই মাত্রাগুলো দিয়ে একটি গোলাকার আয়তক্ষেত্র তৈরি করবে। আপনি এটি পরিবর্তন করতে পারেন পূরণ করুন এবং স্ট্রোক আপনার স্ক্রিনের উপরের বাম কোণে ড্রপডাউন মেনু ব্যবহার করে রং।
এই টিউটোরিয়ালের উদ্দেশ্যে --- এবং একটি 'আপ' এবং 'ডাউন' বোতাম দেখতে কেমন হতে পারে তা বোঝানোর জন্য --- আমরা আমাদের 'ডাউন' বোতামটি লাল করতে যাচ্ছি।
ধাপ 3: আপনার বোতামটি 3D করুন
আপনি আপনার মৌলিক বোতামটি তৈরি করার পরে এবং এর রঙ চয়ন করার পরে, আপনি এটিকে সামঞ্জস্য করতে চান লেয়ার স্টাইল সংলাপ বাক্স. এটি আরও 3D দেখানোর জন্য।
আপনার অ্যাক্সেস করতে লেয়ার স্টাইল ডায়ালগ বক্স, আপনি যেতে পারেন লেয়ার> লেয়ার স্টাইল উপরের মেনু থেকে। আপনি যে স্তরটিতে আপনার বোতাম রয়েছে তার উপর ডাবল ক্লিক করতে পারেন, এটি স্বয়ংক্রিয়ভাবে আনতে। এই পথটি অনেক দ্রুত এবং আমরা ব্যক্তিগতভাবে এটি পছন্দ করি।
আপনার লেয়ার স্টাইল বক্স হয়ে গেলে অপশনে যান বেভেল এবং এমবস । এটি চালু কর.
আপনার বোতামের প্রান্তগুলিকে আরও উঁচু, '3D' চেহারা দেওয়ার জন্য এটি একটি দ্রুত এবং সহজ উপায়। এই টিউটোরিয়ালের জন্য, আমরা যে সেটিংস ব্যবহার করেছি:
কাঠামো
- স্টাইল: অভ্যন্তরীণ বেভেল
- প্রযুক্তি: ছানা নরম
- গভীরতা: 605
- অভিমুখ: উপরে
- আকার: 5
- নরম: ঘ
ছায়া
- কোণ: .০
- উচ্চতা: 37
- হাইলাইট মোড: কালার ডজ, 55% অস্পষ্টতা
- ছায়া মোড: একাধিক, 25% অস্বচ্ছতা
কৌতুক হল সেটিংস যথেষ্ট উঁচু করা যাতে আপনি কিছু পার্থক্য দেখতে পারেন, কিন্তু এত শক্তিশালী না যে এটি অপ্রতিরোধ্য।
আমরা বেভেল এবং এমবস শেষ করার পরে, আমরা গিয়েছিলাম কনট্যুর এবং এটিও চালু করেছে। কনট্যুর বেভেল এবং এমবসের সংজ্ঞাটিকে একটু শক্তিশালী করে তোলে এবং এই টিউটোরিয়ালের জন্য আমরা সেটিংটি বেছে নিয়েছি শঙ্কু - উল্টানো ।
পরবর্তী, চালু করুন গ্রেডিয়েন্ট ওভারলে । এটি এমন একটি বোতাম যা গোলাকার, সামান্য 'চকচকে' চেহারা দেয়। সেটিংস নিম্নরূপ:
- ব্লেন্ড মোড: ওভারলে
- অস্বচ্ছতা: .০
- স্টাইল: লিনিয়ার
- কোণ: .০
- স্কেল: 100
অবশেষে, আমরা চালু করেছি ছায়া ফেলে দিন , একটি ওয়েবসাইট বা ব্লগের সাদা পটভূমি থেকে বোতামটিকে কিছুটা 'উত্থাপিত' করার জন্য। আবার, এখানে সেটিংস আছে:
পিসি ব্লুটুথের সাথে এক্সবক্স কন্ট্রোলার সংযুক্ত করুন
কাঠামো
- ব্লেন্ড মোড: একাধিক
- অস্বচ্ছতা: 35
- কোণ: .০
- দূরত্ব: 2
- ছড়িয়ে পড়া: 6
- আকার: 8
গুণ
- কনট্যুর: লিনিয়ার
- গোলমাল: 0
- স্তর ছুঁড়ে ফেলে দেয় ছায়া: চালু
এখন সময় এসেছে এই চশমাগুলিকে একটি লেয়ার স্টাইল হিসেবে সংরক্ষণ করার।
ধাপ 4: একটি স্তর শৈলী হিসাবে সংরক্ষণ করুন
একবার আপনি আপনার বোতামের সেটিংস শেষ করলে, এটি 3D দেখতে শুরু করবে। যেহেতু আপনি একাধিক 3D বোতাম তৈরি করার সম্ভাবনা বেশি তাই আমাদের এটি করার একটি দ্রুত এবং সহজ উপায় খুঁজে বের করতে হবে।
এখানে কিভাবে।
ক্লিক করার আগে ঠিক আছে মধ্যে লেয়ার স্টাইল ডায়ালগ বক্স, ক্লিক করুন নতুন ধাঁচ । যখন আপনি করবেন, ফটোশপ এই লেয়ার স্টাইলটি সংরক্ষণ করবে যা আপনি আপনার বোতামের জন্য তৈরি করেছেন।
আপনি যদি ফটোশপ সিসি ব্যবহার করেন, এই নতুন স্টাইলটি আপনার কাছে সংরক্ষিত হবে লাইব্রেরি বিভাগ, যেমন আপনি উপরে দেখতে পারেন। এটি খুব দ্রুত এবং অ্যাক্সেস করা সহজ।
ধাপ 5: একটি সংরক্ষিত স্তর শৈলী কিভাবে ব্যবহার করবেন
এখন যেহেতু আপনি আপনার বোতামটি ডিজাইন করেছেন এবং আপনি এটি একটি লেয়ার স্টাইল হিসাবে সংরক্ষণ করেছেন, আসুন এটি আপনার 'আপ' অবস্থার জন্য কার্যকরীভাবে দেখি। মিথ্যা কথা নয়, এটি আপনার কাজের সময়কে অর্ধেক করে দেবে।
প্রথমে, আসুন লাল বোতামের স্তরের উপরে আরেকটি বোতাম তৈরি করি, যেমন। আসুন এটি সবুজ করা যাক, জোর দেওয়ার জন্য।
পরবর্তী --- পরিবর্তনের জন্য স্তরে নিজেই ডাবল ক্লিক করুন স্তর শৈলী ডায়ালগ বক্স --- আপনার লেয়ার স্টাইলে ডাবল ক্লিক করুন লাইব্রেরি প্যানেল
যখন আপনি করবেন, ফটোশপ স্বয়ংক্রিয়ভাবে আপনার নতুন বাটন লেয়ারে আপনার সংরক্ষিত স্টাইলটি প্রয়োগ করবে, যখন তার নতুন রঙ এবং আকৃতি থাকবে। আপনার এখন দুটি বোতাম আছে --- একটি আপ স্টেটে, আর একটি ডাউন-এ --- এবং এটা করা খুবই সহজ। আমি এই শর্টকাটটি পছন্দ করি।
ধাপ 6: আপনার বোতামে পাঠ্য যোগ করুন
পরবর্তী, আমরা বোতামে পাঠ্য যোগ করতে যাচ্ছি।
পাঠ্য যোগ করতে, আপনার দুটি বোতামের স্তরের উপরে একটি নতুন স্তর তৈরি করুন। ক্লিক করুন টাইপ টুল টাইপ করা শুরু করতে।
এই টিউটোরিয়ালের জন্য, আমরা 'সাবস্ক্রাইব' শব্দটি লিখতে যাচ্ছি কারণ এটি এমন কিছু যা আপনি প্রায়ই ওয়েবসাইট এবং সোশ্যাল মিডিয়া প্ল্যাটফর্মে দেখতে পান।
আমরা একটি সান সেরিফ ওয়েব-নিরাপদ ফন্ট ব্যবহার করতে যাচ্ছি। আপনি আপনার নিজের বোতামের জন্য কোনটি ব্যবহার করবেন তার চূড়ান্ত পছন্দ আপনার উপর নির্ভর করে। মন্টসেরাট, প্রক্সিমা নোভা, এরিয়াল এবং ভারদানা সবই ব্যাপকভাবে ব্যবহৃত বিকল্প এবং ওয়েবের জন্য নিরাপদ।
এটি সম্পন্ন হওয়ার পরে, এই পাঠ্যটি 'পপ' পেতে আপনাকে আরও কিছু সূক্ষ্ম পরিবর্তন করতে হবে।
প্রথমে, যে লেয়ারটিতে আপনার টেক্সট আছে তার উপর ডাবল ক্লিক করুন যাতে আপনি এটি আপনার মধ্যে আনতে পারেন লেয়ার স্টাইল সংলাপ বাক্স.
পরবর্তী, ক্লিক করুন ভেতরের ছায়া , আপনার লেখায় কিছুটা বিষণ্নতা (বা ডুবে যাওয়া এলাকা) যোগ করতে। এটি দেখে মনে হয় যে অক্ষরগুলি বোতামে খোদাই করা হয়েছে। এই টিউটোরিয়ালের জন্য আমরা যে সঠিক সেটিংস ব্যবহার করেছি তা নীচে।
কাঠামো
- ব্লেন্ড মোড: গুণ করুন
- অস্বচ্ছতা: 35
- কোণ: .০
- দূরত্ব: 2
- দম বন্ধ করা: 4
- আকার: ঘ
গুণ
- কনট্যুর: লিনিয়ার
- গোলমাল: 0
পরবর্তী, একটি প্রয়োগ করুন গ্রেডিয়েন্ট ওভারলে সেই অক্ষরগুলিতে, সেগুলি সমতল না হয়ে বোতামটিতে আরও সহজে মিশ্রিত করতে। আবার, আমাদের জন্য সেটিংস হল:
- ব্লেন্ড মোড: রঙ পুড়ে
- অস্বচ্ছতা: .০
- স্টাইল: লিনিয়ার
- কোণ: .০
- স্কেল: 100
ধাপ 7: শেষ করা
আপনি এই পাঠ্য শৈলী তৈরি করার পরে --- বিশেষত যদি আপনি এটি আবার ব্যবহার করতে চান --- যান নতুন ধাঁচ এবং আপনি ক্লিক করার আগে এটি সংরক্ষণ করুন ঠিক আছে ।
এই মোড়ানো সঙ্গে, আপনি 'আপ' এবং 'ডাউন' অবস্থা দেখতে কেমন তা দেখতে, আপনার দুটি বোতাম স্তরগুলির মধ্যে দৃশ্যমানতা দ্রুত এবং পিছনে স্যুইচ করতে পারেন।
বেশ ঠান্ডা, তাই না? আপনার ফাইল সংরক্ষণ করতে, যান ফাইল> সেভ করুন , এবং আপনি যে প্রকল্পে কাজ করছেন তার জন্য এটি সঠিক ফাইল বিন্যাস হিসাবে সংরক্ষণ করুন।
3D বাটন এবং উইজেট দিয়ে আপনার ব্লগ কাস্টমাইজ করুন
এখন যেহেতু আপনি ফটোশপে 3 ডি বোতাম তৈরি করতে জানেন, আপনি এটি দিয়ে সৃজনশীল হতে পারেন, আপনার প্রয়োজন অনুসারে আপনার নিজস্ব 3 ডি বোতাম ডিজাইন করতে পারেন। এবং আপনার অস্ত্রাগারে এই দক্ষতার সাহায্যে আপনি এমন একটি পণ্য তৈরি করতে পারেন যা কেবল পেশাদার নয়, ব্যক্তিগত চেহারাও।
আপনি এই প্রোগ্রামের সাথে অন্যান্য জিনিসগুলি সম্পর্কে জানতে চান? এখানে কিভাবে ফটোশপে ব্যাকগ্রাউন্ড অপসারণ করবেন ।
শেয়ার করুন শেয়ার করুন টুইট ইমেইল অ্যান্ড্রয়েডে গুগলের অন্তর্নির্মিত বুদ্বুদ স্তর কীভাবে অ্যাক্সেস করবেনআপনার যদি কখনও নিশ্চিত করতে হয় যে কিছু চিম্টিতে সমান, আপনি এখন কয়েক সেকেন্ডের মধ্যে আপনার ফোনে একটি বুদ্বুদ স্তর পেতে পারেন।
পরবর্তী পড়ুন সম্পর্কিত বিষয়- সৃজনশীল
- অ্যাডোবি ফটোশপ
- ছবি সম্পাদনার টিপস
- ফটোশপ টিউটোরিয়াল
শিয়ানের ডিজাইনে স্নাতক ডিগ্রি এবং পডকাস্টিংয়ের পটভূমি রয়েছে। এখন, তিনি একজন সিনিয়র লেখক এবং 2 ডি ইলাস্ট্রেটর হিসাবে কাজ করেন। তিনি মেক ইউসঅফের জন্য সৃজনশীল প্রযুক্তি, বিনোদন এবং উত্পাদনশীলতা জুড়েছেন।
শিয়ান এডেলমেয়ারের থেকে আরোআমাদের নিউজলেটার সদস্যতা
প্রযুক্তি টিপস, রিভিউ, ফ্রি ইবুক এবং এক্সক্লুসিভ ডিলের জন্য আমাদের নিউজলেটারে যোগ দিন!
সাবস্ক্রাইব করতে এখানে ক্লিক করুন