۲۹کدهای متحرک سازی

    8,556 views

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

کدهای متحرک سازی در اول به سه دسته تقسیم می شوند:
۱- کد متحرک سازی از راست به چپ
۲- کد متحرک سازی از چپ به راست
۳- کد متحرک سازی از بالا به پایین

شکل کلی این کد به این صورته :

<marquee>قالب وبلاگ | گرافیک | آموزش</marquee>

خب حالا ما میتونیم با کدهایی که زیر مجموعه این کد اصلی به حساب میان کدمون رو بسط و گسترشش بدیم و به شکل دلخواه تبدیلشون کنیم…

جهت دهنده ها

direction=”left”                      به سمت چپ
direction=”right”                 به سمت راست
direction=”down”                به سمت پایین

طریقه استفاده از جهت دهنده ها:

<marquee direction=”left”>قالب وبلاگ | گرافیک | آموزش</marquee>

<marquee direction=”right”>قالب وبلاگ | گرافیک | آموزش</marquee>

<marquee direction=”down”>قالب وبلاگ | گرافیک | آموزش</marquee>

تعیین کننده های نوع رفتار

این کدها بدین صورتند که مشخص میکنند موقعی که متن یا عکس موردنظر ما با گوشه های برگه سایت برخورد کرد، چه حالتی داشته باشند، بایستند، عبور کنند و یا دنده عقب بگیرن ;)

behavior=”scroll”                              از دو طرف برگه عبور می کنند
behavior=”alternate”      با برخورد به دو طرف برگه دنده عقب میگرند
behavior=”slide”                            با رسیدن به انتهای برگه می ایستند

طریقه استفاده از تعیین کننده های نوع رفتار

<marquee direction=”right” behavior=”scroll”>قالب وبلاگ | گرافیک | آموزش</marquee>

<marquee direction=”right” behavior=”alternate”>قالب وبلاگ | گرافیک | آموزش</marquee>

<marquee direction=”right” behavior=”slide”>قالب وبلاگ | گرافیک | آموزش</marquee>

تعیین کننده های سرعت

scrolldelay=”1″                     میزان جهش
scrollamount=”1″              میزان سرعت

طریقه استفاده از تعیین کننده های سرعت

<marquee direction=”right” scrollamount=”1″>قالب وبلاگ | گرافیک | آموزش</marquee>

<marquee direction=”right” scrollamount=”20″>قالب وبلاگ | گرافیک | آموزش</marquee>

دیگه چیزی نموند که نگفته باشم، به مشکلی برخوردین تو بخش نظرات بگین… فقط یه معذرت خواهی، هرکارکردم نتونستم نمونش رو توی پست بهتون نشون بدم، قرار بود زیر هر مورد نمونه هم باشه، که با مشکلی توی ادیتور برخوردم و نتونستم نمونه رو قرار بدم

توضیحاتی در باب نویسنده

علی هستم؛ سومین نفری بودم که به جمع تک تمپ اضافه شدم... ریاضی میخونم و عاشق طراحی و وردپرسم :) بیشتر میتونید من رو توی فرندفید پیدا کنید

Visit Ali's Website

آموزش اسرار فتوشاپ به زبان فارسی Photoshop Top Secret

پجموعه پیش رو یکی از کامل ترین و برترین مجموعه های آموزشی در زمینه فتوشاپ می باشد که  ویژگی های خاص این مجموعه آن را از سایر مجموعه های مشابه متمایز نموده، از جمله این ویژگی ها قرار گیری هفت دوره آموزشی Adobe Photoshop CS4 ارائه شده توسط برترین اساتید جهان، به همراه مجموعه ای از نکات و ترفند های کار با فتوشاپ در قالب 101 پروژه آموزشی توسط آقای Mark Monciardini مدرس مجموعه Photoshop Top Secret، همچنین مجموعه ی بی نظیر و نفیس Photoshop Top Secret با زبان و محیط 100% فارسی (با کمترین دستکاری)، در قالب 6 دی وی دی است، که در بسته بندی اختصاصی تقدیم شما می گردد.

چگونه در فتوشاپ کمربند مشکی بگیریم؟!
مجموعه ی نفیس Photoshop Top Secret همان گونه که از نامش می توان حدس زد مجموعه ای کم نظیر، حرفه ای و محرمانه است که دریچه ای از اسرار و ترفند های ناشناخته فتوشاپ را پیش روی کاربران قرار می دهد. اکثر کاربران نرم افزار فتوشاپ همیشه دنبال آموزش ها و در واقع یادگیری نکات جدید و ترفندهایی از این نرم افزار در جهت ارتقاء سطح کار و توانائی های خود بوده اند که این امر باعث بوجود آمدن هزاران سایت آموزشی در این زمینه، کتب مختلف آموزش ترفند ها، نکته ها و نیز دوره های آموزشی با هزینه های بالا تحت عناوینی مانند جلوه های ویژه فتوشاپ و ... شده است. این مجموعه گرانبها که شامل بیش از 18 گیگابایت فیلم آموزش است در بردارنده ی آموزش های فوق العاده کاربردی و حرفه ای در زمینه های مختلفی، مانند آموزش ترکیب تصاویر، ساخت پوستر های سینمایی و تبلیغاتی، آموزش های حرفه ای روتوش تصاویر، ایجاد جلوهای ویژه، ساخت افکت های هیجان انگیز و رویایی، کار با متون، گرافیک وب و Digital Painting و موارد دیگری است. که در ادامه تصاویر آنها، به همراه توضیحات اجمالی از هر آموزش قرار داده شده است.

"کمربند مشکی" در نرم افزار Adobe Photoshop را از آن خود کنید !

iconقیمت : 10000 تومان
icon تعداد: DVD 5

پروژه های آموزشی این مجموعه ی نفیس عبارتند از: :: پروژه های DVD 1


alt
Movie Poster Design I : در این پروژه شما با هنر مونتاژ تصاویر افراد که یکی از بارزترین کارها در ساخت پوستر فیلم های سینمایی می باشد آشنا می شوید. Movie Poster Design II : دراین آموزش شما مشاهده می کنید که چگونه با تصاویری بسیار ساده و فقط با اعمال افکت ها و ترکیب تصاویر با یکدیگر پوستر فیلم بسیار حرفه ایی طراحی می شود.

.
altMovie Poster Credits : دراین پروژه شما با نحوه درست نمودن یک بلوک اعتباری یا همان Credit Block واقعی جهت پوستر فیلم های خود آشنا می شوید. Dark Faces : در این پروژه شما با خلق تصویر ترسناک آشنا می شوید که کاربرد این افکت در شکل های دیگر در مجلات و تصاویر تبلیغاتی زیاد می باشد. .
  • ادامه مطلب را بخوانید »

    • ۲۹ دیدگاه ارسال شده شما هم دیدگاهتان را ارسال کنید »

      سجاد در گفت:

      سلام…ولادت با سعادت حضرت علی اکبر مبارک باد

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

      پاسخ ↓
      Ali در گفت:

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

      پاسخ ↓
      محسن مقدم در گفت:

      لطفا” در مورد تغییر سرعت (کم یا زیاد کردن) توضیح بدین ! چون با تغییر عدد سرعت هیچ تغییری در سرعت ایجاد نمیشه !

      پاسخ ↓
        علی در گفت:

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

      benyamin salehi در گفت:

      سلام:
      از پست شما متشکرم میخواستم اگه میشه آموزش ساخت منو فلش با قابلیت نشان دادن تصویر رو هم بزارید.
      benyamin
      موفق باشید

      پاسخ ↓
      محسن در گفت:

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

      پاسخ ↓

    ارسال دیدگاه