آموزش طراحی قالب از صفر - جلسه پنجم طراحی قالب در فتوشاپ

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

https://7learn.com/a/msm/webdesign/photoshop/0.png

قالبی که قرار است با هم بسازیم را میتوانید در یک سایت نمونه کار شخصی استفاده کنید. اگر مراحل را به درستی با من پیش بروید یقین دارم که از نتیجه کار لذت خواهید برد، چرا که شما با یک قالب خاص با نمای تقریبا سه بعدی مواجه خواهید شد.

1-  برای شروع کار یک فایل جدید در ابعاد 960 پیکسل (عرض)  و 900 پیکسل (ارتفاع) و 72dpi رزولوشن ایجاد کنید.

2-  با سطل رنگ (Paint Bucket) رنگ (#04283b) را بر روی صفحه بریزید.

3-  یک لایه جدید ایجاد کنید، قلم مو (Brush) را انتخاب کنید، سایز قلم را به اندازه ای زیاد کنید که بتوانید یک محیط روشن بزرگ با رنگ سفید (مانند نمای زیر) در وسط صفحه ایجاد کنید.

https://7learn.com/a/msm/webdesign/photoshop/1.jpg

4-  ترکیب لایه را به حالت (Soft Light) تغییر دهید.

https://7learn.com/a/msm/webdesign/photoshop/2.jpg

5-  حالا (Rectangle Tool) را انتخاب کنید و اشکالی را همانند نمای زیر در صفحه ایجاد کنید. من رنگ (#41738e) را برای کشیدن این اشکال انتخاب کردم.

https://7learn.com/a/msm/webdesign/photoshop/3.jpg

6-  در سمت چپ، من فضای خالی را با یک شکل دیگر به رنگ (#28607d) پر کردم.

https://7learn.com/a/msm/webdesign/photoshop/4.jpg

7-  سپس با رفتن به منوی Edit>Transform>Skew و انتخاب ابزار (Move Tool)، شکل خود را به حالت زیر تغییر دادم و گوشه‌ها را با دقت بالا به هم متصل کردم.

https://7learn.com/a/msm/webdesign/photoshop/5.jpg

8-  شما هم این کار را برای 4 گوشه کار به همین صورت تکرار کنید. حالا ما 2 نوار تقریبا سه بعدی در بالا و پایین صفحه داریم.

https://7learn.com/a/msm/webdesign/photoshop/6.jpg

9-  حالا باید یک کپی از این اشکال بگیریم و دقیقا به حالتی که در نمای زیر مشاهده میکنید با کمی فاصله در زیر اشکال اولیه و با رنگ تیره‌تر قرار دهیم، با این کار به صفحه خود عمق داده ایم. همین کار را برای نوار زیر صفحه تکرار کنید.

https://7learn.com/a/msm/webdesign/photoshop/7.jpg

10-  یک شکل به حالت بیضی با استفاده از (Ellipse Tool) در زیر نوار روشن بالای صفحه و با رنگ تیره ایجاد کنید.

https://7learn.com/a/msm/webdesign/photoshop/8.jpg

11-  به منوی (Filter) بروید و از زیرمنوی (Blur) گزینه (Gaussian Blur) را انتخاب کنید و تنظیمات آن را به روشی که در نمای زیر می‌بینید تغییر دهید.

https://7learn.com/a/msm/webdesign/photoshop/9.jpg

12-  و (Opacity) لایه را به 40% کاهش دهید.

https://7learn.com/a/msm/webdesign/photoshop/10.jpg

13-  مراحل 10 تا 12 را برای نوار پایینی تکرار کنید و یا از لایه ایجاد شده قبلی یک کپی بگیرید و آن را در زیر نوار پایینی صفحه قراردهید. اگر مراحل را درست انجام داده باشید، قالب شما تا ایجای کار شبیه به نمای زیر خواهد بود.

https://7learn.com/a/msm/webdesign/photoshop/11.jpg

14-  حالا یک لایه بالاتر از همه لایه‌ها ایجاد کنید (می توانید اینکار را با استفاده از CTRL+SHIFT+ALT+N) انجام دهید و با استفاده از مداد یا (Pencil Tool) یک خط صاف افقی بکشید، ولی اندازه قلم را روی 1px تنظیم کنید.

https://7learn.com/a/msm/webdesign/photoshop/12.jpg

15-  دقت کنید که خط سفید را مانند نمای زیر رسم کنید. هنگام کشیدن مداد (Pencil Tool) بر روی صفحه دکمه (Shift) را نگه دارید تا یک خط افقی صاف رسم شود. در نهایت خط رسم شده را مانند نمای زیر دقیقا بر روی لبه نوار بالا قرار دهید.

https://7learn.com/a/msm/webdesign/photoshop/khat.jpg

16-  حالا پاک کن (Eraser Tool) را مانند نمای زیر انتخاب کنید، دقت کنید که یک براش را در نرم‌ترین حالت قرار دهید.

https://7learn.com/a/msm/webdesign/photoshop/13.jpg

17-  حالا با استفاده از همین پاک کن قسمتهایی از خط را مانند نمای زیر پاک کنید.

https://7learn.com/a/msm/webdesign/photoshop/14.jpg

18-  در این مرحله با توجه به نیازها و سلیقه خود کمی متن به صفحه اضافه کنید.

19-  حالا شکلی همانند شماره یک عکس زیر در چپ کار خود ایجاد کنید.

20-  سپس به منوی Filter بروید و از زیرمنوی Blur گزینه Gaussian Blur را انتخاب کنید (Filter > Blur > Gaussian blur) و تنظیمات را مانند قبل بر لایه خود اعمال کنید. خروجی مانند شماره دو خواهد شد.

21-  با استفاده از ابزار انتخاب مستطیلی (Rectangular Marquee Tool) درست نیمه چپ شکل مورد نظر را انتخاب میکنیم.

22-  مطمئن باشید که لایه را درست انتخاب کرده اید، سپس دکمه‌های (CTRL+I) و بعد (CTRL+D) را بفشارید. با اینکار رنگ قسمت انتخاب شده را معکوس خواهید کرد و مانند شماره سه خواهد شد کارتون.

23-  حال اگر میزان شفافیت (Opacity) لایه را به 6% کاهش دهید نتیجه کار شماره 4 عکس زیر می‌شود.

https://7learn.com/a/msm/webdesign/photoshop/15.jpg

24-  حالا با استفاده از (Rounded Rectangle Tool) یک شکل ساده به این حالت می‌کشیم.

https://7learn.com/a/msm/webdesign/photoshop/16.jpg

25-  حالا با استفاده از دکمه‌های (CTRL+T) کمی شکل را به مانند نمای زیر می‌چرخانیم.

https://7learn.com/a/msm/webdesign/photoshop/17.jpg
26-  پس از اطمینان از اینکه شکل را در حالت مناسبی قرارداده اید دکمه Enter را بزنید، سپس بر روی لایه راست کلیک کرده و گزینه Rasterize Layer را انتخاب کنید.

https://7learn.com/a/msm/webdesign/photoshop/18.jpg

27-  باز هم با استفاده از (Rectangular Marquee Tool) قسمت سمت راست شکل فعلی را مانند نمای زیر انتخاب کنید.

https://7learn.com/a/msm/webdesign/photoshop/19.jpg

28-  حالا دکمه Delete را بزنید و یا از منوی Edit  گزینه Clear را انتخاب کنید، سپس برای خروج از حالت انتخاب دکمه‌های CTRL+D  را فشار دهید.

29-  مانند مراحل اولیه کار، از این لایه یک کپی بگیرید و رنگ آن را تیره‌تر کنید و آن را درست در زیر لایه فعلی، البته با کمی تغییر زاویه قرار دهید.

https://7learn.com/a/msm/webdesign/photoshop/20.jpg

30-  حالا کمی سلیقه به خرج داده و در سایت Wefunction.com  آیکون مورد نظر خود را پیدا کنید و آن را مانند نمای زیر در قسمتی از قالب جاسازی کنید.

https://7learn.com/a/msm/webdesign/photoshop/twitter.jpg

31-  خسته نباشید، قالب شما آماده است.

https://7learn.com/a/msm/webdesign/photoshop/demo.png

[dl]

دانلود فایل PSD آماده ی این قالب

[/dl]

با تشکر از تمپ ها

 
ارسال دیدگاه
ما همه سوالات و دیدگاه ها رو می خونیم و پاسخ میدیم
۱۶۹ دیدگاه
babak khorsand ۰۲ تیر ۱۳۹۲، ۱۳:۳۹
منم سوال سینا رو دارم ممنون اگه جواب بدین
سینا خرسند ۳۱ خرداد ۱۳۹۲، ۱۹:۰۰
سلام ممنون از بابت آموزش طراحی قالب سه بعدی تون واقعا به من کمک کردین.
فقط من یک مشکل دارم چجوری این قالب سه بعدی مو sliceکنم
طوری کهheaderو...ازهم جدا باشند
ممنون میشم راهنمایی هاتونو برام ایمیل کنین






ممنون ازسایت جامع تون
برنامه نویس ۱۶ خرداد ۱۳۹۲، ۱۳:۵۷
ممنون اموزش جالبی بود
nedi ۱۱ اسفند ۱۳۹۱، ۲۱:۲۸
سلام به دوستان سون لرنی،
دست همتون درد نکنه.
برای تبدیل فایلهای PSD به HTML می تونید از این کتاب استفاده کنید:
خودآموز طراحی وب به صورت عملی
نویسنده: حامد تکمیل

http://veyq.ir/book/id/13218/%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF-%DA%A9%D8%AA%D8%A7%D8%A8-%D8%AE%D9%88%D8%AF%D8%A2%D9%85%D9%88%D8%B2-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%B9%D9%85%D9%84%DB%8C
salamat595 ۰۷ بهمن ۱۳۹۱، ۲۲:۴۱
ممنون از شما دوستان که پاسخ دادید سایت خوبی دارید ان شااله موفق باشید در تمام مراحل زندگیتان
فقط یه انتقاد کوچیک اینکه جوابی که دادی به سوال من خیلی مختصر بود و اینکه من سه سوال پرسیدم و شما یه سوال جواب دادید عزیز.
تو سایت شما آموزش ویدئویی هست که ساخت از اول تا انتهای یک قالب رو توضیح بده و سر آخر هم قالب ساخته شده رو در یه سایت یا وبلاگ تست کنه اگه باشه خیلی خوبه. :razz:
لقمان آوند ۱۰ بهمن ۱۳۹۱، ۱۲:۲۰
ان شاءالله در آینده چنین اموزشی خواهیم داشت .
salamat595 ۰۷ بهمن ۱۳۹۱، ۱۲:۰۲
با سلام و خسته نباشید وتشکر از این مطلب مفید
راستش خیلی دنبال آموزش طراحی قالب در اینترنت گشتم متاسفانه چیزی پیدا نکردم که بتونه مفید کمک کنه
حالا سوال من چطور میتونم ستون بندی قالب رو انجام بدم ؟ چطور میتونم عکس برای زمینه و عکس برای هدر قالب بذارم و سوال آخر چطور میتونم ستون های مثلا لینک مفید یا لینک دوستان و غیره رو یه مقدار شکل و شمایل بدم مر30
لقمان آوند ۰۷ بهمن ۱۳۹۱، ۲۱:۱۰
برای ستون بندی می تونی از جداول و یا تگ div استفاده کنی ...
Sohayb ۲۲ دی ۱۳۹۱، ۱۳:۵۸
باسلام
ببخشید این حرف رو میزنم ولی مجبورم:
بنده تمام نظرات این پستو خوندم همشون آموزش تبدیل این قالب در فتوشاپ به کد html یا هر کدی دیگر رو میخواستن که فک کنم یا شما ازش سر در نمیارید یا اینقدر ارزش واسه نظرات پستاتون قائل میشید یا
اینکه خــــــــــــــــــــــــــــــــــــــــیلی بی غیرت و تنبل هستید
ممنون.
محمدسینا معراجیان ۲۲ دی ۱۳۹۱، ۱۷:۰۲
دوست عزیز اگر درست بخونید هم نظراتو هم توضیحات نویسندرو میبینید که بارها تکرار کردم بنده امسال کنکور دارم نمیتونم از زندگی و آیندم بزنم که!معذرت خواهیم کردم گفتم در اسرع وقت!به هرحال عادت ما ایرانیاس که حرفمونو با توهین و کوچیک کردن طرفبزنیم
پایدار باشید
hajihasani ۰۲ دی ۱۳۹۱، ۲۳:۴۰
سلام ببخشید اگه ممکنه جلسات 2و 3و 4 رو هم اگه موجود هست لینکش رو روی سایت بذارین چون من فقظ جلسات 1 و 5 رو دیدم. با تشکر
محمدسینا معراجیان ۰۳ دی ۱۳۹۱، ۱۰:۵۱
https://7learn.com/tutorials/theme-design-tuts-part1-structure
https://7learn.com/tutorials/theme-design-tuts-part2-html-tags1
https://7learn.com/tutorials/theme-design-tuts-part3-html-tags2
https://7learn.com/tutorials/theme-design-tuts-part4-html-tags3
https://7learn.com/tutorials/theme-design-tuts-part5-photoshop
خدمت شما
احسان ۱۴ آبان ۱۳۹۱، ۱۷:۵۶
سلام و عرض خسته نباشید خدمت شما!
یه سوال ازتون دارم اونم اینه که بعد از طراحی قالب مورد نظر در فتوشاپ اون رو چطوری به فایل html تبدیل کنم؟؟؟یا به قالب ورد پرس !
برای مثال:من این فایل psd رو دانلود میکنم و میخوام تو وردپرس یا بلاگ اسپوت استفاده کنم،چطوری باید تبدیلش کنم به کد؟؟؟
ممنون میشم اگه پاسخ بدین
باتشکر از سایت پر محتواتون
لقمان آوند ۱۵ آبان ۱۳۹۱، ۰۲:۵۷
سلام دوست عزیز
لطفا سوالات رو در انجمن سایت بپرسید .
somayeh ۰۵ مهر ۱۳۹۱، ۱۱:۱۹
salam . mrc az amoozeshatoon, man ketabi rajebe tarahi web khoondam va bazi az chizayi ke migido baladam baziam balad nistam. rastesh gij shodam nemidoonam che chizayi moonde ke bayad yad begiram ya chi balad nistam , khaheshan ye ketabe amoozeshe tarahi web behem moarefi konid ke aliiiiii bashe , akharesh bashe . ke age khastam tarahi web kar konam motmaen basham ke fool baladam .ketabi ke az sefr bashe ta akhar . lotf konid rahnamayim konid , age javabo be email am befrestid binahayat sepasgozaram.(shirine_ashegh@yahoo.com
لقمان آوند ۰۵ مهر ۱۳۹۱، ۱۳:۱۵
سلام
برای یاد گرفتن طراحی وب باید چند زبون رو یاد بگیری . html ، جاوااسکریپت ، css ، php و ...
برای کدومشون کتاب می خوای ؟
jaafar1363 ۰۳ شهریور ۱۳۹۱، ۱۲:۱۶
لطفا در مورد ايجاد جدول با Div هم توضيح بدين.
ايجاد جدولهاي تو در تو با Div.
مثلا در ايجاد جدول با Table مشخصه هاي Colspan و Rowspan داريم كه ميتونيم سلولهاي جدول رو Merge يا Splite كرد.اين مشخصه ها در Div به چه صورت است؟
با تشكر از خانم Shiva بابت تذكر اين مورد.
ممنون
محمدسینا معراجیان ۰۳ شهریور ۱۳۹۱، ۱۲:۳۵
انشالله در اموزش css
میلاد حیدری ۰۳ شهریور ۱۳۹۱، ۱۲:۵۰
بهترین مثال با طراحی tableless کد زیر می باشد :

[cc]
<!DOCTYPE html>
<html>
<body>

<div id="container" style="width:500px">

<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>

<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>Menu</b><br />
HTML<br />
CSS<br />
JavaScript</div>

<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
Content goes here</div>

<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
Copyright © 7LEARN.com</div>

</div>

</body>
</html>
[/cc]
shiva ۲۸ مرداد ۱۳۹۱، ۰۲:۱۴
سلام مرسی از آموزشتون فتوشاپ تمام شد؟
برمیگردیم به اچ تی ام ال ؟
لطفا کدهای div ,span را هم توضیح بدین
محمدسینا معراجیان ۲۸ مرداد ۱۳۹۱، ۲۰:۰۵
تا اینجای کار بله
چشم
سید محمد حسین نقوی ۲۴ مرداد ۱۳۹۱، ۰۴:۵۹
سلام من محمد حسین ھستم می خوھم بھم کمک کنید تابتونم زبان برنامہ نویسی HTML رو یاد بگیرم ممنون خدا حافظ ۔ :neutral: :neutral: :neutral: :neutral: :neutral:
لقمان آوند ۲۴ مرداد ۱۳۹۱، ۱۶:۱۵
سلام
ایشالله که یاد می گیری . مطالب html رو بخون .
نام... ۲۳ مرداد ۱۳۹۱، ۲۱:۴۱
ببخشید اگر بخوام وقتی موس روی لینک رفت رنگش تغییر نکنه به جاش عکس بیاد مثلا این
[cc]
http://s2.rimg.info/20034315777879ab78297e2393344fb3.gif
[/cc]
چی کار کنم اونوقت باید از چه کدی استفاده کرد؟
لقمان آوند ۲۳ مرداد ۱۳۹۱، ۲۲:۵۱
از چنین کد css ی استفاده کن .
[cc]
a:hover {
background: white url("http://s2.rimg.info/20034315777879ab78297e2393344fb3.gif") no-repeat right 0;
padding-right:20px;
}
[/cc]
نام... ۲۲ مرداد ۱۳۹۱، ۱۸:۲۰
با سلام ببخشید برای این که در وبلاگ وقتی که موس بر روی یک لینک قرار میگیرد آن لینک تغییر کند(مثلا رنگ آن تغییر کند یا این که به سمت بالا،چپ و...برود ) باید از چه کدی استفاده کنیم؟
لقمان آوند ۲۲ مرداد ۱۳۹۱، ۱۸:۴۱
باید از مشخصه hover در css استفاده کنی . این صفحه در موردش توضیح داده و مثال زده .
Hassan.Assadi ۱۸ مرداد ۱۳۹۱، ۰۲:۰۱
سلام
واقعا از اینکه اینگونه مطالب رو بدون هیچ انتظاری آموزش میدید متشکرم. مشتاقانه در انتنظار مطالب بعدی و ادامه دروس و استفاده ازCSS هستم.
با آرزوی موفقیت روز افزون
-sina ۱۱ مرداد ۱۳۹۱، ۲۲:۲۱
ممنون دیگه لازم مشکلم حل شد :oops:
-sina ۱۱ مرداد ۱۳۹۱، ۱۹:۲۹
سلام دوست عزیز.من یه مشکلی داشتم،در قسمت22 که گفتین اون کیلد ها را بزنم تا معکوس بشه،من انجام میدم ولی تغییری نمی کنه.لطفا راهنمایی کنید.
sohayb ۰۹ مرداد ۱۳۹۱، ۰۰:۱۳
سلام خسته نباشد
خواهشا نحوه تبدیل کردن قالب رو ببه کد html رای سایت و سرویس های وبلاگدهی به خصوص بلاگفا رو بدید.منتظریم...
باتشکر
یاحق
ehsan123 ۰۵ مرداد ۱۳۹۱، ۲۲:۱۸
سلام آقای معرا جیان htmlرو که خونده بودم .منظورم htmlبرای این قالب بود .مرسی.
hajian1 ۰۳ مرداد ۱۳۹۱، ۲۳:۲۰
سئوالم این است کهsourceقالب وب سایت با
وبلاگ چه تفاوت هایی باهم دارندواگرقالب وبلاگ بلاگفارابخواهیم برای قالب وبلاگ تبیان کدنویسی آنراتغیردهیم چگونه این کارعملی می شود؟
باتکر
محمدسینا معراجیان ۰۴ مرداد ۱۳۹۱، ۱۱:۰۹
دوست عزیز یک بار دیگه هم توضیح دادم برای دوستان هر سیستمی مثل بلاگفا میهن بلاگ وردپرس و ... یکسری کد مخصوص خودش رو داره که تو خود سایتوشون میتونید اونا رو پیدا کنید برای مثال یه تگ وجود داره که اون رو در هر بخشی از قالب بذارید مطالبتون رو اونجا نشون میده حالا درمورد تبیان نمیدونم ولی می تونید بپرسید اگر کدهایی دارند در اختیارتون بذارند
hajian1 ۰۲ مرداد ۱۳۹۱، ۱۸:۴۷
سلام
view sourceقالب وبلاگ خودم که مربوط به سایت تبیان است رابازمی کنم
وview sourceیک قالب رایگان آماده وبلاگ دیگرراکه ازسایتی تهیه کرده ام
لطفاًراهنمایی فرماییدچه تغیراتی به وبلاگ دوم بدهم که درسایت تبیان بتوانم ازآن استفاده کنم
باتشکر
لقمان آوند ۰۳ مرداد ۱۳۹۱، ۱۵:۱۵
سوالتون واضح نیست .
محمدسینا معراجیان ۲۸ مرداد ۱۳۹۱، ۲۰:۱۰
باید کدهای مخصوص تبیان را از خود سایت تبیان درخواست کنید
king ۳۱ تیر ۱۳۹۱، ۱۷:۰۲
سلام اگه میشه اسم فونتی که در هدر نوشته شده رو ممنون میشم
:oops:
محمدسینا معراجیان ۲۸ مرداد ۱۳۹۱، ۲۰:۰۸
سلام
فونت تیتر از سری ام جی mj هستش
محمدسینا معراجیان ۲۸ مرداد ۱۳۹۱، ۲۰:۱۰
درضمن در انتهای پست فایل پی اس دی قالب رو قرار دادم میتونید استفاده کمید!
hajian1 ۲۵ تیر ۱۳۹۱، ۱۰:۱۶
سلام
چندروزی مسافرت بودیم فکرمی کردم ادامه درس راشروع کرده باشید
مثلی هست که میگن
آتش شدیدزودخاموش میشه
انشاالله که شماهمواره گرمای محبت بخش که آمیخته باآموزش دادن هست دروجودتان وجودداشته باشه
خدانگهدار
negar ۲۴ تیر ۱۳۹۱، ۱۱:۰۶
narm afzar m0rede niaz baraye in goone barname nevisi ham baraye download bezarid.
merci
:oops:
محمدسینا معراجیان ۲۴ تیر ۱۳۹۱، ۲۲:۲۵
گذاشتیم همون نوت پد ++ در آموزش اول
MiSmIs ۲۴ تیر ۱۳۹۱، ۰۳:۰۰
:grin: :oops:
محمدسینا معراجیان ۲۳ تیر ۱۳۹۱، ۲۳:۴۱
دوست عزیز بنده امسال پشت کنکوریم دیگه درس و این حرفا دیگه
محمدسینا معراجیان ۲۸ مرداد ۱۳۹۱، ۲۰:۰۷
بسیار ممنون دعا کنید رشته و دانشگاه مورد علاقم پذیرفته شم
solaleh100 ۲۲ تیر ۱۳۹۱، ۰۰:۲۱
آقای معراجیان، واقعا ممنون به خاطر این آموزش. مشتاقانه منتظر آموزش تبدیل این قالب به html و استفاده عملی از اون هستم
محمدسینا معراجیان ۲۲ تیر ۱۳۹۱، ۱۲:۰۵
خواهش می کنم وظیفه است
Mostafa ۲۱ تیر ۱۳۹۱، ۱۵:۰۲
انشالله
محمدسینا معراجیان ۲۳ تیر ۱۳۹۱، ۲۳:۴۲
ببینید دوست عزیز وقتی اینکارو ما می کنیم خستگی داره و وقتی شما یه تشکر می کنی واقعا اون خستگیه از بین میره!اما آدم وقتی یه همچین نظرایی رو می خونه از کارش پشیمون میشه!
محمدسینا معراجیان ۲۰ تیر ۱۳۹۱، ۲۲:۳۳
دوست عزیز اقای اوند درگیر یک کاری هستند به زودی بر میگردند بنده نیز درگیر درس هستم به همین دلیل چند پست پشت سر هم ارسال شد سعی می کنیم به زودی ادامه بدیم
ehsan123 ۲۰ تیر ۱۳۹۱، ۱۷:۴۷
سلام محمد سینا لطفاً آموزش htmlهم برای این قالب بده .آموزش های قالب رو بیشتر کن.هر وقت گذاشتی با خبر نامه برام بفرست.مرسی
محمدسینا معراجیان ۲۰ تیر ۱۳۹۱، ۲۲:۲۱
Html که تموم شده قراره به اموزش css بپردازیم که اگر تو خبرنامه عضو شید براتون فرستاده میشه
hajian1 ۲۰ تیر ۱۳۹۱، ۰۲:۳۷
سلام استادعزیز
اگرامکان داره قالب ساخته شده رادردیریم ویورcs5کدنویسیش راانجام بدیم
باتشکر
محمدسینا معراجیان ۲۰ تیر ۱۳۹۱، ۲۲:۲۶
دوست عزیز ما سعی داریم با کمترین نرم افزار ممکن اینکار رو بکنیم لذا ممکنه یه سری به این نرم افزار دسترشی نداشته باشن و به مشکل بر بخورن
hatyla ۱۹ تیر ۱۳۹۱، ۱۲:۲۰
سلام
ممنون از زحماتتون
من خواستم که برام مراحل ایجاد پس زمینه سبزی که برای گجت اوقات شرعی گذاشته شده رو تو فتوشاپ آموزش بدید
باتشکر
محمدسینا معراجیان ۲۱ تیر ۱۳۹۱، ۱۵:۰۹
چشم در اینده حتما
koosha777 ۱۹ تیر ۱۳۹۱، ۰۹:۱۱
آموزش خیلی خوبی بود. فقط چطوری به html تبدیل کنیم؟ لطفا این رو هم آموزش بدید. مرسی
محمدسینا معراجیان ۱۹ تیر ۱۳۹۱، ۱۳:۳۶
چشم
hajian1 ۱۸ تیر ۱۳۹۱، ۱۷:۰۵
سلام
محمدسینا معراجیان‏ عزیزدرآخرطراحی قالب لطفاًدرموردچگونه جای دادن پرنده درمحل موردنظر(درون قالب) لطفاًراهنمایی نماییدودومسطتیل
باتشکرازهمه تلاش شمادرجهت آموزش به کاربران
محمدسینا معراجیان ۱۸ تیر ۱۳۹۱، ۱۷:۱۵
فایل پرنده را دانلود کنید با فتوشاپ عکسش زو باز کنید بعد تکونش بدید به همین سادگی
hajian1 ۱۸ تیر ۱۳۹۱، ۰۲:۱۶
سلام
محمدسینا معراجیان‏ عزیزمیدونم که خستت کردم امادرموردقالب این آخرین سئوالم هست البته حالاحالاهایعنی موقع کدنویسی برای قالب که ازhtmlوcssشروع میشه ووقتی بخواهیم قالب رادرhttp://localhost/wp-admin/وردپرس ببریمphpهم باهامون کارمی کنی بازهم جای سئوال برامون بازهست ومثل همیشه راهنمایمون میکنی ازت تشکر می کنیم برای گذشته وهم آینده
پرتوان ونیرومندباشی خدانگهدار
محمدسینا معراجیان ۱۸ تیر ۱۳۹۱، ۱۶:۵۲
متوجه سوالتون نشدم
hajian1 ۱۷ تیر ۱۳۹۱، ۲۰:۰۱
سلام
آیکون راسیوکردم لطفاًدرموردچگونه جای دادن درمحل موردنظر(درون قالب)راهنمایی نمایید
باتشکرازهمه تلاش شمادرجهت آموزش به کاربران
محمدسینا معراجیان ۱۷ تیر ۱۳۹۱، ۲۳:۱۸
ممنون واقعا
Mostafa ۱۶ تیر ۱۳۹۱، ۱۹:۰۶
راستی این قالب یه خرده ابزار کم نداشت؟
محمدسینا معراجیان ۱۶ تیر ۱۳۹۱، ۲۱:۳۷
به این لینک مراجعه کنید متوجه مشید
https://7learn.com/tutorials/theme-design-tuts-part1-structure
علی ۱۶ تیر ۱۳۹۱، ۱۸:۱۶
واسه سایت به نظرت چیکارکنم خوب مشا بگو داداش کایکو
3pic.rozblog.com
قالب بهتر یا تره بهتری داری
محمدسینا معراجیان ۱۶ تیر ۱۳۹۱، ۱۸:۲۲
قالب که همون خوبه اون عکسای بالاشو برداری بهتر میشه
محمدسینا معراجیان ۱۶ تیر ۱۳۹۱، ۱۸:۰۷
دوستان فایل PSD آماده ی این قالب برای دانلود قرار داده شد
Mostafa ۱۷ تیر ۱۳۹۱، ۰۰:۱۹
دستت طلا از آموزش کد نویسی که خبری نیست این لینک دانلود PSD من لطفا دانلود کن و خودت کد نویسیش کن:
http://up.behtarin.com/uploads/10498fd1611.psd
Rangekhodaiee ۱۶ تیر ۱۳۹۱، ۰۳:۴۵
سلام ...

یه سوال فقط نخندیا ....

الان این کد ها رو که شما آموزش میدید خب میشه بگی دقیقا کجا باید اجرا شو دید ؟ مثلا چند خط کد که تو notepad++ مینویسم دقیقا کجا باید اجراشو ببینم ؟
محمدسینا معراجیان ۱۶ تیر ۱۳۹۱، ۰۳:۴۹
دوست عزز تو آموزش اول گفتم اگر خوب می خوندید باید با یه اسمی با پسوند .html مثلا index.html سیو کنید بعد اونجایی که سیو می کنید یه فایل به وجود میاد که با مرورگرتون می تونید بازش کنید
hajian1 ۱۶ تیر ۱۳۹۱، ۰۲:۰۶
سلام
خیلی لطف کردین ممنون براتون موفقیت روزافزون آرزومی کنم شادوپیروزباشید2بامدادشمابخیر
محمدسینا معراجیان ۱۶ تیر ۱۳۹۱، ۰۲:۲۹
ممنون
محمدسینا معراجیان ۱۶ تیر ۱۳۹۱، ۰۱:۵۳
من شرمنده ی شمام
علی ۱۶ تیر ۱۳۹۱، ۰۱:۲۲
سلام داداش کایکو باز مزاحم شدم میخواستم بدونم من یک سایت ساختم یک وبلاگ ولی مدلشو خودم دادم
با بعقیه فرق داره مشکل من اینکه در رزبلاگ قسمت صفحات جانبیش زیر مطلبش نظر بدهید نداره کدشو میزارم هرکار میکنم نمیاد وسایتی که من طراحی کردم طوریه که فقط صفحه اول باید عکس باشه و با کلیک بروی عکس برن یک صفحه دیگه
ولی واسه نظر دادن مشکل دارم به نظرت چیکار کنم
www.3pic.rozblog.com
نگاه کن سایتو مطمئنم خوشت میان
راستی بنظرت تو گوگل ثبت میشه چون صفحه اولش هیچ موضوعی نیست

و سوال اخریم از داداش کایکو
بهم بگید کدی وجود ندارد که با کلیک بر روی عکس ها یک پنجره جدید باز بشه نه همون صفحه بره تو ادسش
ونیاز به باز کردن new tap نداشته باشه اگه طرحیم واسه وب داشتی بهم بگو داداش که صفحه اولش فقط عکس باشه و حتی مطالب زیرشو حذف کنم ولی بشه نظر داد و یا بازدید دیده بشه
ممنون که حدا اقل خوندی مطلبمو
محمدسینا معراجیان ۱۶ تیر ۱۳۹۱، ۱۷:۳۷
دوست عزیز درمورد قالبتون باید بگم اصلا کار خوبی نکردید که عکساتون رو همه رو گذاشتید بالای قالب چون واقعا سنگینش کرده و اصلا هم جذاب نیست اونم با قالبی مثل quantom کث خودش یکم سنگینه
درمورد سوالتونم یکم دقیقتر بپیرسید ممنون میشم
hajian1 ۱۶ تیر ۱۳۹۱، ۰۰:۵۷
سلام
تومرحله کپی کردن،قاصله دادن وتیره کردن
باتشکر
محمدسینا معراجیان ۱۶ تیر ۱۳۹۱، ۰۱:۵۳
برای ساختن یک کپی از لایتون روی لایتون کلیک راست کنید و duplicate layer رو بزنید
بعد لایتون رو بکشید پایین یکم بعدش از اینجا مشکیش کنید:iimage>adjusment>brightness
hajian1 ۱۵ تیر ۱۳۹۱، ۲۳:۲۷
سلام اگه ممکنه درموردسطرزیرکمی راهنمایی بیشتری کنید
۹- حالا باید یک کپی از این اشکال بگیریم و دقیقا به حالتی که در نمای زیر مشاهده میکنید با کمی فاصله در زیر اشکال اولیه و با رنگ تیره تر قرار دهیم، با این کار به صفحه خود عمق داده ایم. همین کار را برای نوار زیر صفحه تکرار کنید
باتشکر
محمدسینا معراجیان ۱۶ تیر ۱۳۹۱، ۰۰:۰۱
مشکلتون تو کدوم مرحلشه؟کپی کردن؟قاصله دادن؟تیره کردن؟
Mostafa ۱۵ تیر ۱۳۹۱، ۲۱:۰۱
دیگه حوصلم سر رفت پس کی آموزش برای طراحی کدش رو می ذاریند حتما دو، سه سال دیگه آره؟
محمدسینا معراجیان ۱۵ تیر ۱۳۹۱، ۲۲:۴۸
دوست عزیز این وقتی که شما برای خوندنش میذارید رو بنده100 برابرش برای نوشتنش میذارم و خوب درس و زندگی هم هست یکم درک کنید لطفا
مهدی ۱۵ تیر ۱۳۹۱، ۲۰:۰۷
سلام،
از شما تشکر میکنم
ولی من هیچ استفاده ای از این آموزشت نبردم(از صفر شروع نکرده)
فقط اگر امکان داره لینک همین قالبی رو که طراحی کردی رو در اختیار ما قرار بده تا در جلسات بعد با مشکلی مواجه نشیم
با تشکر.
محمدسینا معراجیان ۱۵ تیر ۱۳۹۱، ۲۰:۴۷
دوست عزیز اگر نظرهارو ببینید اصلا اینطوری نیست همه واقعا خوششون اومده و راضی هستند فقط کافیه قدم به قدم با ما پیش بیاید لینک هم آپلود شده هنوز نگذاشتم چشم
hajian1 ۱۵ تیر ۱۳۹۱، ۱۴:۳۶
سلام
محمدسینا معراجیان‏ عزیزشماخیلی لطف ومحبت دارید وماخیلی نیازبه آموزش های خوب ومفیدشما
ازاینکه به سئوالات های من پاسخ می دیدصمیمانه تشکرمی کنم
موفق وپیروزباشید
محمدسینا معراجیان ۱۵ تیر ۱۳۹۱، ۱۵:۰۲
خواهش می کنم فقط ترکیب ""سوالات های من" اشتباه هست چون سوالات خودش جمع هست بازم ببخشید!
محمدسینا معراجیان ۱۵ تیر ۱۳۹۱، ۱۳:۵۵
خیر فقط برای این قالب قرار نیست آموزش بذاریم آموزش ها کلی هستند
محمدسینا معراجیان ۱۵ تیر ۱۳۹۱، ۲۰:۴۵
بستگی داره دوست عزیز
faryar ۱۵ تیر ۱۳۹۱، ۱۱:۴۴
سلام داداش میخواستم بدونم دوست داری با من تو سایتم همکاری کنی و قسمت طراحی سایتمو بگیری منتظر جوابت هستم
محمدسینا معراجیان ۱۵ تیر ۱۳۹۱، ۱۳:۵۲
ببخشید من خیلی سرم شلوغه واقعا نمی رسم معذرت می خوام
hajian1 ۱۵ تیر ۱۳۹۱، ۰۱:۵۳
سلام
من موردمنوی Edit>Transform>Skew راانجام دادم برای چسباندن گوشه هااماوقتی ابزارMove toolراروی محل انتخاب شده گوشه کلیک می کنم تغیری ایجادنمی شوددرصورت امکان لطفاًراهنمایی فرماییدباتشکر
محمدسینا معراجیان ۱۵ تیر ۱۳۹۱، ۱۳:۵۴
وفتی از skew استفاده می کنید نشانگر را به گوشه ی عکس ببرید تا وقتی که سفید شه نشانگرتون بعد کشید اینور اونور گوشه ی عکستون رو بعد اینتر کنید و تکون بدیدش اگه می خواید!
hamid zar ۱۵ تیر ۱۳۹۱، ۰۰:۳۹
با تشکر از شما محمد سینای عزیز.
محمدسینا معراجیان ۱۵ تیر ۱۳۹۱، ۱۳:۵۵
خواهش می کنم وظیفس
hamid zar ۱۵ تیر ۱۳۹۱، ۰۰:۲۲
با سلام و عرض تشکر خدمت شما استاد ارجمند ,ه در خدمت شما هستم سوالی که از شما دارم اینست که ایا جدید ترین اموزش جامع فارسی فیس بوک را دارید که بتوانم انرا دانلود کنم؟با تشکر
محمدسینا معراجیان ۱۵ تیر ۱۳۹۱، ۰۰:۳۶
ببخشید چیزی نیست که انقدری مهم باشه که آموزش جدید بیاد واسش
HappyMoon ۱۴ تیر ۱۳۹۱، ۲۳:۵۶
مابین این جلسات واقعا جای خسته نباشید خالیه. جناب آقای معراجیان واقعا بهتون خسته نباشید می‌گم. آموزش‌ها یک طرف، جواب دادن کامنت‌ها هم یک طرف! واقعا صبرزیادی می‌خواد. :oops: موفق باشید.
محمدسینا معراجیان ۱۵ تیر ۱۳۹۱، ۰۰:۳۶
واقعا ممنون
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۲۱:۰۶
کاملا سلیقه ایه
saman73 ۱۴ تیر ۱۳۹۱، ۱۹:۱۵
واقعا ازتون ممنونم...
saman73 ۱۴ تیر ۱۳۹۱، ۱۹:۳۵
ولی فکر کنم آموزش خود سایت تمپـ ها کامل تر بود.
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۲۰:۰۵
خواهش
sadegh1100 ۱۴ تیر ۱۳۹۱، ۱۷:۱۸
سلام
اگه ممکنه این کارها رو در قالب پی دی اف بزارید.
کارتون خیلی خوبه.
با تشکر
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۱۷:۱۹
چشم حتما
امیر ۱۵ تیر ۱۳۹۱، ۰۹:۵۸
منم موافقم
اینطوری یه یادگاری از سایت خوبتون بهمون میدید
محسن عسگری ۱۴ تیر ۱۳۹۱، ۱۷:۰۹
23 کمرنگ کردین ، حرفی هم از حذف کردن تو آموزش نگفتین ، دقیقا طبق متن آموزش شما عمل کردیم ولی او مستطیل سیاه باقی میمونه و حذف نمیشه لطفا راهنمایی کنید با تشکر
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۱۷:۱۸
اوه ببخشید یه لحظه اشتباه کردم اصلا نیازی به حذف کردن نداره یک طرف عکس مشکی میشه و یک طرف سفید وقتی opacity رو کم کنید درست میشه اصلا نیازی به حذف نیست
meraj ۱۴ تیر ۱۳۹۱، ۱۷:۰۱
سلام.
آموزش فتوشاپ خیلی خوب بود.
ولی باید بگم طراحی قالب با اچ تی ام ال و سی اس اس به این سادگی که شما میگید نیست.
من خودم اچ تی ام ال و سی اس اس رو بلدم و میدونم که نباید این قدر اچ تی ام ال رو خلاصه کنی.
فقط بهت پیشنهاد میکنم اچ تی ام ال و سی اس اس رو کامل تر یاد بدی تا اون هایی که هیچی بلد نیستند هم بتونند استفاده کنند.
فقط یک نکته بگم که در آینده ساخت منوی آبشاری رو هم یاد بدی.
خسته نباشی.
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۱۷:۰۲
دوست عزیز اگر دقیق تر بخونید گفتم فعلا در این حد کفایت می کنه یعنی در ادامه اگر تگی چیزی نیازبود می گیم
موفق باشید
محسن عسگری ۱۴ تیر ۱۳۹۱، ۱۶:۵۶
سلام ممنون از آموزش عالی که گذاشتی مشتاقانه منتظر آموزش تبدیل این به قالب هستم - فقط یه سوال کوچولو تو مراحل 20 تا 23 من هرکاری میکنم سمت راست مستطیل معلومه در صورتی که برای شما محو شده یعنی از Eraser Tool استفاده کردید یا نه کار دیگه ای کردید. با تشکر
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۱۶:۵۸
دوست عزیز در مرحله ی 20 اون رو محو کردیم در 22 حذف کردیم 23 سفید و 24 کمرنگ کردیم
zani ۱۴ تیر ۱۳۹۱، ۱۶:۲۲
منون ولی خواهشا تا جای که میتونید سعی کنید php رو هم تدریس کنید
اگه تا حالا برای php نبوده شاید برای اینکه دوستان خبر ندارند که تا چه حد این زبان در ساخت صفحات وب کاربرد داره و از اصلی ترین زبان های برنامه نویسیه
از دوستان خواهش میکنم که تقاضای برای اموزش این زبان رو بیشتر کنن تا اقا سینا زحمت این رو هم بکشن
باور کنید اگر چند سال هم کد نویسی کنید اما php بلد نباشید هیچوقت یه طراح محسوب نمیشید
بازم تشکر میکنم از زحمات اقا سینا
Mostafa ۱۴ تیر ۱۳۹۱، ۱۷:۳۰
منم با نظر ایشون موافقم لطفا آموزش php هم بذاریند
zani ۱۴ تیر ۱۳۹۱، ۱۶:۱۲
در مورد php چی؟
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۱۶:۱۷
php اگر تقاضا باشه چرا البته درس های پراکنده دادیم و می دیم اما به این صورات اگر تقاضا باشه چرا
zani ۱۴ تیر ۱۳۹۱، ۱۴:۴۵
سلام دوست خویم ممنون از اموزش کاملت دادش من این html و ساختن قالب توی فتوشاپ رو بلدم ولی مشکل اصلی من در بقیه قسمت هاس یعنی نمیتونم تبدیلش کنم چون جاوااسکریپت و css و php رو بلد نیستم خواستم بپرسم قصد داری این زبان هارو همه در جلسات بعدی آموزش بدی؟
یعنی بعد از این اموزش ها ما میتونیم یه وب سایت کامل که از همه زبان ها پشتیبانی کنه بسازیم؟
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۱۶:۰۶
درمورد زبان جاوا اسکریپت آقای آوند آموزش های ویدئویی رو قرار دادند و ادامه می دهند و درمورد زبان CSS بله در ادامه آموزش خواهم داد و می تونید یه قالب بسازید
hajian1 ۱۴ تیر ۱۳۹۱، ۱۴:۳۲
سلام
اشکال رابااستفاده ازRectangle Toolوخط کش فتوشاپ وبااستفاده ازرنگ#41738eانجام دادم امارنگ ساخته شده داخل شکل کشیده شده راپرنمی کنددرموقع استفاده ازسطل رنگ تمام کادرتغیررنگ پیدامی کند
درضمن برای طراحی خطوط جدیدLayerجدیدی بایدایجادمی کردم؟
باتشکر
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۱۶:۱۷
دوست عزیز اولا با سطل نمیشه اشیا را پر کرد
دوما وقتی ابزار Rectangle را استفاده می کنید در منوی بالا این تنظیمات را اعمال کنید
https://7learn.com/a/msm/comment/pen.JPG
Mostafa ۱۴ تیر ۱۳۹۱، ۱۴:۱۵
سلام من مثه این قالب ولی به سلیقه ی خودم رو ساختم ببینید چطوره؟
http://www.up.persianv.com/images/yrxg6nldh3bqa7e2njil.jpg
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۱۶:۰۷
بله کارتون خوبه تبریم می گم
hajian1 ۱۴ تیر ۱۳۹۱، ۱۲:۱۰
سلام موردسئوال بالاراباراهنمایی قبلی شماانجام دادم ممنون ازشما
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۱۶:۰۷
خواهش می کنم
Rangekhodaiee ۱۴ تیر ۱۳۹۱، ۱۲:۱۰
سلام ...
چند روزیه با وبتون آشنا شدم ...
و حسابی استفاده کردم عالیه ....
مخصوصا قسمت آموزش طراحی قالب از صفر که یه مدتی پیگیرش بودم یاد بگیرم.
فقط یه سوال فنی : الان این طراحی قالب در فتوشاپ به اون چهار جلسه آموزش که تا الان دادید مربوطه یا نه؟
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۱۶:۰۸
بله ادامه ی آموزش هست
hajian1 ۱۴ تیر ۱۳۹۱، ۱۱:۵۵
سلام
محمدسینا معراجیان‏ عزیز منظورم این هست بعداززدن کلید b براش برای انتخاب ودکمه ی [ و ] برای بزرگ و کوچک کردن چگونه شکل Layerدوم طراحی کنیم
باتشکر
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۱۶:۱۸
من معذرت می خوام اما واقعا متوجه نمیشم تو کشیدن شکل خاصی مشکل دارید؟اگر دارید بگید کدوم؟
hajian1 ۱۴ تیر ۱۳۹۱، ۰۱:۵۹
سلام محمدسینای عزیز
من یک وبلاگ گردشگری دارم که نسبتاًبازدیدکننده خوبی داره که سایت خوب شمارادرآن وبلاگ باافتخارلینگ کردم
http://bhardrbhar.tebyan.net/
بعدیک قالب هم دروردپرس پیاده کردم که کمی کدنویسیش ایرادداره
امایک مشگل کوچک دارم راجع به آموزش همین درس هست
یعنی برای ایجادبراش کلید bرامی زنم وبرای بزرگ یاکوچک ترکردن دایره براش هم ازدو دکمه ی [ و ]استفاده می کنم ولی بعداین کارثابت ماندن دایره راهم اگرتوضیح دهیدصمیمانه سپاس گزارخواهم شد
باتشکر
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۰۲:۳۰
متوجه منظورتون نمی شم ثابت موندن؟!
yalda ۱۵ تیر ۱۳۹۱، ۱۷:۲۸
سلام
شما برای انتخاب براش،اگر گزینه airbrush soft round 50% flow را انتخاب کنید، دایره ثابت نخواهد ماند.
hajian1 ۱۴ تیر ۱۳۹۱، ۰۱:۰۲
سلام
وممنون ازلطف وصمیمیت شما انشاالله درهمه مراحل زندگی موفق وپیروزباشید
باتشکرفراوان
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۰۱:۰۴
دوست عزیز لینک سایتتون رو بدید
hajian1 ۱۴ تیر ۱۳۹۱، ۰۰:۱۰
سلام ضمن تشکر
لطفاًدرمورد یک لایه جدید ایجاد کنید، قلم مو (Brush) را انتخاب کنید، سایز قلم را به اندازه ای زیاد کنید که بتوانید یک محیط روشن بزرگ با رنگ سفید (مانند نمای زیر) در وسط صفحه ایجاد کنید.
دراین موردتوضیح بیشتری بفرماییدچون وقتی من
قلم مو (Brush)راانتخاب می کنم وبعدبزرگ کردن سایزدایره طرزثابت ماندن دایره موجودشده رالطفاًراهنمایی فرمایید
باتشکر
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۰۰:۱۲
دوست عزیز این وبسایت اصولا برای آموزش فتوشاپ نیست اما چشم
با زدن کلید b براش انتخاب می شود و با دو دکمه ی [ و ] می توانید براش را بزرگ و کوچک کنید
درمورد ساخت لایه هم در سمت راست و پایین فتوشاپ بخش Layers وجود داره که در بخش تولبار زیرش عکس یه ورق کوچیک هست با زدن اون یه لایه جدید ایجاد میشه
Mostafa ۱۳ تیر ۱۳۹۱، ۲۳:۳۷
خوب کی این آموزش رو می ذاریند؟
محمدسینا معراجیان ۱۴ تیر ۱۳۹۱، ۰۰:۰۴
اگر دقت کنید هرچند روز یک آموزش گذاشته می شه و وقتی که آموزش ها کامل شه انشالله شما می تونید این کار رو انجام بدید
Mostafa ۱۳ تیر ۱۳۹۱، ۲۳:۱۳
خوب حالا چگونه از این به عنوان قالب استفاده کنیم؟
محمدسینا معراجیان ۱۳ تیر ۱۳۹۱، ۲۳:۱۵
باید تبدیل به قالبش کنید به وسیله html , css که اگر آموزش هامون رو دنبال کنید قصد آموزش همین رو داریم