.تعمیـــرکاران کیان ست (kiansat.kim)تابع قوانین -جمهموری-اسلامی ایران میباشد و ارسال هر گونه مطلب سیاسی،مذهبی،غیراخلاقی و خرید و فروش متعلقات ماه-واره و دیگر موارد مجرمانه ممنوع میباشد وبا کاربران خاطی به شدت برخورد میگردد انجمن فقط تعمیرات لوازم الکترونیک میباشد...













سلام مهمان گرامی؛
به کیان ست خوش آمدید برای مشاهده انجمن با امکانات کامل می بايست از طريق این لینک عضو شوید.

http://teranzit.pw/uploads/14469017281.png
پیام خصوصی به مدیریت کل سایت ........... صفحه توضیحات و شرایط گروه ویژه ........... ...........
ارتباط تلگرامی با مدیریت سایت ................. ایدی تلگرام suportripair@ .................
نمایش نتایج: از شماره 1 تا 1 , از مجموع 1

موضوع: طراحی قالب سایت در فتوشاپ ( سطح:مبتدی )

  1. #1


    تاریخ عضویت
    Mar 2009
    محل سکونت
    ایران
    علایق
    الکترونیک
    شغل و حرفه
    webmaster
    نوشته ها
    11,074
    تشکر ها
    68,096
    58,109 سپاس از9,041 پست

    طراحی قالب سایت در فتوشاپ ( سطح:مبتدی )

    برای شروع کار فایلی جدید با ابعاد ۸۰۰*۸۰۰ و رزولویشن ۷۲ پیکسل در فتوشاپ باز کنید و رنگ پس زمینه را سفید معین کنید. ابزار Rectangle Tool را انتخاب کنید و مانند شکل زیر مستطیلی در بالای صفحه بکشید و بعد از آن افکتهای زیر را به لایه آن بدهید و نام این لایه را top بگذارید :



    Click here to enlarge


    Click here to enlarge


    Click here to enlarge


    بازهم توسط ابزار Rectangle لایه دیگری دقیقا مماس با همین لایه و کمی عریضتر در زیر آن بکشد و افکتهای مشابه اشکال زیر را به آن اعمال کنید و نام این لایه را header بگذارید. نتیجه کار شما باید مشابه شکل زیری شود :



    Click here to enlarge


    Click here to enlarge


    Click here to enlarge



    از این لایه Duplicate بگیرید، نام آنرا footer بگذارید و آنرا به پایین صفحه منتقل کنید :







    توسط رنگ ۸۸۷۶۳d# و ابزار Type Tool منوی Navigation خود را مشابه شکل زیر بنویسید. همچنین توسط رنگ سفید و بر روی لایه header نام سایت sLogon را بنویسید :




    Click here to enlarge



    مشاهده میکنید که نام سایت را در قسمت سمت راست header نوشتیم و الان متوجه دلیل این کار خواهید شد. ابزار Rounded Rectangle Tool را انتخاب کنید و مشابه شکل زیر لایه ای رسم کنید و opacity این لایه را مساوی ۶۰% قرار دهیدو افکتهای زیر را بر روی آن اعمال نمایید :







    اکنون مشابه شکل زیر در قسمت بالایی لایه ایجاد شده و توسط آیکونهای دلخواه ۳ ShortCut برای Home,Rss و Contact ایجاد کنید :




    Click here to enlarge



    همچنین در قسمت میانی این لایه عکسی به دلخواه و البته متناسب با رنگهای استفاده شده وارد کنید و Opacity آنرا ۹۰% تعیین نمایید :




    Click here to enlarge


    قسمت پایینی این لایه برای کادر ورود “Login” در نظر گرفته شده است، مشابه شکل زیر و به دلخواه کادر ورود و اجزا مورد نیاز یک کادر ورود را وارد نمایید. (البته دقت نمایید که در یک سایت این قسمت میتواند توسط CSSپیاده سازی شود)




    Click here to enlarge



    اکنون قسمت محتوی یا “Content” را به ۳ قسمت تقسیم میکنیم :




    Click here to enlarge



    برای قسمتهای ایجاد شده متنها و مثالهایی وارد نمایید و در پایین هر قسمت Button هایی توسط ابزار Rectangle Tool ایجاد نمایید و رنگ آنهارا برای همخوانی با رنگهای موجود مشابه رنگهایی که برای Buttonهای کادر Login در نظر گرفتیم (مانند Read More, . . .) تعبه نمایید و افکتهایی مانند شکلهای زیر با آنها بدهید تا طرح ما خالی نباشد :






    در آخرین قسمت به طرح فوق و در قسمت footer موارد لازم مانند Copy Right و Quick Link های مهم را وارد نمایید.

  2. نمایش تمام تشکر های KIAN FAR در این پست:

    mir5 (22nd April 2011)

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  


Copyright ©2000 - 2013, Jelsoft Enterprises Ltd کیــــــــــان ستـــــــــــ ...® اولین و بزرگترین سایت فوق تخصصی الکترونیک در ایران



Cultural Forum | Study at Malaysian University