0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

معرفی سایت ساختن تصویرمتحرک gif online

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 4876
تاریخ بروزرسانی 20 جولای 2020

معرفی سایت ساختن تصویرمتحرک gif online

دوست دارید توی سایتتون از تصاویر متحرک استفاده کنید؟ فکر می کنید کار سختیه؟ نه .. فقط کافیه به سایت های زیر سر بزنید..

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

http://www.loogix.com (بدون تبلیغات)

(بدون تبلیغات)

http://www.makeagif.com (با تبلیغات)

http://wpu.ir/uapqj (بدون تبلیغات)

و به وسیله نرم افزار با نرم افزار زیر:

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

gif-on-line

gif-on-line

قابلیت های نرم افزار Easy GIF Animator Personal  :

  1. طراحی آسان انیمیشن های فلش ، بنر و تصاویر
  2. امکان ساخت عکس های GIF تمام صفحه
  3. امکان ویرایش تصاویر GIF
  4. قابلیت ساخت متن های متحرک
  5. امکان بهینه سازی تصاویر GIF با سرعت بالا در نمایش
  6. پیش نمایش در مرورگر
  7. سهولت در ذخیره سازی به صورت GIF
  8. امکان اضافه نمودن موزیک و صدا به تصویر
  9. امکان ذخیره سازی با فرمت SWF
  10. امکان استفاده از تصاویر در وب سایت ها
  11. امکان تبدیل GIF به فرمت AVI
  12. سازگاری با فرمت های GIF ، PNG ، JPG و BMP
  13. امکان تولید کدهای HTML برای تصاویر طراحی شده
  14. سازگار با نسخه های مختلف ویندوز

دانلود با لینک مستقیم با پسورد همکار گرامیمان در دانلود soft98.ir

لینک کمکی ( Mirror Link )
لینک کمکی ( Mirror Link )

کی از قابلیت های جالب فتوشاپ امکان ساختن تصاویر متحرک با فرمت GIF می باشد. در این جا به صورت کامل آموزش می دهم که چطور در فتوشاپ تصاویر متحرک بسازیم. امیدوارم لذت ببرید.برای اینکار:۱) برای شروع باید ابتدا تمام تصاویر مورد نظر خود را به صورت یک لایه در بیاورید. برای اینکار از منوی file و بعد از منوی Scripts گزینه ی Load Files into stack را انتخاب کنید.

 

۲) در پنجره ی باز شده با استفاده از گزینه ی Browse عکس های مورد نظر خود را انتخاب کنید و بعد OK کنید. شما می توانید تیک گزینه ی Attempt to Automatically align source images را بزنید تا با اینکار فتوشاپ سعی کند که عکس های شما را به صورت منظم روی هم بچیند تا کمترین جا به جایی را داشته باشد!

 

۳) از منوی Window گزینه ی Timeline را انتخاب کنید. اگر از CS5 و Photoshop CS4 استفاده می کنید در این منو باید گزینه ی Animations را انتخاب کنید.

 

۴) با اینکار یک پنجره ی کوچک که پنل نامیده می شود با نام Timeline در فتوشاپ ظاهر می شود (در بالا سمت چپ نام این پنل نوشته شده است) در این پنل یک گزینه ی وجود دارد که کنار آن یک فلش رو به پایین قرار گرفته است. ابتدا با استفاده از آن فلش گزینه ی Create Frame Animation را انتخاب کنید و بعد آن گزینه ی کنار فلش را انتخاب کنید.

 

۵) حالا از منویی که در بالا سمت راست پنل Timeline وجود دارد گزینه ی Make Frames from layers را انتخاب کنید تا به هر فریم یک لایه تعلق گیرد.

 

۶) حالا باید با کشیدن (Drag کردن) و جا به جا کردن فریم های ساخته شده (هر فریم در واقع یک عکس است که تصویر متحرک از آن عکس ها یا به عبارتی از آن فریم ها تشکیل شده) آن ها را منظم و به ترتیب کنید.

اگر دقت کنید در بالای هر فریم اعداد ۱ و ۲ و ۳ و… نوشته شده که باید این فریم ها را جا به جا کنید تا آن ها به ترتیب قرار گیرند. اگر می بینید که فریم های شما دقیقا برعکس هستند یعنی فریم شماره ی ۱ باید آخرین فریم باشد و فریم شماره ی ۲ باید یک فریم قبل تر از آن باشد و به همین صورت فریم ها سر و ته قرار گرفته اند می توانید با انتخاب گزینه ی Reverse frames از منوی بالا سمت راست فریم های سر و ته کنید!

 

۷) ممکن است بخواهید زمانی که به هر فریم تعلق می گیرد را تغییر دهید مثلا می خواهید در هنگام نشان دادن فریم اول ۳ ثانیه صبر کند و بعد به فریم دوم برود و… برای اینکار می توانید با استفاده از فلشی که در پایین هر فریم قرار گرفته این زمان را تغییر دهید. گزینه ی No delay یعنی بدون مکث که این گزینه به معنی ۰ ثانیه است.

