0

آموزش ساخت لوگو برای وبلاگ!

 
hossein201273
hossein201273
کاربر طلایی1
تاریخ عضویت : مهر 1392 
تعداد پست ها : 26938
محل سکونت : سپاهان ایران

آموزش ساخت لوگو برای وبلاگ!

http://t0.gstatic.com/images?q=tbn:ANd9GcS-YJqkn5juKS9kWFyW2UP7-nTFsdxOMw5EwZrNVAhJ2sy2aDFs6g

با سلام

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

 

 

 

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

 

چهارشنبه 23 بهمن 1392  6:48 PM
تشکرات از این پست
AliFanoodi omiddeymi1368 rasekhoon_weblog qodrat hobab1370 sayyed13737373 mohsen_alavi valyollah nmzohy shirani98 nikbakht88 HOSNA1390 seeedmortezamosavi nazaninfatemeh zare58
hossein201273
hossein201273
کاربر طلایی1
تاریخ عضویت : مهر 1392 
تعداد پست ها : 26938
محل سکونت : سپاهان ایران

پاسخ به:آموزش ساخت لوگو برای وبلاگ!

 

در این صفحه ابزاری ارایه می شود که از طریق آن بتوانید لوگو یا بنر خود را به صورت یک کد در آورید که دیگر وبلاگ نویسان بتوانند به راحتی از کد آن به منظور حمایت از شما یا تبادل لوگو و بنر استفاده کنند. اما از آنجا که ممکن است اکثر وبلاگ نویسان تفاوت بین لوگو و بنر را ندانند لازم می دانم در ابتدا توضیحاتی در این باره بدهم.
لوگو (logo) یا آرم (نشان) تصویری است که نشان دهنده ی موضوع و معرف یک شرکت، محصول، سایت یا وبلاگ و غیره است. لوگوها معمولا به گونه ای طراحی می شوند که در عین سادگی حاوی بیشترین اطلاعات و نشانه های تصویری (معمولا با هدف تبلیغاتی) هستند گرچه بهتر است نکات طراحی یک لوگوی خوب را به یک مقاله ی آموزشی دیگر موکول کنیم اما به ذکر این نکته ی کوچک اما مهم بسنده می کنم که یک لوگوی خوب لوگویی نیست که به طور پیچیده ای طراحی شده باشد بلکه هنر طراح در استفاده از یک نشانه ی تصویری که بیشترین ارتباط را با موضوع مورد نظر داشته و به صورت یک نماد ساده در آمده باشد است.
بنر (baner) یک بیلبرد یا کادر تبلیغاتی است که تنها هدف از طراحی آن تبلیغات است و تفاوت آن با لوگو این است که لوگو هیچگاه در طرح کلی تغییر پیدا نمی کند و معمولا به شکل تک فریم (ثابت) طراحی میشود و حاوی کمترین اطلاعات مستقیم اند، اما بنرها می توانند دارای اطلاعات مستقیم زیادی باشند و حتی در محیط اینترنت به صورت چند فریمه با افکتهای خاص طراحی میشوند تا بتوانند بطوری آنی نظر مخاطب را به خود جلب کنند در حالی که در طراحی لوگوها اهداف بلند مدت تری دنبال می شود.
حال اگر قبلا لوگو یا بنر وبلاگ خود را ساخته اید آنرا بر روی یک فضای اینترنتی (مثلا سایتهای آپلود رایگان) قرار داده و آدرس اینترنتی آنرا بدست آورید و مراحل زیر را انجام دهید.

به سایت :http://blogers.ir/cod/make-logo-banner-cod/بروید

آدرس تصویر مربوط به لوگو یا بنر خود را در کادر زیر وارد کنید
مثال: http://blogers.ir/ads/banners/forum-120-60.gif

آدرس وبلاگ (یا صفحه ای که می خواید با کلیک روی لوگو یا بنر کاربر به آن هدایت شود) را وارد فرمایید.
مثال: http://blogers.ir

یک متن جایگزین (مثلا عنوان وبلاگتان) را در کادر زیر وارد نمایید.
مثال: وبلاگنویسان

بعد از کلیک لینک شما چگونه به نمایش در آید؟(در پنجره جدید توصیه می شود)

عرض و ارتفاع تصویر را بر حسب پیکسل (px) وارد نمایید
عرض:
    ارتفاع:


 

 

 

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

 

چهارشنبه 23 بهمن 1392  6:50 PM
تشکرات از این پست
AliFanoodi rasekhoon_weblog sayyed13737373 omiddeymi1368 shirani98 nikbakht88
hossein201273
hossein201273
کاربر طلایی1
تاریخ عضویت : مهر 1392 
تعداد پست ها : 26938
محل سکونت : سپاهان ایران

پاسخ به:آموزش ساخت لوگو برای وبلاگ!

روش اول :

