Erfan
Active Member
سلام;
امیدوارم حال همه خوب باشه
. دوستان زیادی هستند که روزها را برای جستجو یک تمپلت یا یک قالب برای وب سایت خودشون صرف میکنن غافل از اینکه نمیدونن با کمی تلاش میشه خودشون زیباترین قالب را با سلیقه و امکاناتی که مد نظرشون هست رو خلق کنند. در این آمورش شما طریقه ساختن یک تمپلت زیبا را رو یاد خواهید گرفت. پس همراه باشید.
1. در قسمت اول سندی با سایز 770 760x بسازید با بکگراند سفید. سپس با استفاده از ابزار Rectangle Tool تشکیل شده از 30 قسمت با یک نمونه ایجاد کنید, مطابق رنگ dfdac4 که استفاده کرده ام.
2. با ابزار مشابه یک قالب و نمونه دیگر ایجاد کنید. در این لحظه من مطابق کد رنگ cac09d استفاده کرده ام.
3. در این مرحله ابزار Ellipse tool را انتخاب کنید, و یک دایره مطابق تصویر زیر ایجاد کنید با کد رنگ 707070 که من استفاده کرده ام.
4. در این قسمت شما مشابه قسمت اول با استفاده از ابزار Rectangle Tool یک نمونه دیگر از شکل ساخته شده را با سایز بزرگ مطابق تصویر با کد رنگ 8b836c ایجاد نمائید.
5. حالا این لایه ای که دقیقاً بالای لایه پیش زمینه است را انتخاب کنید.
6. سپس لایه اولی را که در زمینه ایجاد کرده ایم را ذخیره کنید. برای این عمل به آدرس مربوطه بروید : Layer > Rasterize > Shape برای ذخیره و لود (خواندن) کلید CTRL را فشار دهید و کلید چپ را نگه دارید (روی لایه مربوطه).
7. تا به اینجای کار نتیجه شما می بایست شبیه به تصویر زیر شده باشد :
8. در این مرحله به آدرس Select > Modify > Expand رفته و مقدار 3 پیکسل را وارد نمائید.
9. حالا لایه نمونه بزرگ را انتخاب کنید, و یک لحظه روی کلید Delete روی صفحه کلیدتان کلیک نمائید. برای عدم انتخاب کلیدهای CTRL+D را با هم فشار بدهید. این نتیجه کار است :
10. قسمت انتخاب شده را برای نمونه های دیگر انتخاب نمائید.
11. به آدرس Select > Modify > Expand رفته و مقدار 3 پیکسل را وارد نمائید. سپس نمونه لایه بزرگ را انتخاب نمائید روی کلید Delete از صفحه کلید فشار دهید. سپس دکمه های CTRL+D را با هم فشار دهید. این نتیجه کار است :
12. برای دایره ای که ایجاد کرده اید هم گاهم های مشابه را انجام دهید. من یک بار دیگه مراحل را توضیح نمیدهم زیرا من مطمئن هستم شما میتوانید به تنهایی آنها را یک بار دیگه انجام دهید. اگر تغییرات مشابه قبلی را روی دایره انجام دهید نتیجه کار شما میبایست مشابه این تصویر زیر شده باشد :
13. در این قسمت ما بخشهایی اضافه میکنیم, لطفاً در قسمت چپ لایه مقداری متن اضافه کنید.
14. ابزار Line Tool را انتخاب کنید و خطوطی بین متنها ایجاد کنید.
15. حالا کلیه لایه ها را انتخاب کنید به همراه خطوط و همزمان کلیدهای CTRL+E را فشار دهید. (تمام لایه ها را به صورت یک لایه در می آورد.)
16. ابزار Elliptical marquee tool را انتخاب کنید و یک انتخاب بزرگتر مشابه انتخاب من ایجاد کنید :
17. مطمئن شوید که به صورت افقی لایه ها را با خطوط انتخاب کنید, سپس کلید CTRL+D را فشار دهید.
18. اکنون بگذارید یک تصویر روی لایه شما اضافه شود. تصویر را در قسمت بالای دایره جایگزین کنید
19. با استفاده از ابزار Elliptical Marquee tool نمونه ای هم اندازه دایره تان ایجاد کنید و بسازید. (یا میتوانید دایره انتخابی قبلی را ذخیره کنید.)
20. در این مرحله کلیدهای CTRL+SHIFT+I را با هم فشار دهید تا به طور کلی قسمت انتخابی را احاطه نماید و سپس کلید delete را از صفحه کلید فشار دهید. تا این مرحله نتیجه شما میبایست مانند تصویر زیر شده باشد :
21. بگذارید یک نمونه ساده لایه با شکل بزرگ اضافه شود, آن را انتخاب کنید. (آن یکی که بالای لایه پیش زمینه صفحه است)
22. مدلهای مربوط به نمونه لایه را اضافه کنید.
23. این نتیجه اعمال تغییرات در مرحله پیشین است:
24. ابزار Rectangle tool را انتخاب نمائید و یک مستطیل کوچیک و ظریف بسازید :
25. به فیلتر Filter > Distort > Shear نابود سازی زفته و مطابق تصویر زیر تغییرات را اعمال نمائید. شما اگر میخواهید لایه را احاطه نمائید میبایست سوال و درخواست کنید. لطفاً ok را فشار دهید. سپس برای مقایسه و سیستم بریدن از following settings استفاده کنید.
26. نتیجه اعمال تغییرات مرحله قبلی این شد :
27. قسمت بالای شکل نمونه را پاک کنید :
28. اکنون مقداری متن و تصویر روی لایه من اضافه کنید.
29. سپس من همچنین یک آرم متن اضافه خواهم کرد, اینک لایه های نمونه ای در سرتاسر و دوتادور مدلها را روی لایه خودتان اضافه کنید.
30. این نتیجه کلی کار و زحمت شماست :
دانلود نسخه html با حجم 760 کیلوبایت
دانلود نسخه pdf با حجم 517 کیلوبایت
دانلود فایل psd آموزش با حجم 328 کیلوبایت
امیدوارم از این آموزش لذت برده باشید. در این آموزش سعی شد که شما را با امکانات خیره کننده لایه ها تا حد معقولی آشنا کنیم و به شما یاد بدهیم که بدون نیاز به هر گونه ابزار اضافه ای میتوان به راحتی یک قالب یا یک تمپلت ساده اما زیبا را خلق نمود. انشالله در آموزش های بعدی روشهای نوین دیگر را به شما یاد خواهم داد.
موفق باشید.
عرفان
امیدوارم حال همه خوب باشه
. دوستان زیادی هستند که روزها را برای جستجو یک تمپلت یا یک قالب برای وب سایت خودشون صرف میکنن غافل از اینکه نمیدونن با کمی تلاش میشه خودشون زیباترین قالب را با سلیقه و امکاناتی که مد نظرشون هست رو خلق کنند. در این آمورش شما طریقه ساختن یک تمپلت زیبا را رو یاد خواهید گرفت. پس همراه باشید.1. در قسمت اول سندی با سایز 770 760x بسازید با بکگراند سفید. سپس با استفاده از ابزار Rectangle Tool تشکیل شده از 30 قسمت با یک نمونه ایجاد کنید, مطابق رنگ dfdac4 که استفاده کرده ام.
2. با ابزار مشابه یک قالب و نمونه دیگر ایجاد کنید. در این لحظه من مطابق کد رنگ cac09d استفاده کرده ام.
3. در این مرحله ابزار Ellipse tool را انتخاب کنید, و یک دایره مطابق تصویر زیر ایجاد کنید با کد رنگ 707070 که من استفاده کرده ام.
4. در این قسمت شما مشابه قسمت اول با استفاده از ابزار Rectangle Tool یک نمونه دیگر از شکل ساخته شده را با سایز بزرگ مطابق تصویر با کد رنگ 8b836c ایجاد نمائید.
5. حالا این لایه ای که دقیقاً بالای لایه پیش زمینه است را انتخاب کنید.
6. سپس لایه اولی را که در زمینه ایجاد کرده ایم را ذخیره کنید. برای این عمل به آدرس مربوطه بروید : Layer > Rasterize > Shape برای ذخیره و لود (خواندن) کلید CTRL را فشار دهید و کلید چپ را نگه دارید (روی لایه مربوطه).
7. تا به اینجای کار نتیجه شما می بایست شبیه به تصویر زیر شده باشد :
8. در این مرحله به آدرس Select > Modify > Expand رفته و مقدار 3 پیکسل را وارد نمائید.
9. حالا لایه نمونه بزرگ را انتخاب کنید, و یک لحظه روی کلید Delete روی صفحه کلیدتان کلیک نمائید. برای عدم انتخاب کلیدهای CTRL+D را با هم فشار بدهید. این نتیجه کار است :
10. قسمت انتخاب شده را برای نمونه های دیگر انتخاب نمائید.
11. به آدرس Select > Modify > Expand رفته و مقدار 3 پیکسل را وارد نمائید. سپس نمونه لایه بزرگ را انتخاب نمائید روی کلید Delete از صفحه کلید فشار دهید. سپس دکمه های CTRL+D را با هم فشار دهید. این نتیجه کار است :
12. برای دایره ای که ایجاد کرده اید هم گاهم های مشابه را انجام دهید. من یک بار دیگه مراحل را توضیح نمیدهم زیرا من مطمئن هستم شما میتوانید به تنهایی آنها را یک بار دیگه انجام دهید. اگر تغییرات مشابه قبلی را روی دایره انجام دهید نتیجه کار شما میبایست مشابه این تصویر زیر شده باشد :
13. در این قسمت ما بخشهایی اضافه میکنیم, لطفاً در قسمت چپ لایه مقداری متن اضافه کنید.
14. ابزار Line Tool را انتخاب کنید و خطوطی بین متنها ایجاد کنید.
15. حالا کلیه لایه ها را انتخاب کنید به همراه خطوط و همزمان کلیدهای CTRL+E را فشار دهید. (تمام لایه ها را به صورت یک لایه در می آورد.)
16. ابزار Elliptical marquee tool را انتخاب کنید و یک انتخاب بزرگتر مشابه انتخاب من ایجاد کنید :
17. مطمئن شوید که به صورت افقی لایه ها را با خطوط انتخاب کنید, سپس کلید CTRL+D را فشار دهید.
18. اکنون بگذارید یک تصویر روی لایه شما اضافه شود. تصویر را در قسمت بالای دایره جایگزین کنید
19. با استفاده از ابزار Elliptical Marquee tool نمونه ای هم اندازه دایره تان ایجاد کنید و بسازید. (یا میتوانید دایره انتخابی قبلی را ذخیره کنید.)
20. در این مرحله کلیدهای CTRL+SHIFT+I را با هم فشار دهید تا به طور کلی قسمت انتخابی را احاطه نماید و سپس کلید delete را از صفحه کلید فشار دهید. تا این مرحله نتیجه شما میبایست مانند تصویر زیر شده باشد :
21. بگذارید یک نمونه ساده لایه با شکل بزرگ اضافه شود, آن را انتخاب کنید. (آن یکی که بالای لایه پیش زمینه صفحه است)
22. مدلهای مربوط به نمونه لایه را اضافه کنید.
23. این نتیجه اعمال تغییرات در مرحله پیشین است:
24. ابزار Rectangle tool را انتخاب نمائید و یک مستطیل کوچیک و ظریف بسازید :
25. به فیلتر Filter > Distort > Shear نابود سازی زفته و مطابق تصویر زیر تغییرات را اعمال نمائید. شما اگر میخواهید لایه را احاطه نمائید میبایست سوال و درخواست کنید. لطفاً ok را فشار دهید. سپس برای مقایسه و سیستم بریدن از following settings استفاده کنید.
26. نتیجه اعمال تغییرات مرحله قبلی این شد :
27. قسمت بالای شکل نمونه را پاک کنید :
28. اکنون مقداری متن و تصویر روی لایه من اضافه کنید.
29. سپس من همچنین یک آرم متن اضافه خواهم کرد, اینک لایه های نمونه ای در سرتاسر و دوتادور مدلها را روی لایه خودتان اضافه کنید.
30. این نتیجه کلی کار و زحمت شماست :
دانلود نسخه html با حجم 760 کیلوبایت
دانلود نسخه pdf با حجم 517 کیلوبایت
دانلود فایل psd آموزش با حجم 328 کیلوبایتامیدوارم از این آموزش لذت برده باشید. در این آموزش سعی شد که شما را با امکانات خیره کننده لایه ها تا حد معقولی آشنا کنیم و به شما یاد بدهیم که بدون نیاز به هر گونه ابزار اضافه ای میتوان به راحتی یک قالب یا یک تمپلت ساده اما زیبا را خلق نمود. انشالله در آموزش های بعدی روشهای نوین دیگر را به شما یاد خواهم داد.
موفق باشید.
عرفان
![[SOBHAN]](/data/avatars/m/55/55582.jpg?1470330290){kind=avatar}
![[EHSAN]](/data/avatars/m/10/10726.jpg?1470330253){kind=avatar}
که انگار یادم رفته
