با توجه به این که یکی از با اهمیت ترین مسائل برای یک وبلاگ نویس یا مدیر سایت داشتن یک لوگوی خوب و متناسب با وب هست ، بنده به این فکر افتادم که آموزش ساختن یک لوگو با فرمت گیف (gif) رو براتون آموزش بدم . البته از راه ها و نرم افزار های دیگر هم می توانید لوگو بسازید که من به مرور زمان آموزش می دم .

برای طراحی لوگو با فرمت گیف شما باید کار با نرم افزار فتوشاپ رو بلد باشید .( البته در حد کم هم بلد باشید بسه ؛ همین که بتونید 5-4 تا عکس ساده و کوچیک بسازید .)

خوب من اول به طور کلی می گم که چیکار می کنیم برای ساختن لوگو : اول چند تا عکس در سایز یکسان می سازیم و بعد با استفاده از برنامه ای که بهتون میدم ، اون عکس ها رو پشت سر هم قرار می دید تا یک عکس یا لوگوی متحرک با فرمت گیف بسازید . ( همین )

:: اول برنامه فتوشاپ رو باز می کنید . برنامه که باز شد Ctrl + N  رو فشار بدید تا اندازه لوگوتونو تعیین کنید .

پیشنهاد من اینه که لوگو رو در سایز 100 در 70 بسازید . یعنی Width = 100 و Height = 70 .

بعد از این که اندازه عکس رو تعیین کردید باید چند تا عکس با سایز یکسان طراحی کنید ( در همون فتوشاپ ) .

مثلا من 6 تا عکس زیر رو که همه یک اندازه هستن طراحی کردم :

( در آخر مشاهده می کنید که لوگو به چه ترتیب خواهد شد . )

:: توجه داشته باشید همهی عکس هایی که با فتوشاپ میسازید با فرمت Gif  ذخیره کنید . ( فقط با همین فرمت )

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

برای دریافت برنامه ، روی عکس زیر کلیک کنید :

خوب برنامه رو که گرفتید . طریقه کار باهاشم به شکل زیره :

این عکس برنامه هستش :

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

یعنی موس رو ، روی عکس هایی که طراحی کردید نگه دارید و بکشید تو قسمت سفید برنامه . همه ی عکس هایی که طراحی کردید رو به همین شکل و به ترتیب وارد برنامه کنید . (بازم میگم : عکس ها حتما باید با فرمت گیف باشن وگرنه برنامه ارور میده )

بعد از این که همه ی عکس ها رو وارد کردید باید فاصله ی زمانی رو برای نمایش هر کدوم در لوگو مشخص کنید . این فاصله ی زمانی رو در قسمت Options برنامه می تونید تعیین کنید . بهتره که مقدار 300 صدم ثانیه رو براش بزارید . مثل زیر :

خوب بعد از این که زمان نمایش هر یک از عکس ها رو در قسمت Frame delay تعیین کردید دکمه Make Animated GIF رو بزنید و لوگوی آماده ی خود را ذخیره کنید .

من اون 6 تا عکسی رو که ساختم با این برنامه تبدیلشون کردم به یک لوگوی گیف که می تونید اونو در زیر ببینید :

خوب تا حالا تونستید لوگوی خودتون رو بسازید .

برای این که لوگوی خودتون رو در وبلاگتون قرار بدید باید اون رو در یک هاست آپلود کنید و کد قرار دادن لوگو رو بزارید تو وبلاگتون . اینم من توضیح میدم که آموزش کامل کامل بشه .

برای آپلود لوگوتون می توانید به سایت هایی مانند : Tinypic ، پرشین گیگ ، پارسا اسپیس ، گوگل و بی شمار سایت که مخصوص آپلود هستند ، برید و اونجا لوگوی خودتون رو آپلود کنید و آدرسشو دریافت کنید .

بعد آدرس لوگوی خودتون رو در کد زیر وارد کنید و کد رو بزراید در وبلاگتان :

  <a href="آدرس وب شما"> <img border="0" src="آدرس لوگوي شما" width="100" height="70"> </a>

موفق و پیروز و سربلند باشید .

نگاشته شده توسط بابک آرین در دوشنبه 3 فروردین1388


موضوع مطلب :  آموزش های کاربردی
شماره مطلب :  163

     لينك ثابت