كار عملی : ساخت یك لوگو با برنامه Photoshop
1. وارد برنامه Photoshop شوید.
2. از قسمت File ، روی گزینه New كلیك كنید.
3. در قسمت Width عدد 85 و در قسمت Height عدد 35 را وارد نمایید. توجه كنید كه واحد اندازه گیری روی Pixels باشد.
4. روی گزینه OK كلیك كنید.
5. ملاحظه می كنید كه یك تصویر با ابعاد 85 در 35 پیكسل دارید. حالا شروع به طراحی لوگوی وبلاگ خود نمایید.
6. هنگامی كه كار طراحی به پایان رسید ، از قسمت Layer گزینه Flatten Image را انتخاب كنید.
7. از قسمت File گزینه Save as را انتخاب كنید.
8. Format را JPEG یا GIF انتخاب كنید.
9. نامی برای لوگوی خود انتخاب كنید و در قسمت File name بنویسید.
10. گزینه Save را بزنید.
شما لوگوی وبلاگتان را طراحی كرده اید اما حالا باید آن را روی اینترنت Upload كنید.
اما قبل از آن شما باید به یك نكته بسیار مهم توجه كنید و آن هم این كه عكس شما باید gif و یا jpg باشد. در غیر این صورت با استفاده از برنامه هایی مانند ACDsee و یا Photoshop عكس خود را با یكی از این دو پسوند ذخیره كنید. حالا می توانید عكس خود را روی اینترنت آپلود كنید.

روش دوم :آموزش ساخت آرم و لوگو سه بعدی

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

مرحله ۱:
ابتدا یک سند ۵۰۰*۵۰۰ پیکسل و با رزولوشن ۷۲ ایجاد کنید.
از شیپ های موجود در برنامه یک عدد انتخاب کنید

مرحله ۲:
در ادامه از آن در سند خود استفاده نمایید.

مرحله ۳:
به قسمت Edit > Transform > Perspective رفته و پرسپکتیو لازم را به شیپ مورد نظر نسبت دهید(بسته به سلیقه خود)

مرحله ۴:
سپس کلید اینتر را بزنید تا تغییرات اعمال شود. در ادامه کلید های Ctrl +T را فشار دهید و تنظیمات مربوطه را مانند شکل انجام دهید.

مرحله ۵:
در این قسمت به سایه و یک اختلاف سطح احتیاج داریم… برای این کار دکمه Ctrl+j را بزنید تا از لایه قبلی ، یک لایه جدید ایجاد کند و با استفاده از دکمه های کیبرد دکمه بالا را فشار دهید تا یک پیکسل به سمت بالا حرکت کند… این کار را ۱۴-۱۵ بار انجام دهید.

مرحله ۶:
بالاترین لایه را انتخاب کنید.

مرحله ۷:
و در تنظیمات زیر مانند شکل ها استروک وگرادینت مورد نظر را به لایه بالایی نسبت دهید.

  

مرحله ۸:
تقریبا کار تمام شده است، در ادامه لایه زیرین را انتخاب کنید و افکت های زیر را به آن نسبت دهید.

شکل نهایی کار :

 

 روش سوم :طراحی آنلاین لوگو

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

http://www.cooltext.com

 و بعد روی عبارت Render a Logo در میانه صفحه کلیک کنید.در این صفحه میتوانید انواعی از کلید ها رو هم طراحی کنید و در سایت خود مورد استفاده قرار دهید. در صفحه بعد از کادر Choose A Style تیپ نگارشی مورد نظر خود را انتخاب کنید.بسته به نوع تیپی که انتخاب کرده اید ممکنه مراحل زیاد و کم بشه. در صفحه بعدی جدولی ملاحظه خواهید کرد با متغیر های گوناگون.شما باید Logo Text و نوع Font و Glow Color و File Format را با کلیک روی Edit مقابل هر یک از آنها تنظیم کنید و...

در آخر روی Render Logo پایین جدول کلیک کنید تا بعد از چند ثانیه لوگوی مورد نظرتون رو تحویل بگیرید.اگه از نتیجه کار راضی نبودید روی Edit this logo کلیک کنید تا تغییرات بیشتری اعمال کنید. در صورتی که راضی بودید میتونید اون رو ذخیره کنید و بعدا آپلوود نمایید. بعد از طی مراحل آپلوود و... باید اونرو تحت کدی بذارید داخل وبلاگ كه این كد در زیر آمده است:


<p align="center"><p align="center"><a  data-cke-saved-href="http://آدرس href="http://آدرس وب شما " target="_blank"><img border="0"  data-cke-saved-src="آدرس src="آدرس عکس مورد نظر"  width="طول" height="عرض" alt="متن مورد نظر"></a></p>


