আমার তৈরী ওয়েব সাইট

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

বৃহস্পতিবার, ৫ মে, ২০১৬


................ সুন্দর ভাবে একটি টি ব্যানার তৈরী করার জন্য  নিয়মাবলী..............
প্রথমে একটা নতুন ফটোশপ ফাইল ক্রিয়েট করুন (Ctrl + N); ফাইলের width & heignt  যথাক্রমে 372px এবং 466px দিন
1
এখন একটি লেয়াল তৈরী করুন (Shift + Ctrl + N) এবং এর নাম দিন “Background”. Foreground Color দিন #1c1c1c. এবার Paint Bucket Tool টি সিলেক্ট করুন (G) এবং ক্যানবাসে একটা ক্লিক করুনদেখবেন ক্যানবাসটা কালো হয়ে গেছে
এবার Foreground Color কে # 27add3 তে পরিনত করুনRounded Rectangle Tool টি সিলেক্ট করুন এবং একে নিচের মত কাস্টমাইজ করুনতারপর ক্যানবাসে একটা ক্লিক করুন
2
এবার Layer > Layer Style > Inner Glow এ গিয়ে নিচের মত করে সেট করুন
3
এখন আমরা নিচের ফিচার বাটনগুলো তৈরী করবতবে এর সকল টেক্সটগুলোই আমরা পরবর্তীতে এক সাথে প্রয়োগ করব
প্রথমে ডার্ক বাটনটা তৈরী করবএর জন্য, প্রথমেই ফরগ্রাউন্ড কালারকে #0086ac করুনএখন, Rectangle Tool (U) সিলেক্ট করুন এবং নিচের মত একটি সেপ তৈরী করুন (এই লেয়ারের নাম দিন: Button-1)
4
এখন লেয়ার পেলেট থেকে “Button-1” লেয়ারে ডাবল ক্লিক করুন এবং নিচের লেয়ার স্টাইলগুলো প্রয়োগ করুন
5
এখন এর নিচের বাটন তৈরী করতে হবেএখন অবশ্য বেশী সময় লাগবে নাকারণ আমরা প্রথমটা থেকেই দ্বিতীয়টা তৈরী করতে পাড়বএর জন্য প্রথমটা অর্থাৎ “Button: 1” কে ডুপ্লিকেট করুন (Ctrl + J) এবং Move Tool (V) সিলেক্ট করে নতুন বাটনটিকে একটু নিচে প্লেস করুন
এখন নতুন বাটনটির লেয়ারকে সিলেক্ট করুনএবার, Layer > Layer Style > Inner Shadow তে যান এবং একে নিচের মত সেট করুন
6
এখন আমরা বাটনগুলোর টেক্সট বসাবএর জন্য Horizontal Type Tool (T) সিলেক্ট করুন এবং আপনার টেক্সটগুলো বসানযেহেতু ব্যানারটার ব্যাকগ্রাউন্ড হালকা নীল/সেয়ান সেজন্য আমার এর সাথে মিল রাখার জন্য টেক্সট কালার সাদা নিবএর জন্য ফরগ্রাউন্ড কালারকে আবার সাদা অর্থ্যাৎ #FFFFFF করুনএবার আপনার টেক্সটগুলো লিখেনআমি উদাহরণ স্বরুপ কিছু কথা লিখছি
7
১০এবার আমরা নিচে একটা সাদা সাইন-আপ বাটন তৈরী করবএর জন্য Rounded Rectangle Tool (U) সিলেক্ট করুন এবং একে নিচের মত সেট করে, ক্যানবাসে একটা ক্লিক করুন
8
১১তারপর নতুন এই লেয়ারটিতে ডাবল ক্লিক করে নিচের লেয়ার স্টাইলগুলো এপ্লাই করুন
9
১২এবার Horizontal Type Tool (T) সিলেক্ট করে বাটনটার একটা নাম দিন এবং এই টেক্সট লেয়ারে ডাবল ক্লিক করে নিচের লেয়ার স্টাইল প্রয়োগ করুন
10
এবার আমরা তৈরী করব ব্যানারটার উপরের অংশতবে এর আগে এর বর্তমান অবস্থাটা দেখে নেয়া যাক
11
১৩এখন একেবারে প্রথমে আমার যে সেপটি তৈরী করেছিলাম অর্থাৎ সব শেষেরটার আগের লেয়ারটা সিলেক্ট করুনEllipse Tool (U) সিলেক্ট করুন এবং নিচের বৃত্তের মত একটা ডিম্বাকৃতির বৃত্ত তৈরী করুন
12
১৪এবার Layer > Layer Style > Gradient Overlay এবং একে নিচের মত সেট করুন
13
১৫এখন লেয়ারটিতে Right-Click > Create Clipping Mask এ ক্লিক করুন
14
১৬এবার আমরা এই ব্যানারে আরো সুন্দর ভাব আনার জন্য আনবএর জন্য, একটা নিউ লেয়ার তৈরী করুন (Shift + Ctrl + N)এবং Ctrl + প্রথম সেট লেয়ালে ক্লিক করুনদেখবে একটা সিলেকশন তৈরী হয়েছেএখন নতুন লেয়ারটাতে ক্লিক করুন, Foreground Color #78f3ff করে, Brush Tool (B) সিলেক্ট করুনএবার ব্রাশ সাইজ 125px করে তারপর এর Hardness: 0% করুনএই মূহুর্তে, সিলেকশন এরিয়ার উপরের দিকে একই জায়গায় তিনটা ক্লিক করুনঅবশেষে Ctrl + D চেপে সিলেক্ট এরিয়াটাকে ডিসিলেক্ট করুন
15
১৬তারপর, আরো কিছু টেক্সট এড করতে হবেএর জন্য Horizontal Type Tool (T) সিলেক্ট করে “Basic” টাইপ করুনএর জন্য, ফরগ্রাউন্ড কলারকে অবশ্যই #00a2b6 করে রাখবেন
এবার, Layer > Layer Style > Inner Glow এবং একে নিচের মত করে সেট করুন
16
১৭এখন, Basic Text Layer কে ডুপ্লিকেট করুন (Ctrl + J) এবং একে Move Tool (V) এর সাহায্যে নিচে প্লেস করুনতারপর এর লেখাকে পরিবর্তন করুন “per month” এর মাধ্যমে, সেই সাথে ফন্ট সাইজও কিছু কমিয়ে নিন (23pt)এবার, Layer Style থেকে Inner Glow এর কালার #002632 করে দিন
17
১৮এখানে আমরা কিন্তু একটা টেক্সট মিস্ করে এসেছিতা হল প্রাইস প্রাইসটা এখন আমরা লিখবএর জন্য Horizontal Type Tool (T) এর সাহায্যে $20 লিখুন, $ টেক্সটাকে 20 থেকে আলাদা করে লিখুনঅর্থ্যাৎ দুইটা টেক্সট লেয়ারে লিখুন এবং 20 টেক্সট এর সাইজ একটু বড় রাখুন
18
১৯এখন, 20 টেক্সট লেয়ারে ডাবল ক্লিক করুন এবং নিচের লেয়ার স্টাইলগুলো এপ্লাই করুন
19
২০এবার, 20 টেক্সট লেয়ারে Right-Click করে Copy Layer Style এ ক্লিক করুনতারপর $ লেয়ারে Right-Click করে Paste Layer Style এ ক্লিক করুনএর ফলে আমাদের দুটি লেয়ারেই একই ইফেক্ট পড়বে
এবং সেই সাথে আমাদের প্রজেক্টেরও সমাপ্তি ঘটলনিচে খেয়াল করে দেখুনতো আপনার ফাইনাল রেজাল্টটাও কি আমারটার মত হয়েছে?
20
এবার জেনে নিন কিছু কথা যার মাধ্যমে আপনি আপনার স্কিল ‍বৃদ্ধি করবেন
আপনি প্রতিটা স্টেপ ভালভাবে বুঝে নিন
একটা ইফেক্ট প্রদানের পর আপনার মূল ইমেজের যে পরিবর্তন হয় তার দিকে লক্ষ্য রাখুন এবং ইফেক্টটার কাজ বুঝার চেষ্টা করুন
একটা টিউটোরিয়াল শেষ করে বসে থাকবেন নাবার বার চেষ্টা করুননিজে নিজে কিছু তৈরী করার চেষ্টা করুন
আরো এডভান্স টিউটোরিয়ালের জন্য বিভিন্ন ইংরেজী টিউটোরিয়াল পড়ুন

1 টি মন্তব্য:

  1. মনোযোগ,

    আপনি গম্ভীরভাবে ব্যবসা সেট আপ করুন অথবা আপনার বিল পরিশোধ বন্ধ করার জন্য একটি ঋণ খুঁজছেন? আপনি ব্যাংক বা অন্যদের ঋণদাতাদের দ্বারা নিচে চালু করা হয়েছে? তুমি আর চিন্তা করোনা আমরা এখানে আছেন করার জন্য আপনাকে দিতে কি যদি আপনার কোন বিলম্ব বা সমস্যা ছাড়া খুঁজছেন হয়েছে, কল্যাণকামী আরও তথ্য আজকের জন্য ইমেইল নীচের মাধ্যমে আমাদের সাথে যোগাযোগ করুন;

    ইমেইল: easyloanfirm2020@gmail.com

    শুভেচ্ছা সহ
    ডেরেক ডগলাস
    easyloanfirm2020@gmail.com

    2% ব্যবসা ঋণ প্রস্তাব

    উত্তরমুছুন