ওয়েব ডিজাইনার হতে চান? আগে হউন ফটোশপ এক্সপার্ট।

আসসালামুয়ালায়কুম ওয়ারাহ মাতুল্লাহ।

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

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

এবার মূল প্রসঙ্গে আসি, কেমন! সাথেই থাকুন।
আপনি যদি একাধিক সাইট ভিজিট করে থাকেন তাহলে নিশ্চয় দেখেছেন ওয়েব সাইটগুলোতে রয়েছে সাইটের নাম, বাহারি ডিজাইনের লোগো, হেডার ও ন্যাভিগেশন বার, মানানসই ও উপযুক্ত জায়গায় ছবি ইত্যাদি ইত্যাদি। তো এগুলোর অবস্থান পেজের কোন পাশে কোনটা বসবে তার সঠিক রুপ দিতে অবশ্যই পেজটি আগে ফটোশপে অংকন করে নিতে হবে। ফটোশপে আপনি যখন আপনার সাইটটি ডিজাইন করার জন্য কাজ করবেন তখন আপনি চাইলেই ওয়েব পেজের বিভিন্ন বিভিন্ন অংশ এডিট করে দেখতে পারবেন। এরপর আপনি যখন ফটোশপেই বানিয়ে ফেলবেন আপনার কাঙ্ক্ষিত ওয়েব পেজটি এটাকে বলা হয় PSD Teemplate। তারপর আপনি এইটা HTML ও CSS দিয়ে এর সঠিক রুপ দিবেন। এর মাধ্যমে আপনি পিএসডি ফাইল সম্পর্কেও জেনে গেলেন।
এখন তো ফ্রিলান্সিং মার্কেটপ্লেস গুলোতে ফটোশপ দিয়ে ওয়েব পেজ তৈরি মানে PSD টেমপ্লেট বানানোর প্রচুর কাজ পাওয়া যায়। ওয়েবসাইটের লোগো তৈরিতে ফটোশপ এর অবদান অসামান্য। যদিও এক্ষেত্রে ইলেস্ট্রাটর এর ভুমিকা অনেক। ওয়েব পেজের বাহ্যিক সৌন্দর্য বাড়াতে এর ব্যাকগ্রাউন্ড টি ফটোশপের গ্রেডিয়েন্ট টুলের বিকল্প নেই। এছাড়া পেজের রাউন্ড বক্স তৈরি তো আছেই।
পরবর্তীতে ফটোশপে তৈরিকৃত ওয়েব পেজ (যাকে বলা হয় PSD ফাইল) থেকে বিভিন্ন ছবি/ ইমেজ কেটে আপনি অনায়াসেই HTML ও CSS দিয়ে মূল পেজটি ডিজাইন করতে পারবেন। এজন্য আপনাকে অবশ্যই এইচটিএমএল ও সিএসএস এ পারদর্শী হতে হবে। আপনি যখন ফটোশপে আঁকা ওয়েব পেজটিকে HTML ও CSS দিয়ে ডিজাইন করবেন এই কাজটিকে বলা হয় PSD to HTML. আপনি যদি শুধুমাত্র PSD to HTML করতে অনেক পারদর্শী হউন এতেও আপনি অনলাইনে কাজ করতে পারবেন।
ওয়েব ডিজাইনার হতে এসে আপনি যদি ফটোশপ কে আয়ত্তে আনতে না পারেন তাহলে আপনি কখনোই ওয়েব ডিজাইনার হতে পারবেন না। এইটা শিখতে খুব বেশি সময় লাগবে না। সব চেয়ে মজার ব্যাপার হচ্ছে আমি নিজেও যখন ওয়েব ডিজাইন শেখার উদ্দেশ্যে ফটোশপ শেখা শুরু করি তখনও আমি কিছু জানতাম না। কিন্তু প্রতিদিন ২/৩ ঘণ্টা কঠোর অনুশীলনে এবং মহান আল্লাহ তায়ালার অশেষ রহমতে মাত্র ১০ দিনেই শিখতে সক্ষম হয়েছিলাম কিভাবে PSD to HTML পরে করতে হয়। তাই দেরি না করে আপনিও HTML ও CSS শেখার পাশাপাশি টুকটাক ফটোশপটাও দেখুন। খেলা করুন এটা নিয়েই। এবং উপভোগ করতে চেষ্টা করুন।
আপনি যদি একেবারে নতুন হন তাহলে টিউনটি আপনার জন্য। আর যদি এ রাস্তায় অনেকটা এগিয়ে থাকেন তাহলে এর সবই আপনার জানা। আমি প্রত্যেকটা টিউন লিখি শুধুমাত্র নিজের অভিজ্ঞতাকে ব্যবহার করে। আপনারা শুধু মাত্র স্বল্পপরিসরে লেখা আমার এই টিউনের ওপর নির্ভরশীল থাকবেন না। অবশ্যই প্রাসঙ্গিক বিভিন্ন সাইট পরিদর্শন করুন। আর সব সময় স্মরণ করুন এক আল্লাহকে, সফলতা আসবেই। আমি নিজেও অনেক কষ্ট করে কাজ শিখে যাচ্ছি তাই আমি বুঝি নতুনদের কি কি সমস্যা থাকতে পারে। আপনার যদি সামান্যতম ভাল লাগে এবং উপকৃত হয়ে থাকেন টিউনটি থেকে তবে কমেন্ট করতে ভুলবেন না। আপনাদের সুন্দর সুন্দর কমেন্ট দিবে পরবর্তী টিউন লেখার সর্বচ্চো অনুপ্রেরণা।
আমি মহাম্মদ দেলোয়ার হোসাইন বাপ্পি। আপনাদের সকলের দোয়া প্রার্থী। দোয়া করবেন যেন একজন সফল ফ্রিলান্সার হতে পারি।
আশা করি আপনারা অনেক অনেক ভাল থাকবেন।

