ডিজাইনার শিবলী

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

ফটোশপে ওয়েব রেজিস্টার ফর্ম

বেশ কয়েক দিন ধরেই লেখা লেখি করা হচ্ছে না। এই দিকে ডিজাইন আবার SSC এর চাপ। তাই সময় করে ঠিক উঠতে পারছি না। যাই হক বহুদিন থেকে টিউটোরিয়াল বিডিতে লগ ইন করতেই ভুলে গেছি যেন। তো আজ আর আমার প্রাণ মানল না। একটা টিউটোরিয়াল তাই লিখেই ফেললাম। তাহলে আজকের কাজ শুরু করি কি বলেন। আজকের…

ফটোশপে 3D স্কাই লেয়ার স্টাইল

লেয়ার স্টাইল নিয়ে যখন লেখা শুরু করলাম, তাই আরও একটু বাড়াই। আজকের টিউটোরিয়াল ফটোশপে 3D লেয়ার স্টাইল। নীল রং হল আকাশের রং ব্লু 3d না লিখে তাই 3D স্কাই স্টাইল নামটাই ভালো মনে হল। ১. নিচের মত সাইজের একটা নতুন ডকুমেন্ট্রি নেই। ২. এবার এখানে টেক্সটা যোগ করি। ব্যাকগ্রাউন্ড কি ভাবে যোগ করেছি বলবো না।…

ফটোশপে ধাতব স্টাইলে টেক্সট ইফেক্ট তৈরি

ফটোশপ এর লেয়ার স্টাইল নিয়ে ধারাবাহিক ভাবে লিখতে শুরু করেছি। এই যাবত দুইটা লিখে ফেলেছি। দুইটাই 3D আর ব্যাপক সিম্পল। তাই এইবার একটু Metal Style নিয়ে লিখে, হিজিবিজি এর কাজ করি কি বলেন? যাই হোক আজকের প্রজেক্টটি করার জন্য আমি Planet Kosmos ফন্ট ব্যাবহার করেছি। আপনাদেরও করার জন্য পরামর্শ জানাচ্ছি। ১. নিচের মত সাইজ নিয়ে…

ফটোশপে HTTP 404 Error পেজ তৈরি

404 Error লেখা প্রায় সবাই চেনেন। এটি কোন সাইটের লিংক এ কোন কিছু না পাওয়া গেলে ব্রাউজার এটা দেখায় অর্থাৎ সাইটের সাভারে এমন কোন পেজ নেই। যাই হক এই পেজগুলো দেখানোর জন্য ব্রাউজারের একটা ডিফল্ডেড ডিজাইন থাক এবং সেটাই মূলত দেখায়। এই পেজ গুলো আপনি আপনার নিজের মত ডিজাইন করতে পারবেন। এই টিউটোরিয়ালটি হল হল…

ফটোশপে আরও একটা 3D লেয়ার স্টাইল

আপনারা হয়তো লক্ষ্য করে থাকবেন ফটোশপ আমার ফেভারিট গ্রাফিক্স সফটওয়্যার। আসলে ফটোশপে সব ধরনের ডিজাইন করা সম্ভব। আমার একটা বন্ধুর সাথে কদিন আগে এই নিয়ে তর্ক শুরু হয়। যদিও ও আমার চেয়ে অনেক বড় গ্রাফিক্স ডিজাইনার। যাই হক ও আবার Illustrator এর মহা ভক্ত। ও বিভিন্ন ওয়েব ডিজাইনও Illustrator ব্যাবহার করেই করে। Illustrator ভক্ত এর…

ফটোশপে Prodded Style তৈরি

দুই-দুইটা তো 3D লেয়ার স্টাইল শিখলাম। আজ আর 3D নয় কিছু অস্ত্র-সন্ত্রের স্টাইল বানাই কি বলেন। তাই আজকের প্রজেক্ট ফটোশপে Prodded Style লেয়ার স্টাইল তৈরি করা। এটার জন্য আমি Jokerman ফন্ট ব্যাবহার করেছি। আপনিও এই ফন্ট ব্যাবহার করুন। ১. ব্যাকগ্রাউন্ড ডিজাইন নিচের সাইজ অনুসারে একটা একটা নতুন ডকুমেন্ট নিন। এবার Filter>Artistic> Sponge যান এবং নিচের…

ফটোশপে রিবন লাগানো সাথে ডার্ক নয়েজ বাটন তৈরি

আজকের টিউটোরিয়াল আরও একটা বাটন তৈরি উপরেই। কিন্তু আজকের মূল বিষয় হল রিবন। রিবন আপনার যে কোন প্রজেক্ট এর সৌন্দর্য দ্বিগুণ করে দিতে পারে। আবার বিভিন্ন ভাবে একে আলাদা ট্যাগেও পরিণত করে হাইলাইট করতে পারে। যেটা আপনার ক্লাইন্ট অথবা পাঠক উভয়ের সুবিধা দিবে। শুধু রিবন লাগানোর বিভিন্ন টিপস-টিউটোরিয়াল নিয়েই অনেক গুলো পর্ব কারার পরিকল্পনা আছে…

CSS কোড ব্যাবহার করে টেক্সটা স্টাইল

ফটোশপে টেক্সটা স্টাইল তো অনেকে করেন। এইবার একটু শুধু সিএসএস কোড ব্যাবহার করে টেক্সটা স্টাইল করি কি বলেন। এই স্টাইল গুলো মূলত পোষ্ট এর টাইটেল, ওয়েব হেডার, বিভিন্ন প্রকারের লিংক এর ক্ষেত্রে ব্যাবহার করা হয়। যাই হোক আমি এইখানে Dreamweaver ব্যাবহার করেছি। আপনি ইচ্ছা করলে Dreamweaver ব্যাবহার না করেও কাজটা কারতে পারেন। ১. প্রথম কাজ…

