شما اینجا هستید: خانه / افکت های متنی / آموزش ساخت بنر حرفه ای تبلیغاتی برای وبسایت و وبلاگ ها
آموزش ساخت بنر حرفه ای تبلیغاتی برای وبسایت و وبلاگ ها

آموزش ساخت بنر حرفه ای تبلیغاتی برای وبسایت و وبلاگ ها

سلام خدمت بازدید کنندگان عزیز . در آموزش امروز ما ساخت بنر تبلیغاتی رو یاد میگیرید ؛ آموزش مختص وبسایت و وبلاگ داران عزیز هستش. درسته نوشتیم حرفه ای اما باز هم سعی کردیم تا حد ممکن ساده ساده توضیح بدیم تا مبتدیان باز هم بتونند انجام بدند. زمان مورد نیاز برای انجام آموزش کمتر از ۱ ساعت هستش . تمامی ابزار هایی که در اموزش نیازه و به کار میره در فایلی همراه قرار گرفته که با لینک مستقیم قابل دانلود هست. سعی کردیم یک مدل تقریبا پابلیک و پر کاربرد هست رو آموزش بدیم که برای اکثر وبسایت ها مناسب هستش و تمامی فایل های مورد نیاز برای دانلود گذاشته شده . با ما در ادامه باشید

 شرح آموزش

سطح آموزش :  پیشرفته
مدت زمان انجام :  ۶۰ دقیقه

گام اول

فتوشاپ رو باز کنید.

سپس به قسمت  file/new  بروید و اندازه مورد نظر خود را بدهید ، یا از اندازه های ما استفاده کنید. 0حالا بر روی لایه بکگراند کلیک کرده و ctrl+shift+n  را بزنید.  { این دستور را به یاد داشته باشید } این دستور ایجاد یه لایه کاری جدید میباشد . اسم لایه جدید را در کادر ظاهر شده>> رنگ پس زمینه <<بگذارید.

1

حال در کادر ایجاد شده کلیک نمایید و سپس به قسمت edit/fill  بروید و در قسمت use  بر روی color  بروید و کد ff8702  را بزنید و اوکی کنید.

 2

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

حال براش  از لینک زیر دانلود کنید و آن را نصب کنید.

دانلود با لینک مستقیم

{ با کلیک کردن بر روی آن }

3گام دوم

سپس brush tool  را از سمت چپ انتخاب کنید. این براش را انتخاب کنید و f5  را بزنید تا تنظیمات براش برایتان ظاهر شود.

{ در صورتی که f5  را زدید و عمل نکرد به قسمت windows  بروید و تیک مربوط به براش را بزنید }

4حالا تنظیمات را مانند شکل زیر انجام دهید.

5 6

سپس foreground color  را بر روی ff7e00  قرار دهید مانند شکل زیر

7

حال بر روی تصویر بکشید. { بر روی بالاترین لایه }

8

حال میزان اوپسیتی یا تیرگی ان را به ۶۰ درصد کاهش دهید.

9

یه لایه دیگر بسازید و نام آن را طرح پس زمینه ۲ بگذارید.

10

اینبار سایز  براش را بر روی ۱۰۰ قرار دهید. {با همان تنظیمات قبلی }

11سپس بر روی تصویر بکشید تا نهایتا شکل زیر درست شود.

12حال فونت spy agency  را در داخل فایل همراه { فایل پی دی اف }  و یا از لینک زیر { سایت }  دانلود نمایید

دانلود با لینک مستقیم

گام سوم

حال t  را زده و فونت مورد نظر را انتخاب نمایید با تنظیمات زیر

13

14

سپس کلمه v  را تایپ کرده . { الزامی نیست میتوانید اسم سایت خود را تایپ کرده اما ما چون هدفمون نشون دادن vip  یک سایت هست لذا ۳ کلمه vip  را خواهیم  نوشت}

حال بار دیگر t  را زده و کلمه بعدی را تایپ نمایید و به همین ترتیب  { چرا یکدفعه همه کلمه ها رو ننویسیم ؟ چون ما میخواهیم کلمه ها را کمی بالا پایین قرار بدیم و این زمانی قابل اجراست که هر کلمه در داخل یک لایه باشد }

15حال بر روی  لایه کلمه v   کلیک راست کرده و blending option  را بزنید. سپس تنظیمات مربوط به ان را انجام دهید. 16 17 18 19سپس بر روی لایه v کلیک راست کرده و copy layer style  را زده سپس به لایه های بالایی که شامل حرف های بعدی نیز میباشد بروید و بر روی انها کلیک راست کرده و paste layer style  را بزنید.

 20 21

نتیجه

22حال با همین فونت اسم سایت خود را به طور کامل در زیر قسمت vip  بنویسید.

23بر روی  لایه ان کلیک راست کرده و blending option  را بزنید و مانند زیر 24 25