برای انتخاب زمان دلخواه از گزینه ی Other استفاده کنید. همچنین شما می توانید چند فریم را با نگه داشتن کلید Ctrl یا Shift به صورت همزمان چند فریم را انتخاب کنید و در یک لحظه یک زمان را برای همه ی آن ها انتخاب کنید (دقیقا مثل ویندوز که با این دو کلید می توانید چند فایل را همزمان انتخاب کنید.

 

۸) کار دیگری که می توانید انجام دهید این است که شما می توانید جابه جا شدن بین دو فریم را در چند فریم انجام دهید! یعنی مثلا از فریم ۲ به فریم ۳ به جای اینکه در یک لحظه بین این دو فریم جا به جا شود در چند فریم اینکار انجام شود. برای اینکه این موضوع را بهتر درک کنید یک بار اینکار را انجام دهید تا متوجه منظور بنده شوید.

ابتدا دو فریم پشت سر هم را انتخاب کنید مثلا فریم ۲ و ۳ و بعد گزینه ای که نمایش داده شده را انتخاب کنید.

 

حالا در قسمت Frames to Add تعداد فریم هایی که می خواهید بین این دو فریم قرار گیرد را انتخاب کنید مثلا ۵ تا در قسمت Parameters هم می توانید تعیین کنید که بر چه اساس هایی این فریم های میانی را بسازد که اگر با فتوشاپ زیاد آشنایی ندارید مهم نیستند و بگذارید هر سه گزینه تیک خورده باشند. در پایان OK کنید.

خواهید دید که چند فریم بین دو فریمی که انتخاب کرده اید اضافه شده که در واقع تغییرات آن دو فریم را در چند فریم نمایش می دهد! البته من دی اینجا این کار را انجام ندادم چون نیاز نداشتم اما در فیلم آموزشی برای اینکه شما ببینید اینکار را انجام داده ام

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

۹) شما می توانید با استفاده از گزینه هایی که علامت گذاری شده اند پیشنمایشی از فایل نهایی (همان تصویر متحرک پایانی) ببینید.

۱۰) در پایان برای ذخیره کردن عکس متحرک ساخته شده از منوی File گزینه ی Save for web را انتخاب کنید. یا اینکه کلیدهای Alt+Ctrl+Shift+S را انتخاب کنید.

پنجره ای باز می شود با تنظیمات و گزینه ی های مختلف! ابتدا از بالا سمت چپ دقیقا بالای عکس گزینه ی ۲Up را انتخاب کنید تا بتوانید فایل اولیه را با فیلم نهایی از نظر کیفیت مقایسه کنید. حالا باید به موارد زیر دقت کنید:

معرفی چند سایت برای ساختن تصاویر متحرک آنلاین گیف gif online

معرفی سایت ساختن تصویرمتحرک gif online

۱) در این قسمت گزینه ی GIF را انتخاب کنید.

۲) در این قسمت باید کیفیت عکس را انتخاب کنید که مثلا ۶۴ کیفیت مناسبی را ارائه می دهد در حالی که حجم فایل را زیاد نمی کند

۳) بهتر است این قسمت را به در عددی در حدود ۶۰ تا ۹۰ تنظیم کنید (بسته به کیفیت و حجم عکس)

۴) اگر این گزینه را تیک بزنید کیفیت عکس کمی بهتر می شود

۵) در این قسمت می توانید اندازه ی عکس را انتخاب کنید.

۶) در این قسمت می توانید حجم عکس را مشاهده کنید مثلا ۲۱۵K یعنی ۲۱۵ کیلوبایت در زیر این عدد مدت زمان این تصویر متحرک نشان داده شده.

۷) با استفاده از این گزینه ها می توانید پیش نمایشی از فایل خود مشاهده کنید.

۸) با استفاده از گزینه ی Save فایل خود را ذخیره کنید.

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

منبع مطالب تصاویر آموزش گرافیکی :

fenjon.com

شما میتوانید برای مطالعه دیگر مقاله ها به سایت ما سر بزنید.

مطالب مرتبط
9 تگ مهم HTML5
مطالعه :

