تبلیغات
آموزش فتوشاپ - آموزش گام به گام طراحی سایت ( قسمت اول)
 
آموزش فتوشاپ
آموزش سریع وآسان فتوشاپ
درباره وبلاگ


دراین وبسایت سعی میشود بهترین آموزش های فتوشاپ راتقدیم کاربران محترم

بنماید.آموزشهای این وبلاگ گزیده ای از بهترینها می باشد.

مدیر وبلاگ : عبدالله خلیلی
نویسندگان
نظرسنجی
آیا ازمطالب وبسایت راضی هستید







آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
چاپ این صفحه
آموزش گام به گام طراحی سایت در فتوشاپ.
برای مشاهده آموزش روی ادامه مطلب کلیک کنید.



سطح آموزش:مبتدی تا حرفه ای
زمان مورد نیاز:۱ ساعت
نرم افزار مورد نیاز:فتوشاپ سی اس ۶

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

بخش اول-طراحی هیدر سایت

در گام نسخت باید یک سند جدید با مشخصات زیر ایجاد کنید.

آموزش طراحی سایت در فتوشاپ-قسمت اول

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

CTRL++
خب الان وقتشه که از ابزار خط کش استفاده کنیم شاید تا الان خیلی از شما ها با ابزار خط کش کار نکرده باشید ولی بدونید برای ساخت سایت یکی از مهترین ابزار ها به شمار میاد پس برای فعال سازی خط کش فتوشاپ یکبار کلید های زیر رو بزنید.

[Ctrl+R]

حالا یکبار کلید اف ۸ رو بزنید تا پنل اینفو فعال بشه این هم ابزار مفیدیه که می تونه به ما در دیزاین یک سایت کمک قابل قبولی بکنه(اندازه گیری دقیق یک قمست(طول ارتفاع) یا انتخاب یک محیط با دقت بسیار بالا)

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

آموزش طراحی سایت در فتوشاپ-قسمت اول

خب حالا یک لایه ی جدید ایجاد کنید اسم این لایه رو

HEADERبزارید

سپس یکبار کلید ام رو بزنید و مانند تصویر این محیط رو انتخاب کنید

آموزش طراحی سایت در فتوشاپ-قسمت اول

توجه کنید از بالا تا جایی که خط آبی خط کش هستش پایین بیایید مثل تصویر بالا…

گام دوم

حالا می خوایم افکت هایی(استایل)به این لایه بدیم که این لایه هیدر سایت مارو تشکیل میده پس لایه مشکی هیدر رو انتخاب کنید و سپس دوبار روی لایه کلیک کنید تا استایل مورد نظر خودمون رو بهش بدیم

این استایل هارو به همین لایه ی هیدر بدید

design psd site-4

استایل دوم





نوع مطلب :
برچسب ها :
لینک های مرتبط :

       نظرات
سه شنبه 12 فروردین 1393
عبدالله خلیلی
جمعه 16 آذر 1397 12:48 ق.ظ

Thank you, Fantastic stuff.
generic cialis review uk look here cialis cheap canada click now cialis from canada safe site to buy cialis online if a woman takes a mans cialis generic cialis 20mg uk costo in farmacia cialis cialis 05 buying cialis on internet cialis online deutschland
چهارشنبه 14 آذر 1397 11:21 ق.ظ

Valuable knowledge. Regards!
trusted tabled cialis softabs cialis generico milano where do you buy cialis cialis coupons printable cialis kaufen bankberweisung cialis for bph cialis 5mg billiger cialis online cialis pills in singapore legalidad de comprar cialis
سه شنبه 13 آذر 1397 12:56 ب.ظ

You've made your stand pretty effectively..
cialis coupons prezzo di cialis in bulgaria the best site cialis tablets cialis generico cialis canada on line dose size of cialis cialis patent expiration comprar cialis 10 espa241a cialis kaufen bankberweisung cialis super acti
دوشنبه 12 آذر 1397 01:05 ق.ظ

You reported this fantastically!
brand cialis nl buy cialis online cheapest click here cialis daily uk cialis authentique suisse cialis prices in england cialis 5 mg scheda tecnica opinioni cialis generico cialis free trial cialis coupon side effects for cialis
یکشنبه 11 آذر 1397 12:58 ق.ظ

Cheers! Quite a lot of posts!

rx cialis para comprar opinioni cialis generico how much does a cialis cost acquistare cialis internet cialis generico postepay generico cialis mexico cialis 10mg prix pharmaci cialis 5mg prix cialis official site generic cialis 20mg uk
جمعه 9 آذر 1397 01:01 ب.ظ

You said it very well.!
cialis online nederland does cialis cause gout comprar cialis navarr acheter cialis meilleur pri cialis therapie cialis dose 30mg 40 mg cialis what if i take cialis uk i recommend cialis generico enter site very cheap cialis
پنجشنبه 8 آذر 1397 02:02 ب.ظ

Fine advice. Cheers!
generic cialis review uk cialis dosage recommendations does cialis cause gout deutschland cialis online cialis kamagra levitra how much does a cialis cost cialis 20 mg link for you cialis price cialis online deutschland cialis online holland
چهارشنبه 7 آذر 1397 01:18 ب.ظ

Nicely put, With thanks!
free generic cialis cialis australian price interactions for cialis acquisto online cialis get cheap cialis we choice cialis pfizer india discount cialis interactions for cialis cost of cialis cvs how much does a cialis cost
پنجشنبه 19 مهر 1397 05:14 ق.ظ

Kudos, A good amount of facts.

levitra online buy levitra 20 mg buy generic levitra buy levitra 20 mg levitra prices levitra 20 mg buy levitra generic levitra online levitra generic levitra 20 mg
سه شنبه 10 مهر 1397 03:50 ق.ظ

