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


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

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

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







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



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

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

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

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

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

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

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

[Ctrl+R]

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

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

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

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

HEADERبزارید

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

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

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

گام دوم

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

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

design psd site-4

استایل دوم





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

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