شما اینجا هستید: خانه / افکت های متنی / آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}
آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

سلام خدمت همه ی دوستان عزیزم

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

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

آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

بخش اول

مرحله ی اول:افکت پرتاپ شونده-تا حالا دقت کردید یه جسمی وقتی از بالا می افته به دلیل قدرتی که داره وقتی که بار اول به زمین می خوره چند بار بازم به بالا پرتاپ میشه و بازم میاد پایین!!!حالا ما می خوایم همین کارو برای شما در قالب بنر آموزش بدیم افکتی که خیلی پر کاربرد در ساخت بنر هستش پس حالا

 یک سند جدید با سایز ۲۴۰*۱۲۰ ایجاد کنید با رنگ زیر

e31073#

خب حالا این آیکون این توپ رو دریافت کنید

آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

سپس این توپ رو در مرکز لایه ی جدیدی که همینک ساختید پِست کنید با زدن یکبار Ctrl+T اون رو در حالت افزایش یا کاهش قرار بدید سپس اون رو یکم به داخل بکشید تا کوچیکتر بشه به این شکل

آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

وقتی که سایز اون رو مانند تصویر بالا کردید یک کپی از لایه ی توپ بگیرید برای کپی گرفتن لایه ی توپ رو انتخاب کنید و سپس کلید های Ctrl+Jرو یکبار بزنید

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

Filter>>Blur>>Motion Blur

در پنجره باز شده مانند تصویر زیر نغییرات رو اعمال کنید

آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

حالا اوکی رو بزنید وقتشه که انیمشن فتوشاپمون رو روشن کنید برای روشن کردن به مسیر زیر برید

Window>>Animation

کافیه تیکش رو بزنید تا روشن بشه چون می دونم دوستان آماتور شاید مشکل پیدا کنن تصویر زیر رو برای درک بهتر می ذارم

آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

وقتی که انیمشن فتوشاپ رو فعال کردید

در فرم اول چشمک لایه ی اصلی توپ رو خاموش کنید متوجه منظورم که شدید اون لایه ی توپی که بلور شد باید در فرم اول روشن باشه و اون لایه ی توپی که هنوز عادی مونده در فرم اول باید خاموش باشه  واسه درک بهتر عکس زیر رو قرار میدم

آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

خب اگه دوست داشتید مانند تصویر بالا اسم لایه ها رو تغییر بدید که دچار مشکل نشید

حالا لایه یball copyرو به بالا ترین قسمت ممکن ببرید جوری که دیگه قابل مشاهده نباشه و فقط بگکراند رو بتونیم ببینیم

حالا یک فِرم جدید بسازید مانند تصویر زیرآموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

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

آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

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

آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}سپس در پنجره ی باز شده مانند تصویر زیر عمل کنید

آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

سپس اوکی رو بزنید اینکار باعث میشه که تصویر ما متحرک بشه خب مهترین بخش که باید با دقت انجام بدیم

مرحله ی دوم

حالا آخرین فرم رو انتخاب کنید که میشه فِرم شماره ی۷

آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

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

خب توضیح دادم چطور فرم بسازید یک فِرم جدید ایجاد کنید در فرم هشتم حالا توپ رو یکم ببرید بالا اینکار باید برای لایه ی ballباشه ها اشتباه نکنید مثلا می خوایم اینجا نیروی جاذبه ی زمین رو توصیف کنیم حالا یکبار کلید های Ctrl+Tرو بزنید

تمام کارهای زیر برای لایه ی ballگفتم اشتباهی کار نکنید

منظورم از یکم سه جهت بودا یعنی از کیبوردSHIFTرو بگیرید و سه بار جهت بالا رو فشار بدید

خب حالا باز یک فرم جدید بسازید باز از کیبوردSHIFTرو بگیرید رو سه بار جهت پایین رو فشار بدید

باز یک فرم جدید بسازید باز از کیبوردSHIFTرو بگیرید رو دوبار جهت بالا رو فشار بدید

باز یک فرم جدید بسازید باز از کیبوردSHIFTرو بگیرید رو دوبار جهت پایین رو فشار بدید