شما ميبايست ابتدا كد بالا را ويرايش كنيد يعني به جاي بعضي از عبارات كد بالا عباراتي كه گفته خواهد شد را وارد كنيد و بعد از اتمام ويرايش تمام كد را در وبلاگ خود ( در جايي مانند كدهاي اختصاصي كاربر در بخش تنظيمات وبلاگ و يا در جايي مناسب از بخش ويرايش قالب) وارد نماييد . البته بهتر است كه قبل از هر كاري كد بالا را در يك محيط بزرگتر كپي كرده تا تسلط بيشتر روي آن داشته باشيد و سپس آنرا ويرايش كرده و در وبلاگتان وارد كنيد(از آنجا كه اگر من كد را به گونه اي ديگر در اختيار شما قرار ميدادم محتواي كد تغيير پيدا ميكرد من مجبور شدم اين كد را به صورت بالا به شما ارايه كنم)

همچنين دقت كنيد كه بعضي از عبارتها دو بار از شما خواسته شده كه جايگزين كنيد و هر دوبار هم بايد شبيه هم باشند

ابتدا به جاي آدرس عكس در دو جا در كد بالا آدرس اينترنتي مربوط به تصوير لوگوي خود ( مانند : http://www.yoursite.com/logo.gif ) را وارد نماييد و به جاي عبارت متن جايگزين در دو جا عبارتي مانند عنوان وبلاگتان(مثلا: آموزش وبلاگنويسي) را وارد نماييد كه اين عبارت با قرار گرفتن نشانگر ماوس بر روي لوگو به صورت baloon tip نمايش داده خواهد شد و نيز اگر به هر دليلي تصوير به نمايش در نيايد يا لود نشود اين عبارت جايگزين تصوير خواهد شد . و به جاي عبارت آدرس سايت شما آدرس اينترنتي وبلاگ خود مانند (http://www.winmsd.blogfa.com ) را وارد نماييد. بقيه ي عبارات را بدون تغيير باقي بگزاريد و نيز بهتر است لوگوي شما 120 پيكسل عرض و 90 پيكسل ارتفاع داشته باشد كه اين يك اندازه ي استاندارد براي لوگو مي باشد

دقت كنيد كه وقتي عبارتها را جايگزين ميكنيد ابتدا عبارتهاي خواسته شده را پيدا كنيد سپس با كشيدن ماوس بر روي آنها ، بدون يك حرف اضافه يا كمتر عبارات را جايگزين كنيد و هنگامي كه از شما آدرس اينترنتي جايي خواسته ميشود بايد عبارت ( htt://www )در ابتداي آدرس قرار داشته باشد

حال كه تمام عبارات گفته شده را جايگزين كرديد ميتوانيد تمام كد را در محل مورد نظرتان كپي كنيد(مثلا بخش كدهاي اختصاصي كاربر در بخش تنظيمات كاربر) تا لوگو و كد لوگوي شما در اختيار همگان قرار گيرد.

 

 

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

 

چهارشنبه 23 بهمن 1392  6:55 PM
تشکرات از این پست
AliFanoodi rasekhoon_weblog sayyed13737373 rezasad parisaexp shirani98 nikbakht88 seeedmortezamosavi
AliFanoodi
AliFanoodi
کاربر طلایی1
تاریخ عضویت : شهریور 1391 
تعداد پست ها : 17248
محل سکونت : خراسان جنوبی

پاسخ به:آموزش ساخت لوگو برای وبلاگ!

اینم کدش:

<a href='لینک'> <img src='آدرس عکس' alt='عنوان' target='_blank' /></a>

هی گنه کرديم و گفتيم خدا مي بخشد...
عذر آورديم و گفتيم خدا مي بخشد...
آخر اين بخشش و اين عفو و کرامت تا کي...!!!
او رحيم است ولي ننگ و خيانت تا کی...!!!
بخششي هست ولي قهر و عذابي هم هست...
آي مردم به خدا روز حسابي هم هست...
زندگي در گذر است...
آدمي رهگذر است....
زندگي يک سفر است....
آدمي همسفر است...
آنچه مي ماند از او راه و رسم سفر است...
 
"رهگذر ميگذرد"
چهارشنبه 23 بهمن 1392  6:57 PM
تشکرات از این پست
rasekhoon_weblog sayyed13737373 shirani98 nikbakht88 zare58
hossein201273
hossein201273
کاربر طلایی1
تاریخ عضویت : مهر 1392 
تعداد پست ها : 26938
محل سکونت : سپاهان ایران

پاسخ به:آموزش ساخت لوگو برای وبلاگ!


نقل قول AliFanoodi

اینم کدش:

<a href='لینک'> <img src='آدرس عکس' alt='عنوان' target='_blank' /></a>


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

 

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

 

چهارشنبه 23 بهمن 1392  7:05 PM
تشکرات از این پست
AliFanoodi sayyed13737373 mohsen_alavi nmzohy nikbakht88 zare58
دسترسی سریع به انجمن ها