کاربر گرامی، محتوای این صفحه از سایت قدیمی مجیدآنلاین در این بخش قرار گرفته شده است، از این رو ممکن است مشکلاتی در این صفحه وجود داشته باشد.
از شما تقاضا می‌کنیم، مشکلات این صفحه را با ارسال لینک مقاله از طریق صفحه تماس با ما اطلاع دهید.

آموزش ایجاد box در طراحی وب - قسمت اول

:: آموزش ایجاد box در طراحی وب

قسمت اول : نحوه ی ایجاد BOX برای طراحی Template وب سایت

توجه: هرگونه کپی برداری از مطالب مندرج در این مقاله با ذکر منبع بلامانع است

www.majidonline.com©

ابتدا یک فایل جدید 300×300 (فرضی) ایجاد می کنیم [New->Ctrl+N]

سپس یک لایه ی جدید ایجاد می کنیم.

و رنگ رو را سفید مطلق انتخاب می کنیم.

سپس بوسیله ی ابزار [Marquee Tool [M یک مستطیل فرضی ایجاد می کنیم

حال از نوار منو (menu bar) گزینه ی edit و سپس fill را انتخاب کرده و ok می کنیم. (قبل از این کار از انتخاب layer1 مطمئن باشید)

حال روی layer1 کلیک راست کرده و Duplicate layer را انتخاب میکنیم.

در پنجره ی مربوطه برای نام لایه عبارت layer2 را تایپ کنید.

در پالت لایه ها روی layer1 دوبار کلیک کرده تا پنجره ی layer Style ظاهر شود.

از گزینه های سمت چپ تصویر drop shadow و با کلیک روی آن تنظیمات آن را به صورت زیر قرار می دهیم.

سپس stroke را انتخاب کرده رنگ آن را مشکی و سایز را 1px قرار می دهیم.

حال در پالت لایه ها روی layer2 کلیک کرده و مطابق شکل بخشی از آن را انتخاب کرده و حذف می کنیم. (بعد از انتخاب کلید Del را بزنید تا منطقه ی مورد نظر حذف شود)

سپس روی layer2 دو بار کلیک کرده تا پنجره ی layer Style باز شود و تنظیمات زیر را مربوط به bevel and emboss مطابق شکل انجام می دهیم. و سپس stroke را مطابق layer1 اجرا می کنیم.

اکنون box زیر باید درست شده باشد و لایه ها به ترتیب زیر است:

آیکون از قبل آماده شده ی خود را به آن اضافه کرده و به مدت 25 دقیقه در فری با دمای 80 درجه قرار می دهیم D:

اکنون قالب box ما برای استفاده در طراحی Template سایت آماده است:

در بخش آینده آموزش نحوه ی ایجاد slice ها و آماره کردن فایل برای استفاده در وب شرح داده میشود.

-;{@ موفق باشید @};-

علیرضا مقاری

© www.MajidOnline.com

به اشتراک بگذارید