শিবলী

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ফটোশপে একটা জোশ ডাউনলোড বাটন তৈরি

কয়েক দিন আগে একটা টিউটোরিয়াল লিখেছিলাম ফটোশপে সার্কেল বাটন তৈরি করতে হয়। আজ আবার বাটন তৈরি করার ওপরেই টিউটোরিয়াল লিখছি। কেউ কিছু মনে করবেন না। যাই হয় আকারে কথা বলে লাভ নাই কাজে নেমে পড়ি। ১. নিচের মত সাইজের একটা নতুন ডকুমেন্ট্রি নিন। ২. এবার নিচের মত করে একটা একটা ৮০০x৮০০px সাইজের Pattern বানিয়ে নিন। …

ফটোশপে একটা জোশ ডাউনলোড বাটন তৈরি Read More »

ফটোশপে সার্কেল আইকন সেট ডিজাইন

আমার কদিন ধরে কিছুই ভালো লাগছিল না। আর লেখা লেখি হল ক্রিয়েটিভ কাজ এটা কি কিছু ভালো না লাগলে করা যায়? যাই হোক আমার লেখা লেখি বেশীর ভাগ সময় ফটোশপেই থাকে আর কেউ লক্ষ্য করেছেন কি না জানি না। আমি সব সময় লেয়ার স্টাইল দিয়েই কাজ শেখাই। আসলে ফটোশপের মূল মজা হল লেয়ার স্টাইল।  আসেন …

ফটোশপে সার্কেল আইকন সেট ডিজাইন Read More »

ওয়ার্ডপ্রেস এর প্রতিটা পোষ্টে কাস্টম CSS কোড ব্যাবহার করবেন যে ভাবে

অনেক ব্লগে দেখা যায় প্রতিটা পোষ্টে আলাদা বাটন ব্যাবহার করেছে। তাছাড়া একেটা পোষ্টে একেক রকম CSS এর জাদু দেখিয়েছে। কিন্তু সাইট লোড হতে সময় লাগে না। আমিও প্রথমে দেখে একটু অবাক হতাম কারণ, CSS কোড গুলো মূলত style.css ফাইলে যোগ করা হয় আর ওয়েব সাইট লোডের সময় সম্পূর্ণ style.css ফাইলটাই লোড হয়। এত CSS কোড …

ওয়ার্ডপ্রেস এর প্রতিটা পোষ্টে কাস্টম CSS কোড ব্যাবহার করবেন যে ভাবে Read More »

ফটোশপে ব্লু গ্লো টেক্সট ইফেক্ট

বেশ কদিন পরেই টিউটোরিয়াল লিখছি। এবারও ফটোশপ নিয়ে এবং টেক্সট ইফেক্ট। আজ বেশী প্যাঁচাল পাড়বো না। কাজে নেমে পড়ি। ব্যাকগ্রাউন্ড তৈরি: ১.নিচের মত সেটিং নিয়ে একটা নতুন ডকুমেন্ট্রি নিন। ২. এবার নতুন একটা লেয়ার নিন এবং Ctrl+BackSpace চেপে পুরোটা ফিল করে দিন। ৩. এবার Layer>Layer Style>Gradient Overlay যান এবং নিচের স্টাইল ফলো করুন। টেক্সট ইফেক্ট: …

ফটোশপে ব্লু গ্লো টেক্সট ইফেক্ট Read More »

পোর্টফলিও সাইটের জন্য ১০ টি ওয়ার্ডপ্রেস থিম

ওয়ার্ডপ্রেস ব্লগিং কারার জন্য থিম এর মধ্যে আমার কাছে থিসিস বেষ্ট থিম(অন্তত আমার কাছে)। কারণ এটা অত্যন্ত SEO ফ্রেন্ডলি। তারপর একটা নিজের ইচ্ছা মত স্কিনও ডিজাইন করে নেয়া যায়। কিন্তু যে সবটাই ব্লগিং কারার জন্য নয় সেসব সাইটে থিসিস নিয়ে একটু সমস্যায় পড়তে হয়। তবে ভালো CSS জানলে এটা নিজের মত করে তৈরি করে নেয়া …

পোর্টফলিও সাইটের জন্য ১০ টি ওয়ার্ডপ্রেস থিম Read More »

ফটোশপ এবং CSS দিয়ে হোভার(hover) এনিমেশন যুক্ত বাটন তৈরি

বেশ অনেক দিন থেকেই ভাবছি এবং বলছি PSD থেকে CSS কোডিং এর ওপর টিউটোরিয়াল লিখবো। কিন্তু আঁতি-পাতি করতে করতে আর করা হয়ে উঠে না। তো যাইহোক আমি আজ খুব সাধারণ এটা টিউটোরিয়াল লিখবো ফটোশপ থেকে CSS কোডিং এর বেপারে। এই বিষয় গুলো নিয়ে যারা ঘাঁটা ঘাটি করেন। তারা হয়তো এই ধরেনের প্রজেক্ট অন্য কোন ইংরেজি …

ফটোশপ এবং CSS দিয়ে হোভার(hover) এনিমেশন যুক্ত বাটন তৈরি Read More »

ফটোশপে চকলেট এবং তুষার এর টেক্সট এফেক্ট তৈরি

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

ফটোশপে চকলেট এবং তুষার এর টেক্সট এফেক্ট তৈরি Read More »