سپس با همین فونت کلمه های کلیدی مربوط به سایت خود را بر روی بنر بنویسید. مانند شکل زیر

گام چهارم

26

سپس بر روی بالاترین لایه خود کلیک کرده و ctrl+shift+n  را زده و اسم لایه جدید را حاشیه قرار دهید.

28

سپس ابزار rectangular marquee tool  را انتخاب کنید و با نگه داشتن شیفت shift  بر روی تمامی کلمه های کلیدی یه کادر بکشید مانند شکل زیر

{ نگه داشتن شیفت باعث حذف نشدن سلکت ها میشود }

2729

سپس بر روی لایه کلیک رده و edit/fill  بروید و در کادر ظاهر شده از قسمت use   و انتخاب color رنگ ان   را بر روی قرمز قرار دهید و اوکی کنید.

30

با ctrl+d  از حالت سلکت خارج شوید. حالت لایه را بر روی soft light   تغییر دهید و میزان تیرگی را بر روی ۷۰ درصد قرار دهید.

31

حال بر روی لایه اش کلیک راست کرده و blending options  را زده و مانند زیر

{ تیک inner glow و outer glow  را بزنید کافیست نیازی به تنظیمش نیست }

32

نتیجه شکل زیر خواهد شد

33گام پنجم

حال یه لایه دیگر بسازید و اسم ان را اتصال قرار دهید.

34براش را انتخاب کنید. Brush tool  و سپس f5  را زده تا کادر تنظیمات باز شده و مانند شکل زیر عمل کنید.

35

سپس ابزار pen tool  را برداشته ! و مانند شکل زیر کلمه های کلیدی را به هم با ۲ نقطه وصل کنید. سپس بر روی کلیک راست کنید در همان حالت و storke path  را بزنید و براش را انتخاب نمایدی و اوکی .

3637

سپس دوبار کلیک راست نمایید بر روی همان و delete path  را بزنید { یا در cs6  ۱ تا ۲ بار بر روی delete  کیبرد فشار دهید}

  38

حال همین کار را با مابقی کلمه های کلیدی در همین لایه انجام بدید تا سر انجام شکلی شبیه زیر درست کرده باشید .

39

حال لایه جدید دیگری ایجاد کرده و اسم ان را حاشیه متن بذارید. سپس brush tool  را انتخاب کرده و مانند شکل زیر تنظیماتش را انجام دهید .

40

41رنگ آن را هم مانند شکل زیر مرتب کنید و سپس با براش دور متن اصلی را بکشید .

42سپس میزان اوپسیتی لایه حاشیه متن را بر روی ۴۰ درصد قرار بدید . بعد از ان بر روی ان کلیک راست کرده و blending options  را بزنید و مانند شکل زیر

43

گام ششم

حال براش زیر را دانلود کنید و آن را نصب کنید.

دانلود با لینک مستقیم 

سپس یه لایه جدید دیگر بسازید و اسم آن را براقیت بگذارید.

 44سپس brush tool   را بار دیگر انتخاب نمایید.

حال براش را که نصب کردید یکی از آنها را انتخاب نمایید که شکل زیری میباشد و سایز مناسب 45

در همین لایه بر روی کاور بروید { با همان رنگ قبلی / دست نزنید } و بر روی کاور در قسمت های اتصال کلیک کنید.

46

سپس میزان اوپسیتی یا همون تیرگی رو بر روی ۲۰ درصد بذارید.

47

حال ایه لایه جدید دیگه ایجاد کنید اسمشو بذارید براقیت ۲ . سپس brush tool  رو فعال کنید و براش زیر رو انتخاب کنید.

49

48

با همین رنگ دور تا دور لایه متن رو بکشید  و سپس میزان اوپسیتی لایه اش رو بر روی ۹۰ درصد بذارید. 50حال لایه دیگری ساخته و براش زیر را انتخاب نمایید.

51

بر روی کلمه های کلیدی و مستطیل های دورش بکشید و میزان اوپسیتی رو کمی کم کنید.

52

میتوانید قسمت های دیگری هم اضافه کنید. اختیاری است مثلا کد تخفیف یا …..

53در انتها هم به سراغ لایه > رنگ پس زمین < رفته بر روی آن کلیک راست کنید و سپس مانند شکل زیر

54نتیجه نهایی tutorial by hossein.tori

درباره ی нσѕѕєιη.тσяι

