موضوعات مختلف

تست دامین

ژورنال لباس عروس

آیا می دانید که...

سخن از بزرگان

حکایات

ضرب المثل

چیستان

بهترین ها

اس ام اس

متون عاشقانه

کتاب های الکترونیکی

کتاب های تخصصی

کتاب های عمومی

مقالات

عمران 

معماری

کامپیوتر

پزشکی

الکترونیک

برق

 

ساختن يك وب سايت با فتوشاپ

ساختن يك وب سايت با فتوشاپ

درس اول
قدم اول:
در اين سلسله آموزش شما ياد خواهيد گرفت كه چگونه يك وب سايت را فتوشاپ طراحي كنيد.
در اين آموزش فرض بر اين است كه شما تا حدودي به فتوشاپ آشنايي داشته با لايه ها و ماسك آشنايي داريد.
در انتهاي آموزش شما قادر خواهيد بود كه سايتي به شكل زير داشته باشيد:


قدم دوم:
اجاز دهيد تا كار را آغار كنيم.قبل از هرچيز شما به يك طرح رنگ داشته باشيد. اين يك اشتاه بزرگي است كه رنگها را بطور تصادفي انتخاب كنيد و ببينيد كدام يك به كار شما بيشتر مي نشيند. دو برنامه مورد علاقه من در طراحي ها برنامه color picker و برنامه colourlovers مي باشد. شما همچنين مي توانيد از پالت swatches فتوشاپ بهره جوييد. شما مي توانيد رنگهاي مورد علاقه خود را انتخاب كنيد. من با رنگ آبي تك رنگ كار خواهم كرد كه به حقيقت يكي از رنگهاي مورد استفاده در بسياري از صفحات وب مي باشد.
قدم سوم:
حالا شما رنگ مورد نظر خود را در ذهن داريد. در فتوشاپ يك فايل جديد باز كنيد. اندازه آن بايد 800 در 800 باشد. بر اساس استاندارهاي وب صفحات اينترنتي نبايد بزرگتر از 770 پيكسل عرض داشته باشند چرا كه هنوز بسياري از كاربران از رزولوشن 800 در 600 استفاده ميكنند. اين فايل با عرض 800 پيكسلي را ما به عنوان يك پس زمينه براي صفحه وب خود قرار مي دهيم.
قدم سوم:
حال كه شما فايل خود را آماده كرده ايد نياز به خطوط راهنما داريد. ( در نظر داشته باشيد اين خطوط راهنما بر اساس سايتي است كه مي خواهيد در انتها داشته باشيد و ما بر اساس شكل فوق اين خطوط را ترسيم ميكنيم.)
اين خطوط به شما كمك مي كنند تا تمام اجزا سايت شما در محل درست خود قرار گرفته باشند.
براي ايجاد خطوط راهنماي جديد كه از اين پس آنها را guide مي ناميم به گزينه View > New Guide مي رويد.در اين منو شما قادر خواهيد بود كه guide هاي افقي يا عمودي داشته باشيد و مقدار آن را نيز از لحاظ كلفتي مشخص كنيد. شما بايد guide هاي افقي در مقادير 15, 25, 175, 185, 215, 225, 700, 710, 775, 785 و guide هاي عمودي در 15, 25, 275, 775, 785 ايجاد كنيد. مطمئن شويد View > Snap و View > Snap To > Guides چك مارك خورده باشند. وقتي شما كار را تمام كرده باشيد شكلي شبيه به شكل زير خواهيد داشت.

قدم چهارم:
خوب من براي هر قسمت اين صفحه وب يك گروه لايه ها تشكيل مي دهم.پيشنهاد مي كنم شما هم براي مرتب بودن كار اين كار را انجام دهيد. يك گروه لايه جديد با نام بكگراند تشكيل دهيد. شما بايد يك لايه جديد تشكيل دهيد و با هر رنگي كه مايل بوديد آن را پر كنيد . اين مهم نيست از چه رنگي استفاده ميكنيد.(من از اين رنگ استفاده كردم 0000FF) چون ما بعدا آن را به گراديانت تغير ميدهيم. به تنظيمات زير رفته و مقادير را انتخاب كنيد.
blending option> Gradiaent Overlay


دقت كنيد دقيقا عمودي باشد تا به مشكل برنخوريد
 

 

 

نویسنده : علی اکبری

E-mail: master@parsigold.com

 

اطلاعات کامپیوتر

  صفحه اصلی

   آموزش

   آموزش نرم افزار

   ترفندهای اینترنت

   ترفندهای رجیستری

   اخبار دنیای دیجیتال

   بهترین نرم افزارها

اطلاعات موبایل

   معرفی انواع موبایل

   معرفی انواع موبایل

   نرم افزار انواع موبایل

   آموزش موبایل

   تکنیک موبایل

   ویروسهای موبایل

پروژه های برنامه نویسی

   زبان Passcal

   C++  زبان

   زبان  Delphi

   زبان  Java

   زبان  PHP

   زبان  Asp

   زبان  VB

   VB.Net  زبان

دوربین دیجیتال

   معرفی دوربین

   قیمت دوربین

مقالات مدیریتی

   اقتصادی

   بازرگانی

   مدیریتی

   منابع کارشناسی ارشد

   

All rights reserved-Designed By  : PGG (ParsiGold Group)

تمامي حقوق این سايت محفوظ است و نقل و استفاده از مطالب در سايت ها و نشريات تنها با ذکر منبع مجاز ميباشد