Nicely put. Kudos!
cialis prices order a sample of cialis when can i take another cialis generic cialis at walmart tadalafil generic generic cialis cialis cipla best buy cialis daily new zealand tarif cialis france viagra or cialis
چهارشنبه 28 شهریور 1397 05:56 ب.ظ

Nicely put, Appreciate it.
click now buy cialis brand cialis 100 mg 30 tablet best generic drugs cialis canada discount drugs cialis cialis prices generic cialis at the pharmacy compare prices cialis uk cialis 5 mg para diabeticos sialis cialis reviews
سه شنبه 13 شهریور 1397 06:49 ب.ظ

Fine info. Thank you!
canada viagra the best canadian online pharmacies drugs for sale in mexico trusted pharmacy canada scam pharmacy canada online prescriptions canadian pharmaceuticals reviews online pharmacies legitimate canadian prescriptions online canadian drugs online canadian discount pharmacies
سه شنبه 13 شهریور 1397 03:30 ق.ظ

Great posts, Thank you!
buy viagra can i buy viagra online uk sildenafil buy super viagra where to buy viagra from pharmacy viagra online where can i buy real viagra buy viagra soft online rx pharmacy viagra buy viagra usa
دوشنبه 12 شهریور 1397 07:54 ب.ظ

You stated this adequately!
prices on cialis 10 mg cialis australian price where do you buy cialis does cialis cause gout ou trouver cialis sur le net cialis qualitat only best offers cialis use cialis generic cialis 5mg prix wow look it cialis mexico
دوشنبه 12 شهریور 1397 01:22 ق.ظ

You suggested that wonderfully.
cialis for daily use does cialis cause gout cialis great britain the best site cialis tablets acquisto online cialis wow cialis 20 cialis italia gratis cialis wir preise the best site cialis tablets side effects for cialis
یکشنبه 11 شهریور 1397 12:24 ب.ظ

You mentioned it wonderfully.
side effects of cialis cialis sans ordonnance bulk cialis buy original cialis cialis patent expiration how to purchase cialis on line costo in farmacia cialis cialis 5 mg funziona cialis e hiv cialis australia org
یکشنبه 21 مرداد 1397 11:12 ب.ظ

Thanks! I appreciate this!
canadian cialis when will generic cialis be available cialis 10 doctissimo generic for cialis precios de cialis generico comprar cialis navarr how to buy cialis online usa cialis generico milano buy cialis online cheapest we choice free trial of cialis
دوشنبه 7 خرداد 1397 02:19 ق.ظ

Excellent postings. Regards.
tadalafil 20 mg cialis 100mg suppliers cialis cuantos mg hay the best site cialis tablets cialis ahumada cialis 5 effetti collaterali price cialis best no prescription cialis cheap ou trouver cialis sur le net cialis 20 mg effectiveness
جمعه 7 اردیبهشت 1397 06:56 ب.ظ

Kudos. A lot of info.

tadalafil link for you cialis price cialis herbs cipla cialis online try it no rx cialis online cialis cialis canadian drugs cialis 10mg prix pharmaci cialis professional from usa cialis daily dose generic
سه شنبه 4 اردیبهشت 1397 03:52 ق.ظ

Thank you, An abundance of postings.

online purchase viagra best place buy viagra online buy viagra onlines get viagra cheap generic viagra online usa where can i buy viagra without buy generic viagra online uk buy cheap viagra online usa where can you buy viagra buy viagra tablets online
جمعه 17 فروردین 1397 07:34 ب.ظ

Useful data. Regards!
cialis coupons cialis canada on line cialis wir preise cialis uk next day cialis farmacias guadalajara cialis alternative cost of cialis per pill no prescription cialis cheap canadian cialis cialis 20 mg effectiveness
جمعه 3 فروردین 1397 03:58 ب.ظ

Really a lot of valuable advice!
cialis free trial weblink price cialis cialis savings card achat cialis en europe overnight cialis tadalafil cialis for daily use buy brand cialis cheap cialis herbs enter site very cheap cialis cialis canada on line
یکشنبه 27 اسفند 1396 10:55 ب.ظ

Very good write ups, Thanks a lot.
usa cialis online rx cialis para comprar prescription doctor cialis cialis coupons cost of cialis per pill venta cialis en espaa cialis wir preise tarif cialis france venta cialis en espaa cialis 100mg suppliers
چهارشنبه 22 شهریور 1396 12:47 ب.ظ
Today, I went to the beach with my kids. I found a sea
shell and gave it to my 4 year old daughter and said "You can hear the ocean if you put this to your ear." She put the shell to her ear and
screamed. There was a hermit crab inside and it pinched her ear.

She never wants to go back! LoL I know this is completely off topic but I had to tell someone!
چهارشنبه 15 شهریور 1396 01:30 ق.ظ
I'm gone to inform my little brother, that he should also visit this webpage
on regular basis to take updated from hottest
reports.
دوشنبه 25 اردیبهشت 1396 05:22 ب.ظ
Hello there! Would you mind if I share your blog with my myspace group?
There's a lot of folks that I think would really enjoy your content.
Please let me know. Thanks
چهارشنبه 6 اردیبهشت 1396 08:31 ب.ظ
I am curious to find out what blog platform you have been using?
I'm experiencing some minor security issues with my latest
blog and I'd like to find something more safeguarded.
Do you have any suggestions?
یکشنبه 3 اردیبهشت 1396 01:41 ق.ظ
We stumbled over here coming from a different web page and thought I should check things out.
I like what I see so now i am following you. Look forward to going over your web
page for a second time.
سه شنبه 22 فروردین 1396 06:46 ب.ظ
Hi there to all, how is all, I think every one is getting more from this website,
and your views are good in support of new people.
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر