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

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

قدم دوم:
اجاز دهيد تا كار را آغار كنيم.قبل از هرچيز شما به يك طرح رنگ داشته باشيد. اين يك اشتاه بزرگي است كه رنگها را بطور تصادفي انتخاب كنيد و ببينيد كدام يك به كار شما بيشتر مي نشيند. دو برنامه مورد علاقه من در طراحي ها برنامه 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