Level 2

আমি বাপ্পি চৌধুরী। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 12 টি টিউন ও 20 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

ভাই আমি ফ্রিলান্সার সর্ম্পকে কিছুই বুঝি না।তাই এই সর্ম্পকে আমাকে কিছু বলেন । এখানে না বল্লে আমাকে কস্ট করে mail করে দিন [email protected]

সজিব। হ্যাঁ আপনাকেই বলছি। যেহেতু বলছেন যে, ফ্রিলান্সিং সম্পর্কে কোন ধারনাই আপনার নেই তাহলে আর আমার ২/১ লাইনের কথায় আপনাকে পুরো ব্যাপারটা বুঝানো সম্ভব হবে না। তাই একটু কষ্ট করে বিভিন্ন সাইট ভিজিট করুন আর সময় দিন অনলাইনে। উদ্দেশ্য ঠিক রেখে চলুন। প্রাথমিক ধারণা সহ অনেক কিছুই জানতে পারবেন।

যাই হউক। আপনার জন্য রইলো অনেক অনেক শুভ কামনা।

    পুরো ব্যাপারটা mail করে বুঝিয়ে দিন ।

Level 0

দারুন টিউন !!
http://www.amaranggina.blogspot.com

Level 0

thanks from the core of my heart..

খুব সুন্দর টিউন। অনেক অনেক ধন্যবাদ, ভাই বাপ্পি।

অনেক দরকারি একটা জিনিস জানতে পারলাম! Photoshop CS5 ব্যবহার করি তবে ডিজাইন আর টেমপ্লেট বানানোর জন্য Paint Tool SAI ব্যবহার করি! Paint Tool SAI তেও ফাইল .PSD তে সেভ করা যায়! আকাআকি করতে সুবিধা,পরে মডিফাই করতে হইলে ফটোশপে করি 😀 সফটওয়্যার নিয়া মাতামাতি 😀

Level 0

u r great! thanks from my heart.

Level 0

Ami o to Web design shikte chai. Pore dekhi amar at first jana dorkar designing bisoy e. Tai Photoshop CS 5 & 6 niya asi. kinto Compu chalu korlei game khelte r Natok dekhte mon chay. Ki j kori. kuno kicu suru korle 2/3 din porei agroho hariye feli. [email protected]

thanks all again. hope you all can go with your view. for this self-confidence can be only one capital.

Level 2

মনের মত কিছু কথা পাইলাম । আরকম আরও মনের মত কথা চাই ।

Can I do it by photoscape? 😐

Level 0

Bhaia apnar lekha valo laglo. Ami apnar shathe mobile a call kore onek kisu jante chai and chat kore. Please you give me your mobile no. [email protected]

ভাই আপনার টিউনের সাথে আমার বিষয়টা মিলে গেল, আমি প্রথমে ওয়েব ডিজাইনার হওয়ার জন্য HTML & Css শেখা শুরু করি পরে বুঝতে পারলাম যে ফটোশপ ছাড়া ডিজাইনার হওয়া সমস্যা তাই ফটোশপ শেখা শুরু করেছি। আমার জন্য দোয়া করবেন, আমি যেন আমার স্বপ্ন পূরণ করতে পারি।

Level 0

Web Designer ভাই রা আওয়াজ দেন । একটা website বানাতে চাই।তাই একজন ভাল মানের web designer আবশ₹ক। techtunes ই হলো উপযুকত জায়গা।এখানে আছেন বাঘা বাঘা web designer .যারা চোখ ধাধানো সুনদর website create করতে পারেন ।

1. Site ta hobe filehorse.com/apphit.com ar moto functionally . kintu aro sundor. Upore head navigation bar facebook tuitter fan page search option.
all content, screenshot,t review is ready . you have 2 put them just.
2. No sign up or login system but newsletter by email.
3.facebook coment system and regular comment system not using signup/ login. They can use any name.
4. Software rating system by users and site administrator.
5.i know a bit of dreamweaver. So show me way of editing this such as link update etc using dreamweaver. And show me edit 2 make new software page by DW.
6. Php mysql hole valo hoi.
7. Hosting o domain name kenar bapare poramosso.
8 site darkorate parle google add debo tokon jeno apnake kuje paua jai J
9. 1 pool
10.chotto akta slide show upore bam a. contact us form request new software form. etc

student manus taka besi dete parbona

contact me : 01712202436 email: [email protected]