تبلیغات
گرافیک - طراحی وب سایتی تیره و شیک در فتوشاپ
 
درباره وبلاگ




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

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

سایت هایی که در این آموزش از آنها استفاده خواهیم کرد:

http://www.glyphish.com/

http://www.960.gs/


مقدمه ای بر 960 Grid System:

در این آموزش ما از GS 960 برای سازماندهی و ترتیب عناصر طرحم وب سایتمون استفاده می کنیم. قبل از شروع، GS 960 را دانلود کنید.

فایل فشرده را Unzip کنید و از فایلهای که دانلود کرده اید، به پوشه " templates" بروید و سپس به پوشه " photoshop" بروید. شما سه فایل فتوشاپ(فایلPSD) خواهید دید. هر کدام از این فایل ها شامل یکی از ورژن های GS 960، با 12، 16 و 24 ستون است.

ما از هر یک ایز این سه فایل در پروژه های گوناگون استفاده خواهیم کرد.


مرحله 1: تنظیم سند

فایل "960_grid_12_col.psd" را در فتوشاپ باز کنید. سپس به مسیر Edit> Canvas Size و عرض را با 1200px و ارتفاع به حدود 1700px تنظیم کنید. شما می توانید ارتفاع را بسته به چیدمان و میزان مطالب سایت بیشتر یا کمتر کنید.

مرحله 2: ایجاد هدر

ایجاد یک گروه جدید و نام آن را " Header". ابزار Rectangle Tool (U) را انتخاب کنید و یک مستطیل با ابعاد 1200px  در 100 px  ایجاد کنید. رنگ مستطیل رو با مقدار #383c3e تنظیم کنید. نام این لایه را "header bg" قرار دهید.

بر روی این لایه  راست کلیک کنید و  لایه ی" header bg" را تبدیل به smart object کنید سپس به مسیر Filter> Noise> Add Noise رفته و با استفاده از تصویر زیر تنظیمات را انجام دهید.



مرحله 3: اضافه کردن نام قالب

ابزار Type Tool (T) را انتخاب کنید و نام قالب وب سایت خود را در سمت چپ هدر بنویسید. من فونت Rockwell با اندازه 40pt و رنگ # FFFFFF در حالت  bold استفاده می کنم. guides رو فعال کنید تا برای قرار دادن نام راهنمایتونکنه برای این کار کلیدهای Ctrl و ; را بفشارید.


مرحله 4: ایجاد الگوی راه راه مورب

حالا ما می خواهیم یک الگوی راه راه مورب بسازیم که بعدا از آن در سایه متن استفاده خواهیم کرد. یک سند جدید ایجاد  می کنیم با ابعاد 3px  در 3px. لایه پس زمینه را hide میکنیم  سپس یک لایه جدید ( ctrl + shift + N) ایجاد کنید.

با استفاده از ابزار Rectangular Marquee Tool (M) سه مربع ایجاد کنید(برای آسان تر شدن کار کلید Shift را پایین نگه دارید تا مربع به صورت دقیق ترسیم شود). برای رنگ گردن مناطق انتخابی با رنگ سفید کلیدهای CTRL + D را بفشارید.

سپس به مسیر Edit> Define Pattern رفته و برای الگوی خود یک نام نسبت دهید و OK کنید. در حال حاضر شما می توانید از این پترن هرجا نیاز بود استفاده کنید.


 من یه مشکلی دارم با میهن بلاگ اگر کسی می تونه و می دونه لطفا راهنماییم کنه...

مشکلم این پیغامه : " حجم متن بیشتر از 60k شده است"

به همین علت هم هست که من تا مرحله 5 این آموزش رو براتون گزاشتم.

اگر کسی می دونه چطور میشه این مشکل رو حل کرد و اصلا این پیام منظورش چیه !!! براام پیام بزاره .

ممنون

شاد و پیروز باشید...