در این مقاله قصد داریم شما را با چند تگ مهم html5 آشنا کنیم و موارد استفاده آن ها را به شما معرفی کنیم.اما قبل از آن می خواهیم در مورد چگونگی به وجود آمدن html5 مطالبی را بیان کنیم. HTML5 بعد از معرفی xhtml 1.0 سازمان w3c قصد داشت روی xhtml 2.0 کار کند . اما سازندگان مرورگر هایی مثل chrome , firefox و….. با هم جلساتی داشته و طی این جلسات به این نتیجه رسیدند که فضای وب خشک شده و تصمیم گرفتند نسخه ای از html را تحت عنوان html5 معرفی کنند. سازمان w3c نیز پس از مدتی که مشاهده کرد مردم به سمت این نسخه ی html کشیده شدند،کار کردن روی xhtml 2.0 را متوقف کرد وhtml5 را به عنوان استاندارد های جدید معرفی کرد. این نسخه ی html از تگ های معنا دار استفاده کرده و تگ ها خیلی مختصر تر از نسخه های قبلی شدند. در ادامه تعدادی از این تگ ها را به شما معرفی میکنیم. DOCTYPE HTML : این تگ باعث می شود تا ما متوجه شویم که کد های HTML با چه ورژنی از آن نوشته شده اند. در جدول زیر DOCTYPE ورژن های مختلف را مشاهده می کنید.   همین طور که در جدول بالا مشاهده کردید در این ورژن از HTML تگ ها بهینه شده اند. طراحی وب سایت […]

HTML YouTube Video
مطالعه :

در این مقاله قصد داریم به آموزش HTML YouTube Video  بپردازیم. پس با ما همراه باشید. شاید شما نیز هنگام آپلود کردن ویدیو در سایت‌ تان به مشکلاتی از قبیل افت سرعت سایت، نخواندن فرمت و…برخورده اید. از عمده دلایلی که افراد به سراغ آپلود فیلم در سایت خود نمی روند، می توان به درگیری با فرمت ویدئو اشاره کرد، چرا که ممکن است همه مرورگرها فرمت فیلم‌تان را نتوانند باز کنند و شما مجبور به تغییر فرمت متناسب با مرورگرتان شوید، که این خود شاید کاری سخت و یا وقت‌گیر باشد. در این بخش راهی ساده با استفاده از سوشیال مدیای یوتیوب در اختیار شما قرار می دهیم. آپلود ویدئو به کمک YouTube یوتیوب سال هاست که با خدمات ارزشمند خود به یاری کاربران و انواع نیازهای آنان پرداخته است. شما برای استفاده از امکانات پخش فیلم یوتیوب در سایت خود کافیست در آن عضو شده و ویدئوی خود را آپلود کنید. شناسه و یا IDیی رایگان (به طور مثال : tgbNymZ7vqY) یوتیوب به شما می دهد. نحوه استفاده از این شناسه را در بخش بعد به شما آموزش می دهیم. پخش ویدئوی YouTube در HTML با استفاده از تگ <iframe>  و تعیین src attribute می توان به راحتی فیلم یوتیوب را در کد HTML خود اجرا کنید. iframe width=”420″ height=”315″> src=”https://www.youtube.com/embed/tgbNymZ7vqY” </iframe>   توجه شود که درون تگ […]

9 ویژگی مهم CSS در طراحی وب
مطالعه :

در این مقاله قصد داریم  تا با 9 ویژگی مهم CSS در طراحی وب آشنا شویم. 9 ویژگی مهم CSS در طراحی وب در طی یادگیری css به طور کامل با تمامی ویژگی های Css آشنا شدیم و یادگرفتیم که هر کدام از این ویژگی ها چه کاربردی دارند و چگونه باید از انها استفاده کنیم،در این مقاله نیز میخواهیم به صورت کاملا خلاصه با 9 ویژگی کاربردی css آشنا شویم .     1) font-face     یکی از ویژگی های  CSS3 که درسال های اخیر باعث تحولاتی در بخش طراحی وب شده  font-faceاست. این ویژگی به ما  این امکان را میدهد  که هر فونتی که می خواهیم ، به راحتی با فرمت های مختلف و تنظیمات دلخواه در هر بخش از کدCSS  استفاده کنیم. از این ویژگی برای انتخاب ازبین چندین هزار فونت رایگان ، برای صفحه وب خود استفاده کنید. @font-face { font-family: Blackout; src: url(“assests/blackout.ttf”) format(“truetype”); } 2)  media از کوئری های media برای ساخت صفحات واکنش گرا یا طراحی وبسایت بر اساس شرایط دستگاه مورد استفاده قرار میگیرند. با استفاده از کوئری media  و ویژگی min-width  ما می توانیم عناصر صفحه ی وب را به شکل بهتری و با توجه به شرایط موجود به نمایش کاربر در بیاورید. @media screen and (max-width: 960px) { } 3)   clearfix استفاده از clearfix   برای مواقعی که overflow: hidden کار نمیکند, جایگزین […]

Google analytics
مطالعه :

