ব্লগ: থিম ফরেস্টে প্রথম ডিজাইন

ডিসেম্বর ২৩, ২০০৯  •  ৯ টি মন্তব্য
লেখক: zakaria

গত এক মাসের প্রচেষ্টার ফলে অবশেষে আমাদের (ওয়েবক্রাফট বাংলাদেশ) প্রথম টেম্পলেট থিমফরেস্ট সাইটে স্থান পেয়েছে। এই টেম্পলেট তৈরিতে আমার দুইজন ডিজাইনার কাজ করেছে। প্রথমজন ফটোশপে ডিজাইনটি তৈরি করে। দ্বিতীয় ডিজাইনার এটিকে HTML/CSS এ রূপান্তর করে। ফটোশপে টেম্পলেটটি তৈরি করতে আমাদের ৩ দিন সময় লেগেছিল। HTML/CSS এ রূপান্তর করতে আরো ২ দিন লাগল। এরপর যখন টেম্পলেটটি থিম ফরেস্টে জমা  দিলাম তখন কর্তৃপক্ষ এটিকে গ্রহণ করল না। বলল HTML এ আরো কাজ করতে হবে এবং কতগুলো ভুল ধরিয়ে দিল। এভাবে অন্তত ৪ থেকে ৫ বার ডিজাইনটিকে আমরা ঠিক করে জমা দিয়েছি এবং বারবার নতুন কোন সংশোধনী বের করে এটিকে ফিরিয়ে দেয়। অবশেষে গতকাল এটিকে গ্রহণ করেছে। কর্তৃপক্ষ এর দাম নির্ধারণ করেছে ১২ ডলার (প্রিপেইড ব্যবহারকারীদের জন্য ১০ ডলার)। প্রতিবার বিক্রি হলে ডিজাইনটির ৪০% আমরা পাব। এরই মধ্যে ডিজাইনটি বেশ কয়েকবার বিক্রি হয়ে গেছে।

এই লিংকে ক্লিক করে ডিজাইনটি দেখা যাবে।

থিম ফরেস্টের জন্য টেম্পলেট তৈরি করে আমার বেশ ভাল অভিজ্ঞতা হয়েছে। আশা করছি পরবর্তী টেম্পলেট তৈরি করতে এতটা সময় লাগবে না। আমার এই অভিজ্ঞতা নিয়ে পরে একসময় বিস্তারিত বর্ণনা করব। ডিজাইনটি কেমন হল জানাবেন।

 

লেখক সম্পর্কে: zakaria

আমি একজন কম্পিউটার ইঞ্জিনিয়ার। পড়ালেখা করেছি শাহজালাল বিজ্ঞান ও প্রযুক্তি বিশ্ববিদ্যালয়ে। বর্তমানে সিলেটে ওয়েবক্রাফট বাংলাদেশ নামক একটি ওয়েবসাইট ডেভেলপমেন্ট প্রতিষ্ঠান পরিচালনা করছি। পাশাপাশি "মাসিক কম্পিউটার জগৎ" ম্যাগাজিনে ফ্রিল্যান্সিং...

ব্যবহারকারীর মন্তব্যসমূহ

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

তারিখ: ডিসেম্বর ২৩, ২০০৯

রং পরিবর্তনের জন্য স্বয়ংক্রিয় কোন ফাংশন নেই। এক্ষেত্রে প্রথমে একটি রঙের টেম্পলেট পরিপূর্ণভাবে তৈরি করা হয়েছে এবং এটিকে একটি লেয়ার গ্রুপে রাখা হয়েছে। পরে সেই গ্রুপকে কপি করে আরো ৪টি গ্রুপ তৈরি করা হয়েছে এবং সেগুলোর লেয়ারের রং আলাদা আলাদাভাবে পরিবর্তন করা হয়েছে। নিচের ছবিতে লেয়ারের গ্রুপগুলোকে লক্ষ্য করুন।

তারিখ: ডিসেম্বর ২৩, ২০০৯