ফটোশপে ওয়াটার টেক্সটা স্টাইল এবং ওয়ালপেপার তৈরি

স্বাগতম আজকের টিউটোরিয়ালে। আজ আমাদের প্রজেক্ট ফটোশপে ওয়াটার স্টেক্সট স্টাইল এবং ঐ স্টাইল দিলে ওয়াল পেপার তৈরি। ১. ব্যাকগ্রাউন্ড: প্রথম কাজ নিচের সাইজের একটা নতুন ডকুমেন্ট্রি নিন। Gradient Tool এর সেটিং নিচের মত করে করুন। এবং স্ক্রিন সট অনুযায়ী ড্রাগ করুন। ২. স্টাইল তৈরি: আপনি আপনার ওয়াল পেপারের ওপর টেক্সটা যোগ করুন। দেখুন আমি যোগ…

CSS 3 দিয়ে Gradient এর ব্যাবহার

ফটোশপে কাজ করেছেন অথচ Gradient এর নাম শোনেন নি। এমন কেউ থাকতে পারে বলে আমি বিশ্বাস করি না। এই সুবিধা এখন শুধু CSS ব্যাবহার করেই পাওয়া যাবে। তাই ভাবলাম এই নিয়ে একটা টিউটোরিয়ল লিখি। সামনের টিউটোরিয়ার গুলোতে এর ব্যাবহার বুঝতে পারবেন। ১. Linear Gradient এইটাতে ওপরে একটা এবং নিচে একটা রং। ব্যবহৃত CSS: -webkit-gradient(linear, left…

ফটোশপে 3D লেয়ার স্টাইল

ফটোশপ আমার সবচেয়ে প্রিয় হল লেয়ার স্টাইল এর জন্য। নতুন CSS 3 তে দেখতে পাবেন ফটোশপ লেয়ার স্টাইল সাথে মিল আছে। ওয়েব লেআউট ডিজাইন এর ক্ষেত্রও ফটোশপে লেয়ার স্টাইল শেখার বিকল্প নাই। তাছাড়াও অনলাইনে দেখা যায় শুধু মাত্র লেয়ার স্টাইল এরও ব্যাপক চাহিদা রয়েছে। ১.ব্যাক গ্রাউন্ড এবং টেক্সটা নিচের মত সাইজের একটা ডকুমেন্ট্রি নিন। এইবার…

ফটোশপে একটা বিউটিফুল 3D ওয়েব বাটন তৈরি

এটি একটি থ্রিডি বাটন তৈরীর প্রজেক্ট। অনেক সময় ওয়েব ডিজাইনে এই ধরনের বাটনের দরকার হতে পারে। ধাপে ধাপে থ্রিডি বাটনের প্রজেক্টে সবাইকে আমন্ত্রণ। ১. ব্যাকগ্রাউন্ড ডিজাইন নিচের সাইজের একটা ডকুমেন্ট্রি নিন। এবার কালার কোড #141d28 দিয়ে তা ফিল করুন। এইবার Guide যোগ করুন। ২. মূল বাটন এবারের কাজ খুবই সহজ #141d28 কালার কোড নিয়ে Rectangle…

CSS দিয়ে আরও কয়েটা টেক্সটা স্টাইল

CSS দিয়ে টেক্সটা স্টাইল নিয়ে কদিন আগে লিখেছিলাম। আসলে CSS 3 এর সেডোর নতুন ফিচারটা একেবারে জটিল। যাই হক ফেজবুকে কয়েকজন বলল, তারা এই রকম আরও টিউটোরিয়াল চায়। তাই পরে পার্টি লিখলাম এইটাতেও আরও তিনটা স্টাইল যোগ করেছি। অটোমেটিক ফন্ট লোডিং এর জন্য আর কোডিং করার ইচ্ছা করছে না তাই Showcard Gthic ফন্টটা এইখান থেকে…

CSS দিয়ে টেক্সটা স্টাইল

CSS দিয়ে অনেক দারুণ দারুণ ডিজাইন করা সম্ভব। একটা আইফোন দেখে তো আমার চোখ পুরো ট্যারা। দেখতে পারেন এইখান থেকে। আমি ভাই ছোট-মোট প্রোগ্রামার এত বড় কাজ করা আমার পক্ষে আপাতত সম্ভব নয়। তাই আমার তৈরি ছোট ছোট কয়েটা কোড স্টাইল শেয়ার করছি। এইখানে ড্রিমওয়েভার ব্যাবহার করেছি। ১. Grass Text ব্যবহৃত CSS কোড: font: Verdana,…

ফটোশপে স্টিল নোটিশ তৈরি

কদিন ধরে আমি কেন জানি ভালো কোন ক্রিয়েটিভ আইডিয়া পাচ্ছি না। তার উপর আমার ক্রিয়েটিভটি এমনিতেই অনেক কম। আমার ধারণার এই জন্য আমি জীবনের অনেক কিছু মিস করবো। যাই হক মূল কাজে নেমে পড়ি। আজও ঐ ফটোশপ নিয়েই আমার লেখা পাবেন। ১. নিচের মত সাইজের একটা নতুন ডকুমেন্ট্রি নিন। মূল বডি তৈরি: ২. এইটার জন্য…