PDA

نسخه کامل مشاهده نسخه کامل : کمک برای طراحی فرم



farnaz.saeedi
21-02-2012, 13:18
سلام
من یه فرم ورود به سایت پیدا کردم که فایل psd هست
اگه میشه یه نگاه به این فایل بندازید:
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

حالا میخوام اون قسمت login رو جدا کنم بندازم تو یه فایل دیگه بصورتی که بتونم روی هر زمینه ای که بخوام بتونم قرارش بدم.چطوری باید این کار رو بکنم؟
یه سوال دیگه:چطوری میتونم هر قطعه از فرم رو بصورت جدا ذخیره کنم؟مثلا فقط دکمه login؟
تشکر

YAHYA-PRO
21-02-2012, 14:36
برای جداکردن قسمت لاگین کافیه یه فایل جدید باز کنید و گروه LOGIN رو از پالت لایه ها انتخاب کنی و درگش کنی توی فایل جدید

برای باتون ها و غیره هم همینطوری عمل میکنی
فایل های مربوط به باتون رو با گرفتن cTRL انتخاب میکنی و میکشی تو یه فایل جدید

چون به نظرم کار ساده ای اومد تصویر نذاشتم ولی اگه نگرفتی چی شد بگو برات تصویر هم بزارم:46:

YAHYA-PRO
21-02-2012, 15:55
این پست رو ببین یه نمونه آموزش همین مورده:20:

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

farnaz.saeedi
21-02-2012, 16:40
سلام
الان من کل فرم لاگین و کشیدم انداختم تو یه فایل جدید که زمینه اش سفیده
حالا چطوری میتونم فرم و جدا کنم که بخوام روی هر زمینه ای بندازم مشکلی نداشته باشه؟مثلا زمینه آبی یا سبز...
اگه تصویری توضیح بدید ممنون میشم

YAHYA-PRO
21-02-2012, 17:54
دقیقا نگرفتم منظورت چیه ! ولی یه آموزش برات ساختم ببین بدرد میخوره یا نه:31:

اولین کار اینه که فایل پی اس دی مورد نظرت رو باز کنی بعدش یه فایل جدید با ابعاد مورد نظرت درست کنی

بالای منو های فتوشاپ یه گزینه به شکل زیر هست کلیک کن و گزینه مشخص شده رو بزن


[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

حالا دو تا بوم رو کنار هم داری
بومی که فایل اصلی رو توش باز کردی یکبار روش کلیک میکنی تا انتخاب بشه و مثل شکل زیر گروه login که شامل همه لایه های اون فرم لاگین هست رو روی اون یکی فرم درگ میکنی و ولش میکنی
دیگه با بوم اصلی کار نداریم اونو میبندی


[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

همون طوری تو عکس زیر مشخصه بوم اولیه رو بستم و الان فقط لایه بکگراند و گروه login مونده
دو تا لایه درست کردم و زیر فرم لاگین گذاشتم و رنگشون کردم


[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]


حالا برای جدا کردن اجزای دیگه برای مثال همون باتون رو برات جدا میکنم برای بقیه هم همینطوری عمل کن
یه بوم جدید متناسب با اندازه باتون باز کن
اولین کار پیدا کردن لایه های مروبوط به باتون هست
این فایلی که شما گذاشتی خودش قسمت های مختلف رو گروه بندی کرده
گروه مربوط به باتون اسمش login button هست
طبق عکس زیر گروه ها رو به ترتیب باز کنید تا به گروه باتن برسی
گروه باتون رو درگ کن روی بومی جدید که ساختی
با زدن کلید C ابزار زقخح فخخم رو انتخاب میکنی و خود باتون رو تو چهارچوب میزاری و اینتر میکنی
آخرشم دکمه رو سیو میکنی


[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

farnaz.saeedi
21-02-2012, 18:00
ممنون که وقت گذاشتی دوست عزیز
یه سوال دیگه
حالا اگه بخوام background فرم لاگین رو حذف کنم,یعنی پشتش هیچی نباشه که بتونم روی هر رنگ زمینه ای که بخوام بزارمش
چکار باید بکنم؟
تشکر

YAHYA-PRO
21-02-2012, 19:33
خواهش میکنم:11:

برای عوض کردن رنگ بکگراند لاگین :
گروه ها رو به ترتیب زیر باز کنید
فایل shape 7 رو پاک کنید
فایل زیریش رو انتخاب کنید و روی مربع طوسی که با فلش آبی نشون دادم کلیک کنید کادر رنگ باز میشه و کافیه اونجا رنگ مورد نظرتون رو انتخاب کنید


[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

farnaz.saeedi
21-02-2012, 20:20
نه منظورم این نبود
من میخوام کل فرم لاگین و بردارم بزارم روی مثلا عکس یه گل یا یه چیزه دیگه.
چطوری میتونم کل فرم و بندازم تو یه لایه که روی هر رنگ زمینه که بخوام بتونم ازش استفاده کنم؟
بازم ممنون

YAHYA-PRO
21-02-2012, 21:45
ممنون که وقت گذاشتی دوست عزیز
یه سوال دیگه
حالا اگه بخوام background فرم لاگین رو حذف کنم,یعنی پشتش هیچی نباشه که بتونم روی هر رنگ زمینه ای که بخوام بزارمش
چکار باید بکنم؟
تشکر

:31:زیادی سریع خوندمش فکر کردم میگی رنگ پس زمینه رو چطوری عوض کنم
خوب ببین همین لایه ای که فلش آبی هست رو پاک کنی بکگراند فرم لاگین هست
ولی اینطوری فرمت بدون حاشیه میشه
برای این حالت باید یه حاشیه هم درست کنی مشکل حل میشه :46:

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]