জাকারিয়া ভাই ধন্যবাদ,
HTML টা মোটামোটি শেখার পর এখন CSS শিখতেছি , আপনার কল্যানে থিমফরেস্ট সাইটটিতে যে HTML ও CSS এর সহায়তায় তৈরি Template বিক্রি করা যায় তা জেনেছিলাম। তাই খুজতেছিলাম PSD template কে কিভাবে HTML ও CSS ব্যবহারের মাধ্যমে পূর্ণাঙ্গ Template এ রূপান্তর করা যায় তার টিউটোরিয়াল । খুজতে খুজতে পেয়েও গেলাম http://www.1stoptutorials.com/Photoshop_Template.htmlhttp://www.1stoptutorials.com/Slice_Photoshop_Template.html থেকে সম্পূর্ণ টিউটোরিয়াল ডাউনলোড করলাম খুব সহজই মনে হচ্ছিল কিন্তু যখন সম্পন্ন করলাম তখনই দেখলাম বিপত্তি । আমি আসলে 900px / 1000px এর PSD template তৈরি করে তাকে HTML/CSS এ রূপান্তরের চেষ্টা করেছিলাম । যখন সম্পন্ন হল তখন সবকিছুই ঠিকভাবে কাজ করছিল কিন্তু সেটি বিভিন্ন রেজুলেশনে বিভিন্ন রকম দেখাচ্ছিল, আমি নিজে 1280px/1024px এর LCD মনিটর ব্যবহার করি। যখন template টিকে এর চেয়ে কম রেজুলেশনের মনিটরে টেস্ট করলাম তখন দেখলাম এর বিভিন্ন অংশ কেটে অন্যস্থানে চলে এসেছে। এর কারণ কি? আর এই সমস্যা কিভাবে দূর করা যায়। PSD টেমপ্লেট তৈরি করার সময় কত পিক্সেল নিদ্ধিষ্ট করে দিতে হবে অর্থাৎ Width এবং Height এবং Resulation কত সিলেক্ট করে দিতে হবে যদি বলতেন তাহলে অনেক উপকার হতো । দৃষ্টিনন্দন টেমপ্লেট তৈরি করতে HTML ও CSS এর কোন কোন Tag বেশি ব্যবহৃত হয় এবং এর ব্যবহার ভালভাবে শিখতে হবে জানালে খুশি হতাম । ভাইয়া একটু সময় পেলে টিউটোরিয়াল দুটো ডাউনলোড করে একটু দেখে যদি বলতেন যে এটি কতটা মান সম্পন্ন আর প্রথমিক পর্যায়ে টেমপ্লেট তৈরি শিখতে এটি কতটা ভূমিকা রাখতে পারে তাহলে আমার মত অনেকেরই খুব উপকার হতো । আপনার মূল্যবান পরামর্শের অপেক্ষাই রইলাম।

অসীম

তারিখ: ডিসেম্বর ২৩, ২০০৯

মন্তব্যের জন্য আপনাকে ধন্যবাদ। টেম্পলেটের আকৃতি দুই ধরনের হতে পারে - Liquid এবং Fixed। লিকুইডের ক্ষেত্রে ব্রাউজারের আকারের সাথে সাথে টেম্পলেটের আকার পরিবর্তিত হবে। আর ফিক্সড এর ক্ষেত্রে মাধ্যের মূল অংশ একটি নির্দিষ্ট পিক্সেলের হয়ে থাকে। ব্রাউজারের আকার বেশি বড় হলে দুই পাশে ব্যাকগ্রাউন্ড বেশি দেখা যাবে।

ফিক্সডের ক্ষেত্রে সাধারণত ৯৬০ পিক্সেল রাখা হয়। কারণ বেশিরভাগ মনিটরের আকার ১০২৪ পিক্সেলের সমান বা বেশি হবে।

CSS জন্য একটি ফ্রেমওয়ার্ক ব্যবহার করা ভাল, এতে অনেক ভুলভ্রান্তি দূর করা যায়। এজন্য আপনি www.960.gs সাইট থেকে "960 Grid System" ফ্রেমওয়ার্কটি ব্যবহার করে দেখতে পারেন।

আপনার দেয়া টিউটোরিয়াল দুটি দেখার সময় বের করতে পারিনি, তাই বলতে পারছিনা কতটা মানসম্মত। তবে net.tutsplus.com ওয়েবসাইটে অসংখ্য মানসম্মত টিউটোরিয়াল পাবেন। ওগুলো যদি সময় নিয়ে নিয়মিত পড়তে পারেন তাহলে অনেক কিছু জানতে পারবেন।

তারিখ: ডিসেম্বর ৩০, ২০০৯

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

তারিখ: ডিসেম্বর ২৪, ২০০৯

জাকারিয়া ভাই জট্রিল হইছে

তারিখ: ডিসেম্বর ৩০, ২০০৯

Nice Theames
Thanks.

তারিখ: মার্চ ২৬, ২০১০

I am new in graphic sector .i want to create icon .please tell my zakariya vi where i get maney tutorial on how i create icon?

তারিখ: মে ৩০, ২০১০

Search google
and download it =easy icon Maker=

তারিখ: মে ৩১, ২০১০

আপনার মন্তব্য দিন