Google analytics در این مطلب میخواهیم در مورد google analytics با شما صحبت کنیم. ابتدا تاریخچه google analytics سپس در مورد چگونگی ثبت نام در آن و مکانیزم کارکرد آن را بررسی می کنیم.     تاریخچه: در  مارس 2005 گوگل شرکت urchin را تحت مالکیت خود در آورد. کاربران اینترنت برای اولین بار در 11 نوامبر 2005  این سرویس گوگل را شناختند،سرویسی که تا قبل از آن که توسط گوگل خریداری شود به نام urchin  و با قیمت 500 دلار در بازار عرضه می شد. اما گوگل هنگام رو نمایی از این سرویس اعلام کرد که این سرویس به صورت رایگان عرضه خواهد شد که این گفته باعث ایجاد مشکلات بسیاری در سرور های گوگل شد چرا که ارائه ی رایگان این سرویس خدمت بزرگی برای صاحبان وبسایت و کسب و کار ها بود . استقبال از این سرویس گوگل تا حدی زیاد بود که گوگل مجبور شد به مدت 10 ماه ثبت نام های این سرویس را ببندد. در زمان بسته شدن ثبت نام گوگل ماشین جدیدی به این سرویس اضافه کرد تا عملکرد google analytics  بهبود پیدا کند.همان ط.ر که پیشبینی می شد باز شدن این سرویس پس از 10 ماه باعث حجوم کاربران بسیاری شد و این سرویس در عرض چند ماه همه گیر و محبوب شد. ثبت نام در google analytics : عکس زیر تمامی […]

3 لیست مهم در HTML5
مطالعه :

در این مقاله میخواهیم 3 لیست مهم در HTML5 را به شما بگوییم. 3 لیست مهم در HTML5 لیست ها کاربردهای فراوانی در متون مختلف داشته و حتما تا به حال نمونه هایی از آن ها را در کتاب ها ، مجلات ، روزنامه ها و.. دیده اید. اما کاربرد لیست ها محدود به مطالب چاپی نمی شود و امروزه در انواع صفحات وب ، شبکه های اجتماعی و یا پیام رسان ها نیز دیده می شوند. با کمک لیست ها می توانید موضوعات مرتبط به هم را در یک دسته قرار داده و آن ها را گروه بندی کنید. HTML نیز به منظور ایجاد انواع لیست ها در صفحات وب تگ هایی مشخص کرده است. در HTML5  سه نوع لیست با کاربردهای متفاوت وجود دارد که شامل موارد زیر است : Unordered Lists Ordered Lists Description Lists در ادامه به کاربرد و نحوه ی نوشتن هر لیست می پردازیم :     Unordered Lists در این لیست ها ترتیب آیتم ها اهمیت نداشته و تنها عناصر مرتبط به هم در یک لیست قرار می گیرند. به عنوان مثال به لیست زیر توجه کنید: انواع نوشیدنی های گرم قهوه چای نسکافه همان طور که مشاهده می کنید در این لیست ترتیب اهمیت نداشته و فرقی نمی کند چه آیتمی اول و یا اخر باشد. برای نوشتن چنین لیست هایی باید […]

فروشگاه اینترنتی حرفه ای
مطالعه :

طراحی سایت فروشگاهی اینترنتی امروزه در دنیای تجارت همه ی افراد برای گسترش کسب و کار خود در فکر طراحی سایت فروشگاهی هستند. افراد با استفاده از یک سایت فروشگاهی بازدیدکنندگان را قادر می­ سازند تا در تمام ساعات شبانه روز محصولات و خدمات مورد نیاز خود را سفارش دهند. در یک فروشگاه اینترنتی علاوه بر فروش کالاهای فیزیکی، خدمات و کالاهای غیر فیزیکی نیز به فروش می­ رود و خریداران تنها با یک کلیک می­ توانند محصولات و خدمات مورد نیازشان را بررسی کنند و سپس اقدام به خرید نمایند. در ادامه همراه طراحی سایت وب یار باشید تا با مزایا، امکانات و  مراحل طراحی سایت فروشگاهی و طراحی فروشگاه اینترنتی آشنا شوید.   مزایای طراحی سایت فروشگاهی عدم نیاز به حضور در فروشگاه: فروشگاه­ هایی که به­ صورت آنلاین فعالیت می­ کنند محدودیت زمان فعالیت ندارند. در واقع مزیت فروشگاه­ اینترنتی در این است که این فروشگاه­ ها به­ صورت شبانه ­روزی فعالیت می­ کنند و افراد در هر ساعت از شبانه­ روز که بخواهند می­ توانند از این فروشگاه ها محصول مورد نظر خود را خریداری نمایند. کاهش هزینه­ ها: به­ طور کلی راه ­اندازی فروشگاه اینترنتی ارزان­ تر از راه ­اندازی یک فروشگاه فیزیکی می­ باشد. اگرچه طراحی سایت فروشگاهی مستلزم دانش، تخصص فنی و سرمایه­ گذاری مستمر است. افزایش فروش: شما ممکن است برخی از […]

دیدگاه ها

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *