طراحی کانتنت سایت با فتوشاپ

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

     

    مرحله اول:

    قبل از شروع بگم که همینطور که می بینید یه تغییراتی توی باکس کانتنت دادم، اینکه رنگشو گرادیانت زدم و یه حاشیه

    هم دورش گذاشتم(گزینه stroke)   :

     

     

    باکس کانتنت رو یه کم به سمت بالا جابه جا می کنم. اینجا جاییه که ما باید خبرها وعناوین رو توی اون قرار بدیم، الان اینجا من میخام برای مثال غیرفعال کردن آپدیت اتوماتیک ویندوز۱۰ رو توی کانتنت قرار بدم، یه لایه برای قرار دادن عکس مطلب و یک لایه برای قرار دادن متن خبرمون ایجاد می کنیم، متن خبر رو می نویسیم.

     

     

    یک لایه ی دیگه برای یه دکمه کوچیک که بتونیم باهاش به ادامه مطلب مراجعه کنیم، ایجاد می کنیم.

     

     

    noise  در فتوشاپ

    کار دیگه ای که باید انجام بدیم اینه که یک رنگ هم برای بک گراند سایت انتخاب کنیم که ازین حالت سفید یکنواخت بیرون بیاد، طبق معمول یک لایه ایجاد می کنیم و تمام قسمت بک گراند سایت رو select  می کنیم، رنگ مورد نظر رو انتخاب می کنیم، بعد از بخش filter گزینه noise>>add noise رو انتخاب می کنیم و مقدار noise  رو روی ۵ می ذاریم.

     

     

     

    بریم یه نمای کلی از سایتمون ببینیم:

     

     

    اموزش duplicate در فتوشاپ

    مرحله دوم:

    خب حالا می خوایم یه مطلب دیگه مثل همین رو قرار بدیم، یعنی دوباره یه باکس کانتنت دیگه با همه ی قسمتاش باید بسازیم!؟ خیر! خوشبختانه فتوشاپ قابلیتی به نام  duplicate داره که با استفاده از اون می تونیم به راحتی از هر لایه یا گروهی که می خوایم یه کپی بگیریم، دقیقا مثل خودش.

    الان اینجا روی گروه کانتنت کلیک می کنیم و گزینه duplicate group  رو انتخاب می کنیم. اسم کپی(همون کانتنت جدید) روکانتنت ۲ می ذاریم، وقتی گروه کانتنت فعال هست روی باکس کانتنت کلیک می کنیم و به طرف پایین می کشیم، اینطوری یه کپی از کانتنت گرفتیم.

     

     

     

     

    تو مرحله ی بعد محتوا و عکس و اطلاعاتی که از باکس کانتنت۲  می خوایم رو تغییر می دیم.

     

     

     

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

     

     

    آموزش طراحی سایت با فتوشاپ – قسمت ششم

    آموزش طراحی سایت با فتوشاپ – قسمت هفتم

© تمامی حقوق مطالب برای وبسایت هفت دیزاین محفوظ است و هرگونه کپی برداری بدون ذکر منبع ممنوع و شرعا حرام می باشد.
قدرت گرفته از : بک لینکس