باز یک فرم جدید بسازید باز از کیبو-ردSHIFTرو بگیرید رو یکبار جهت بالا رو فشار بدید

باز یک فرم جدید بسازید باز از کیبوردSHIFTرو بگیرید رو یکبار جهت پایین رو فشار بدید

کلید های زیر رو بزنید و کارو save کنید

Alt+Shift+Ctrl+S

اینم تصویر نهایی

آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

اینم یه بنر ساده که همین افکت درش بکار رفته

آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

تموم شد می تونید از این افکت برای متن ها هم استفاده کنید…


بازم مثله همیشه من سعی میکنم مهترین اساس که دادن افکت ها به اشیاء یا متن هستش رو در ساخت بنر به شما آموزش بدم دیگه بکار بردنش در ساخت بنر به دست توانمند شماست

اینم یه هدیه کوچولو که برای طراحی می تونید ازش اسفتاده کنید بکگراند کار هست

در پناه حق

درباره ی حمید

حمید پناهی زاده دانشجوی رشته ی نرم افزار عاشق فتوشاپ و کمک کردن به دیگران امیداورام پست هایی که قرار میدم مورد عنایت شما قرار بگیره

۵۴ دیدگاه

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

    • همون نرم افزار حرفه ای adobe flashدیگه داداش
      ولی خب برنامه های دیگه ای هم هستند که می تونن به شما کمک کنن

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

    • نیما جان سلام مرسی از نظر هایی که میدی در رابطه با سوالی که پرسیدی باید یگم این بنر ها فلش هستند و چون تو بنر های فلش میشه خیلی کارا کرد ولی تو بنر های متحرک gif نمیشه اینکارو کرد سعی میکنم کاراکتر هایی متحرک رو پیدا کنم که بتونید تو بنر های gif ازش استفاده کنید

  3. ممنونتونم ……………………..

  4. سلام دوست عزیزم مرسی مبارکه صاحبش باشه ما نویسنده ای بیش نیستم ایشاالله شمام به آرزو های قشنگتون برسید شما به بخش آموزش های مبتدی فتوشاپ که در قسمت راست بالا در اولین پنل هست می تونید مشاهده کنید یا اینکه از لینک زیر به محل گفته شده مراجعه کنید
    http://www.iphotoshop.ir/category/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d9%87%d8%a7%db%8c-%d9%85%d9%82%d8%af%d9%85%d8%a7%d8%aa%db%8c-%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be/
    آموزش های مبتدی هستن و این بستگی به شما داره که چطور از آموزش ها برداشت کنید
    در پناه حق

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

  6. سلام دوست عزیز

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

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

  7. مثل همیشه عالی بود

  8. بله با شما بودم در فتوشاپ سی اس ۶ به جای Animotionگزینه
    time line قرار داده شده در قسمت سمت چپ پایین قابل مشاهدس دوست عزیز

  9. آقا حمید اگه با من بودیدcs6

  10. آقا حسین ببخشید برای ساخت بنر گفتید باید تیک انیمیشن رو بزنید ولی من تو windows انیمشن ندارم

  11. سلام واقعا سایت خوبی دارید
    خیلی عالیههه

  12. مثل همیشه عالی و خسته نباشید

  13. سلام داش حمید اگه می شه دانلود نسخه جدید فتو شاپ رو برای دانلود بزارید
    منون

  14. باسلام؛
    ممنونم که در تکنیکهای حرفه ای فتوشاپ کمک شایانی به بنده نمودید.
    سربلند وپیروز باشید!
    دوستتون دارم!

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

    • گرافیکت چنده؟ اگه گرافیک پایین باشه اذیت میکنه در ضمن رم هم حداقل یک به بالا می خواد! مشابه این خطا روی یکی از سیستم دوستان به وجود اومده بود که فتوشاپ سی اس۶ روی سیستمش جواب نمیداد و فتوشاپ س اس ۵ رو نصب کرد مشکلی پیش نیومده شما هم یه ورژن پایینترشو نصب کنید

  16. سلام بازم ممنون ازاموزشای خوبتون.اگه میشه اموزش انداختن عکس روی ساختمون شیشه ای روهم بذارین

  17. ممنون اقا حمید

  18. آموزشه ساده ای سلمه خانوم چشم سر فرصت قرار میدم

  19. سلام اقا حمید میشه یک اموزش در مورد این تصویر بذ ارید
    http://www.8pic.ir/images/08394245624458201693.jpg

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

    • علیک سلام از بابت ویندوز ۸ که برای خودم نصب کردم این ویندوز هنوز کامل نیست و مشکلاتی در خودش داره اگه هی در فتوشاپ عکستون میره و میاد این مشکلی به سیستم نداره فتوشاپ رو از سیستم پاک کنید دو دوباره به طور کامل به همراه کرکش نصب کنید چون یعضی وقتا درسته نصب شده ولی نواقصی درش موجودِ

  21. salam va tashakkor faravan
    khaheshmendam nahveye sakht poster tablighati ro ham amoozesh bdin

  22. داداش من میدونم زحمت میکشن و دستشون هم درد نکنهو ئلی یکم بیشتر و دقیق تر توضیع بدن بهتر نیست ایشون که داره زحمت میشکه.
    ممنون

  23. داداش من میدونم زحمت میکشن و دستشون هم درد نکنهو ئلی یکم بیشتر و دقیق تر توضیع بدن بهتر نیست ایشون که داره زحمت میشکه.

  24. خیلی عالیه
    نمیدونم چرا نمیشه پلاس هدیه کرد ارور میده…

  25. نه من میخواستم کامل توضیع بدین. مثلا این جا
    سپس این توپ رو در مرکز لایه ی جدیدی که همینک ساختید پِست کنید
    خوب چه جوری این کار رو بکنیم . شما فقط یه جوری توضیه میدی .اونای که فتوشاپشون خوبه میتونن انجام بدن لطفا به ریز کاری ها هم توجه کنین. و توضیع بدین.

    • من فکر میکنم شما تو مباحث مقدماتی فتوشاپ باید بیشتر تمرین کنید ایشون خیلی خوب توضیح میدن تا همین جاشم به جز زحمت چیزی واسشون نداشته

      • میلاد جان نظر لطف شماست خب دیگه دوستانی هم هستن که نیاز که کمک بیشتری دارن در کل مرسی از شما که آموزش های سایت رو دنبال می کنید

    • شما وقتی که توپ رو وارد فتوشاپ کردی یکبار کلید ctrl+Aرو می زنی تا محیط توپ سلکت بشه سپس یکبار دیگه کلید Ctrl+cرو می زنی تا توپ در حافظه ی فتوشاپ کپی بشه حالا می ری رو بکگراند و ctrl+Vرو میزنی تا توپ روی بکگراند پِست بشه این کجاش سخت بود؟؟داداش من

      چون من تو آموزش های قبلی زیاد به اشاره کردم دیگه دوستان باید متوجه بشن که منظور از پِست کردن چیه؟بازم سوالی بود بگید در خدمتم

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

  27. درست متوجه ی منظور شما نشدم ولی آموزش بنر بیشتر دونستن افکت هاس اگه شما افکت هارو بلد باشید خیلی بهتر از اینکه که یه بنر بسازید اما خشک باشه افکتی نداشته باشه جذابیت اون بنر با افکت هاش به چشم میاد

  28. سلام .
    ممنون از زحماتتون.
    لطفا بنر های در رابطفه با فیلم بسازید.
    یعنی آموزش بدید چه طور عکس یک بازیگر را بگذاریم که مثل صحبت کردن باشه.

  29. خیلی ممنون حل شد مرسی

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

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

      به این دقت کن
      ۱
      ۲
      ۳
      ۴
      ۵:ایجا نقطه ی ایست لایه ی بال بلور شدس
      شما بایددر قسمت ۵ جای لایه ها رو عوض کنید یعنی بلور شده رو خاموش کنید لایه ی سالم رو روشن کنید اگه متوجه نشدید بگید

  31. عالــی بــــــــــــــود

  32. عالــی بـــود

  33. عالی بود داش حمید گل

  34. لطفا آموزش ساخت نقشه کاغذی رو بزارید ، ممنونم
    اینم یه عکس که بدونید منظورم از نقشه کاغذی چی بود
    http://uploadtak.com/images/h2273__________.png

بپر بالا !