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

گام ۱:

نرم افزار فتوشاپ را باز کرده و از منوی File>New یک سند جدید با اندازه ۱۰۰۰ در ۲۱۶ پیکسل ایجاد کنید.

گام ۲:

برای گام بعدی می خواهیم یک گرادیانت یا تدارج رنگ را به پس زمینه سند خودمان بدهیم.برای این کار یک لایه جدید ایجاد کنید(Ctrl+Shift+N) و بر روی آن دابل کلیک کنید تا پنجره Layer Style ظاهر شود.تنظیمات مربوط به gradient رو مطابق با تصیر زیر انجام دهید.

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

گام ۱:

نرم افزار فتوشاپ را باز کرده و یک سند ۶۰۰ در ۳۰۰ پیکسلی با رنگ دلخواه ایجاد کنید.

گام ۲:

یک لایه جدید ایجاد کنید و ابزار  Polygon را انتخاب کنید و گزینه Sides را برابر با ۳ قرار دهید تا لبه های شکل کمی نرم شود.

رنگ زمینه را ۹۱D638 انتخاب کنید و مانند زیر یک شکل ایجاد کنید.

گام ۴:

از منوی Layer > Layer Style > Blending Options > Stroke را انتخاب کنید و تنظیمات زیر را بر روی لایه خود اعمال کنید.

در این آموزش قصد طراحی بنر سه گوش یا مثلثی را داریم.

بنر سه گوش یا مثلثی چیست؟

بنر سه گوش یا مثلثی در یکی از ۴ گوشه صفحه سایت قرار می گیرد و  با اسکرول خوردن یا بالا و پایین شدن صفحه حرکت نمی کند و ثابت است.کاربرد این گونه بنر ها بیشتر جنبه حمایتی دارد ولی در کل این گونه از بنر های سه گوش امکان بهتر دیده شدن از سمت کاربران را افزایش می دهد.

گام ۱:ایجاد سند جدید

برای شروع نرم افزار فتوشاپ (در این آموزش از ورژن cs4 استفاده می شود) را باز کنید و از منوی File > New را انتخاب کنید تا یک سند جدید ایجاد کنیم.

در این آموزش قصد دارم یک بنر تبلیغاتی متحرک را با نرم افزار فتوشاپ و Ulead GIF Animator 5 طراحی کنیم.

من این آموزش را به سبک خودم ایجاد می کنم,نحوه طراحی به این صورت می باشد که ابتدا پله پله طرح کلی بنر تبلیغاتی را درون نرم افزار فتوشاپ طراحی می کنیم و در هر پله بنر خود را درون یک فایل ذخیره می کنیم و سپس این تصاویر ذخیره شده را به نرم افزار  Ulead GIF Animator منتقل می کنیم  و به هر تصویر مدت زمان می دهیم,سپس در انتها فایل را با فرمت Gif ذخیره می کنیم.

نکته:خود نرم افزار فتوشاپ برای ساخت بنر های متحرک ابزار های مختلفی دارد ولی من به این سبک کار می کنم و در کل به وسیله نرم افزار Ulead GIF Animator می توان جلوه های زیبایی را روی تصاویر اعمال کرد.

گام ۱ باز کردن نرم افزار فتوشاپ:

نرم افزار فتوشاپ (در این آموزش از CS5 استفاده می شود ولی می توانید از نسخه های قبلی هم استفاده کنید) را باز کرده و از منوی File > New را انتخاب کنید تا یک سند جدید ایجاد کنیم.

گام ۲ ایجاد یک سند جدید:

برای سند جدید خود یک نام انتخاب کنید و عرض و طول آن را به واحد پیکسل وارد کنید.در این آموزش بنر تبلیغاتی خود را در ابعاد ۴۶۸ در ۶۰ پیکسل قرار دادیم.بعد از اعمال کردن تنظیمات بر روی کلید OK کلیک کنید.

گام ۳ انتخاب رنگ زمینه:

با کلیک بر روی قسمت رنگ زمینه پنجره ای مانند زیر باز می شود که مشا می توانید رنگ مورد نظر را انتخاب کنید.بعد از انتخاب رنگ بر روی کلید OK کلیک کنید.

سپس با کمک ابزار سطل رنگ,رنگ مورد نظر را به سند خود می دهیم.

بقیه در ادامه

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

حجم فیلم آموزشی:۱۱ مگابایت