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




مدیر وبلاگ : کاوه گرافیکیان
آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
گرافیک
صفحه نخست             تماس با مدیر           پست الکترونیک               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،


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