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


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

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

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







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



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

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

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

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

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

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

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

[Ctrl+R]

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

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

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

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

HEADERبزارید

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

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

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

گام دوم

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

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

design psd site-4

استایل دوم





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

       نظرات
سه شنبه 12 فروردین 1393
عبدالله خلیلی
دوشنبه 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.
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر