صفحه اصلی | انجمن | ورود | عضویت | خوراک | نقشه | تماس با ما | چت | آپلود فایل | فتوشاپ آنلاین تبلیغات
آموزش طراحی Header وب سایت در فتوشاپ
::: در حال بارگیری لطفا صبر کنید :::

نام کاربري : پسورد : يا عضويت | رمز عبور را فراموش کردم


تعداد بازدید : 291
نویسنده پیام
admin
آفلاین



ارسال‌ها: 299
عضویت: 28 /6 /1392
تشکر کرده: 34
تشکر شده: 10
آموزش طراحی Header وب سایت در فتوشاپ
با یکی دیگر از آموزشهای طراحی هدر وب سایت در خدمت شما عزیزان هستم . اولین قسمت یک قالب که طراحان بیشترین وقت را نیز در این قسمت صرف می کنند ، Header وب سایت می باشد . دلیل اینکه گفتم بیشترین وقت ، این مهم می باشد که بعد از وارد شدن به یک سایت اولین قسمتی که توسط بازدید کننده مورد مشاهده قرار می گیرد بالای صفحه یا همان هدر می باشد پس باید طراحی این قسمت را با در نظر گرفتن نکات فنی بدرستی انجام بدهیم . امروز میخواهم قسمت بالای یک وب سایت را در محیط فتوشاپ برای شما طراحی و آموزش آن را در اختیار شما قرار بدهم .
فتوشاپ را اجرا کنید
1. یک صفحه به ابعاد 136×674 با رزولیشن 300 ایجاد کنید .
تصویر: http://www.learning.asarayan.com/images/Photoshop/Bussind-card/12/business%20card_ASARAYAN1.gif
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design1.gif
2. بر روی لایه کادر کشیده شده دابل کلیک کرده و تنظیمات گزینه Gradient Overlay را با توجه به تصویر زیر تغییر بدهید .
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design2.gif
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design3.gif
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design4.jpg
3. یک لایه جدید بالای لایه اول ایجاد کنید
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design5.gif
4. سطل رنگ را در مرحله بعدی انتخاب کرده و در نوار ابزار بالای صفحه گزینه Pattenr را با توجه به تصویر زیر انتخاب کرده و یکی از بافت های پیش فرض را بر روی لایه دوم که ایجاد کرده ایم اعمال می کنم .
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design6.gif
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design7.jpg
5. مد لایه را برابر با Overlay و تنظیمات Opacity را برابر با 30 درصد قرار بدهید .
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design8.gif
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design9.jpg
6. در مرحله بعدی ابزار تایپ را انتخاب کرده و یک عنوان به دلخواه بالای صفحه با رنگ سفید تایپ میکنم . فونت پیش فرض : farnaz
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design10.jpg
7. بر روی لایه متن تایپ شده دابل کلیک کرده و تنظیماتی که در تصاویر زیر مشخص شده است را تغییر بدهید
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design11.gif
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design12.gif
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design13.gif
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design14.jpg
8. با ابزار تایپ زیر متن اصلی یک متن دیگر با درصد رنگی fbc763 و با Strok یک پیکسلی تایپ میکنم
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design15.jpg
9. ابزار Custome Shape Tool را انتخاب کرده و یک تصویر را به دلخواه بالای متن تایپ شده قرار میدهم . درصد رنگی شکل کشیده شده : fdd104
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design16.gif
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design17.jpg
10.در مرحله بعدی ابزار Line Tool را انتخاب کرده و دو خط زیر هم با درصد رنگی های 410e0f و 733839 میکشم .
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design18.jpg
11. در مرحله آخر نوبت میرسه به منوهای زیر لوگو . من به دلخواه 4 لینک در زیر لوگو تایپ میکنم .درصد رنگی : dfdddd
تصویر: http://www.learning.asarayan.com/images/Photoshop/header-website/2/Header-Design19.jpg

خدايا ، من در كلبه فقيرانه خود چيزی را دارم كه تو در عرش كبريايي خود نداري ،من چون تویی دارم و تو چون خود نداری

همیشه امیـــد داشته باش
سه شنبه 17 دی 1398 - 09:48
وب کاربر ارسال پیام نقل قول تشکر گزارش



تازه سازي پاسخ ها