نوع مطلب :
برچسب ها : آموزش، اموزش، اموزش فتوشاپ، اموزش طراحی، طراحی قالب سایت، دانلود قالب سایت، قالب سایت،
لینک های مرتبط : تکنولوژی 960،


سه شنبه 23 مرداد 1397 06:22

This is nicely expressed! !
viagra at pharmacy buy viagra nz best site to buy viagra how to order viagra pills buy viagra online without a prescription online pharmacy viagra uk viagra online pharmacy uk buy viagra super active online buy viagra overnight shipping where to buy viagra without a prescription
دوشنبه 22 مرداد 1397 22:02

You mentioned that fantastically.
cialis professional from usa precios cialis peru cialis 50 mg soft tab discount cialis cialis without a doctor's prescription cialis online deutschland cialis kaufen generic cialis 20mg uk what is cialis generic cialis at walmart
دوشنبه 7 خرداد 1397 09:32

Kudos! Quite a lot of postings.

cialis dosage only best offers 100mg cialis walgreens price for cialis cialis y deporte cialis 5 mg scheda tecnica cialis 5 mg para diabeticos cialis kaufen tadalafil 10 mg cialis 20 mg cut in half cialis 5 mg scheda tecnica
پنجشنبه 20 اردیبهشت 1397 10:13

Point well regarded!!
cialis for sale how much does a cialis cost cialis canada on line venta cialis en espaa cialis 5mg prix when will generic cialis be available cialis 100 mg 30 tablet miglior cialis generico buy original cialis acheter du cialis a geneve
شنبه 8 اردیبهشت 1397 00:10

This is nicely said! !
5 mg cialis coupon printable estudios de cialis genricos overnight cialis tadalafil cialis cipla best buy canadian cialis viagra vs cialis vs levitra cialis usa cost tadalafil pastillas cialis y alcoho cialis uk
سه شنبه 4 اردیبهشت 1397 20:23

Awesome information, With thanks!
how much is viagra where can i buy viagra over the counter how to purchase viagra online order viagra viagra online doctor rx pharmacy viagra buy viagra online online viagra in pharmacy buy viagra uk viagra no rx
شنبه 4 فروردین 1397 10:08

You've made your point extremely nicely.!
wow look it cialis mexico cialis soft tabs for sale venta de cialis canada cialis uk next day 40 mg cialis what if i take cialis diario compra purchasing cialis on the internet try it no rx cialis canadian drugs generic cialis cialis without a doctor's prescription
یکشنبه 6 اسفند 1396 05:08
سلام به همه، محتویات موجود در این صفحه وب واقعا برای مردم شناخته شده است، خوب، نگه داشتن
همکارانی خوب کار می کنند.
پنجشنبه 23 آذر 1396 14:50
اقا دستتون درد نکنه خسته نباشید عالیییی بود
شنبه 1 مهر 1396 09:09
I am not sure where you are getting your information, but good topic.
I needs to spend some time learning much more or understanding more.

Thanks for great info I was looking for this information for my mission.
شنبه 14 مرداد 1396 16:24
Do you mind if I quote a few of your articles as
long as I provide credit and sources back to your blog? My blog site
is in the exact same niche as yours and
my visitors would truly benefit from a lot of the information you present here.
Please let me know if this alright with you. Thanks a lot!
شنبه 17 تیر 1396 13:21
Awesome things here. I am very satisfied to see your article.
Thanks a lot and I'm taking a look forward to touch you.

Will you kindly drop me a mail?
شنبه 2 اردیبهشت 1396 09:55
Good blog you've got here.. It's hard to find quality
writing like yours these days. I honestly appreciate individuals like you!

Take care!!
پنجشنبه 24 فروردین 1396 17:12
I was suggested this website via my cousin. I am not certain whether or not this put up is written through him as nobody else
understand such distinct about my trouble. You're incredible!

Thanks!
پنجشنبه 17 فروردین 1396 13:50
Great information. Lucky me I found your website by chance (stumbleupon).

I've book marked it for later!
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر