aghahamidgol2
Active Member
سلام دوستان امروز من آموزش ساخت تول بارهای زیرین سایت یا همان منوهایی را می دهم که تقریبا در اکثر سایت ها دیده اید حالا شروع می کنیم
بررسی سریع کاری که می خواهیم انجام دهیم
ما در ابتدا یک منو برای حالت عادی لود شدن نیاز داریم و یک منو برای وقتی که موس روی کار ما می رود تا جلوه آن تغییر کند
در مرحله بعدی ما بعد از اسلایس کردن کار با کمک از ایونت موس اوور عکسها را به حالت دلخواه درمی آوریم
شروع کار
در ابتدا یک فایل جدید با سایز 800 در 30 باز میکنیم و در منو ابزارهای روی عکس ذره بین دو بار کلیک می کنیم تا فایل را با آخرین سایز مشاهده کنیم
حالا روی لایه بک گراند روی علامت قفل آن دو بار کلیک کنید و پنجره باز شده را قبول کنید تا قفل برداشته شود
اکنون یک لایه جدید باز کنید و نام آن را هر چی دوست دارید بزارید
حالا مانند عکس زیر روی ابزاری که مشخص شده کلیک کنید
حالا مقادیر آنرا مانند زیر تنظیم کنید
حالا به مقادیری که جا دارید و به صورت منظک از این مستطیلها در شکل رسم کنید مانند شکل زیر
حالا با کمک ابزار زیر داخل مستطیلها را رنگ کنید
paint Bucket Tool
حالا کنترل دی را بزنید تا از حالت انتخاب خارج شود
حالا این بخش کار خیلی مهم است برای این که کار زیبا درآید باید این بخش را خوب توجه کنید ببینید روی لایه بک گراند کلیک کنید یک بار البته الان نام آن لایه صفر است چون ما آن را از حالت بک گراند خارج کردیم یادتان هست؟
حالا یک استیل مناسب برای ان طراحی کنید و یار یکی از استیلهای آماده فتوشاپ را به ان بدهید
حالا به لایه بالایی بروید و یک استایل شیشه ای به آن بدهید یا یکی بسازید با شفافیت کم تا پشت آن معلوم شود من تصویری قرار دادم تا بدونید از کجا استایل شیشه ای بیارید البته اگر نمی دانید
خب حالا نوبت قرار دادن نوشته ها می باشد نوشته ها را روی هر دکمه بنویسید و یادتان باشد روی تمام نوشته های این بخش یک نوع طرح و استایل اجرا کنید و سعی کنید در این بخش کارتان مایل به تیرگی باشد دلیل را خواهید فهمید
حالا کار بخش اول تمام شد همین کار را دوباره تکرار می کنیم ولی این بار یا استایل دکمه ها یا استایل تکس ها را عوض می کنیم که من حالت دوم را کار کردم و بهرت شد
بعد از این نوبت اسلایس کردن کار است با ابزار اسلایس تمام دکمه ها را برش بزنید و تحت وب سیو کنید
اگر بلد نیستید اسلایس کردن را در انجمنها یک جیتجو کنید خواهید یافت
بعد از اسلاسی کردن هر دو کار فایلی که تحت اچ تی ام ال می دهد را با یک ادیتور باز می کنیم و بعد یکی از طرح ها را که همان طرح تیره باسد بهتر است را قرار می دهیم و بعد توسط ایونت موس اوور عکسهای روشن را هم به آن نسبت می دهیم اکنون کار زیبایی خواهید داشت نمونه این کار را در زیر قرار دادم
تصوير تيره درحالت عادي و وقتي موس روي دكمه ها مي آيد تصوير روشن فعال مي شود
موفق باشید
حمید رضا محمد کاظمی
بررسی سریع کاری که می خواهیم انجام دهیم
ما در ابتدا یک منو برای حالت عادی لود شدن نیاز داریم و یک منو برای وقتی که موس روی کار ما می رود تا جلوه آن تغییر کند
در مرحله بعدی ما بعد از اسلایس کردن کار با کمک از ایونت موس اوور عکسها را به حالت دلخواه درمی آوریم
شروع کار
در ابتدا یک فایل جدید با سایز 800 در 30 باز میکنیم و در منو ابزارهای روی عکس ذره بین دو بار کلیک می کنیم تا فایل را با آخرین سایز مشاهده کنیم
حالا روی لایه بک گراند روی علامت قفل آن دو بار کلیک کنید و پنجره باز شده را قبول کنید تا قفل برداشته شود
اکنون یک لایه جدید باز کنید و نام آن را هر چی دوست دارید بزارید
حالا مانند عکس زیر روی ابزاری که مشخص شده کلیک کنید
حالا مقادیر آنرا مانند زیر تنظیم کنید
حالا به مقادیری که جا دارید و به صورت منظک از این مستطیلها در شکل رسم کنید مانند شکل زیر
حالا با کمک ابزار زیر داخل مستطیلها را رنگ کنید
paint Bucket Tool
حالا کنترل دی را بزنید تا از حالت انتخاب خارج شود
حالا این بخش کار خیلی مهم است برای این که کار زیبا درآید باید این بخش را خوب توجه کنید ببینید روی لایه بک گراند کلیک کنید یک بار البته الان نام آن لایه صفر است چون ما آن را از حالت بک گراند خارج کردیم یادتان هست؟
حالا یک استیل مناسب برای ان طراحی کنید و یار یکی از استیلهای آماده فتوشاپ را به ان بدهید
حالا به لایه بالایی بروید و یک استایل شیشه ای به آن بدهید یا یکی بسازید با شفافیت کم تا پشت آن معلوم شود من تصویری قرار دادم تا بدونید از کجا استایل شیشه ای بیارید البته اگر نمی دانید
خب حالا نوبت قرار دادن نوشته ها می باشد نوشته ها را روی هر دکمه بنویسید و یادتان باشد روی تمام نوشته های این بخش یک نوع طرح و استایل اجرا کنید و سعی کنید در این بخش کارتان مایل به تیرگی باشد دلیل را خواهید فهمید
حالا کار بخش اول تمام شد همین کار را دوباره تکرار می کنیم ولی این بار یا استایل دکمه ها یا استایل تکس ها را عوض می کنیم که من حالت دوم را کار کردم و بهرت شد
بعد از این نوبت اسلایس کردن کار است با ابزار اسلایس تمام دکمه ها را برش بزنید و تحت وب سیو کنید
اگر بلد نیستید اسلایس کردن را در انجمنها یک جیتجو کنید خواهید یافت
بعد از اسلاسی کردن هر دو کار فایلی که تحت اچ تی ام ال می دهد را با یک ادیتور باز می کنیم و بعد یکی از طرح ها را که همان طرح تیره باسد بهتر است را قرار می دهیم و بعد توسط ایونت موس اوور عکسهای روشن را هم به آن نسبت می دهیم اکنون کار زیبایی خواهید داشت نمونه این کار را در زیر قرار دادم
تصوير تيره درحالت عادي و وقتي موس روي دكمه ها مي آيد تصوير روشن فعال مي شود
موفق باشید
حمید رضا محمد کاظمی