نام ::̤̈م̤̤̈̈ح̤̤̈̈م̤̤̈̈د̤̤̈̈ ̤̤̈̈ح̤̤̈̈س̤̤̈̈ی̤̤̈̈ن̤̤̈̈ ̤̤̈̈ب̤̤̈̈ه̤̤̈̈ر̤̤̈̈ا̤̤̈̈م̤̤̈̈ی̤̤̈̈ ̤̈: متولد : مهر 13ᆨᆯ (اکتبر 1993) شغل : ~د͜͝ا͜͝ن͜͝ش͜͝ج͜͝و͜͝ی͜͝ ͜͝ک͜͝ا͜͝ر͜͝ش͜͝ن͜͝ا͜͝س͜͝ی͜͝ ͜͝~ [̲̲̅̅س̲̲̅̅ا̲̲̅̅خ̲̲̅̅ت̲̲̅̅ ̲̲̅̅و̲̲̅̅ ̲̲̅̅ت̲̲̅̅و̲̲̅̅ل̲̲̅̅ی̲̲̅̅د̲̲̅̅] علایق : ʜAᴄKɪNɢ ᴄEʟLᴘHᴏNᴇ ﹗ ɢRᴀPʜIᴄ ﹗ ᴍUsIᴄ ﹠ ᴍOᴠIᴇ ﹗ ɢOᴅ ̲͠м̲͠A̲͠ĸ̲͠E̲ ̲͠B̲͠e̲͠L̲͠ι̲͠V̲͠e̲ راه های ارتباط با بنده : iphotoshop_hossein@yahoo.com FB/Hossein.Tori gmail: d4rknes3@gmail.com ̶̲͠т̶̲͠W̶̲͠ι̶̲͠T̶̲͠т̶̲͠E̶̲͠r̶̲ ̶̲͠/̶̲ ̶̲͠v̶̲͠I̶̲͠в̶̲͠E̶̲͠r̶̲ ̶̲͠/̶̲ ̶̲͠l̶̲͠I̶̲͠ɴ̶̲͠E̶̲ ̶̲͠/̶̲

۴۹ دیدگاه

  1. بسم الله الرحمن الرحیم
    سلام علیکم
    این فایلهای براش را در چه قسمتی از فولدر فتوشاپ باید paste کنیم؟
    * با آرزوی توفیق الهی * التماس دعا *

  2. سلام
    ممنون ازتون ، آموزش عالی بود، اگر تونستید پترن های بیشتری برای دانلود این آموزش قرار دهید.

  3. اقا اصلا stroke path من کلیک نمیشه سفیده !

  4. foreground color چیه ؟ از کجا باید زد ؟ ممنون میشم اگه بگید

  5. لطفا افزونه دانلود مطلب بصورت pdf رو نصب کنید تا هی مجبور نشیم وارد سایت شیم.متشکر

  6. ینی دیگه حرفی برا گفتن ندارم …
    عالیه این سایته!! ………….
    خداییش هیچ جا اینجوری روون و درست درمون یاد نمیدن !! …
    دست گلتون درد نکنه

  7. سلام حسین آقا کجایی؟؟ خیلی وقته پست نذاشتی

  8. اینو که انجام ندادم … فقط اومدم واسه آخرین بار از سایت فوق العادتون تشکر کنم و البته واسه یه مدت احتمالا طولانی ازتون خداحافظی میکنم… موفق باشید

  9. سلام. من وبلاگ عالی شمارو لینک کردم.

  10. داش حسین مثل اینکه منظوربنده رو نگرفتین منظورازبنرتبلیغاتی بنری بود مثل ساخت تابلو فلکسی یعنی آموزش ساخت بنری که برای سردر اماکن تجاری طراحی شه ممنون حسین عزیز اگه آموزشو بذارید.

  11. علیرضا باغبانیان

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

  12. سلام
    میشه توضیح بدین که ابزار براشی که برای دانلود گزاشتید رو چه جوری باید نصبش کنم ؟

    پیشاپیش منون

  13. درود
    واقا ساده و روون آموزش داده شده بود من تا حالا کار نکرده بودم و به عنوان یه مبتدی صفر تونستم انجامش بدم-مرسی عالی بود

  14. سلام خسته نباشید…من تو متحرک سازی کلا مشکل دارم ..می خوام خواهش کنم که متحرک سازی و با جزییات کامل توضیح بدین…تو آموزشای قبلی نتونستم اجرا کنم:(

  15. سلام.
    من خیلی دوس دارم فتوشاپ رو یاد بگیرم ولی نمیدونم از کجا باید شروع کنم و از کدوم نوع فتوشاپ استفاده کنم میشه راهنماییم کنید؟

  16. میشه بگین چجوری باید فونت رو نصب کنم ! (WIM 7)*

  17. حالا همه با هم :بهترین سایت آموزش فتوشاپiphotoshop
    خدا قوت
    الهم صل علی محمد وآل محمد

  18. ممنون عااااااااااااااااالیه دوستان

  19. خیلـــــی عــــالـــــی بـــــــوداقا حســـــین

  20. خخخخخخخخخخیـــــــــلی عالی بود داش حسین

  21. دروووود به به به این میگن آموزش خسته نباشی داداش گلم دوستان عزیز کافیه اگه بلد باشید یکم بهش متن متحرک بدید یه بنر خفنِ خفن دارید!

دیدگاهتان را بنویسید

بپر بالا !