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

بازدید: 439 بازدید
پس زمینه وبلاگ با فتوشاپ
[cdb_box_content]

با سلام خدمت همراهان همیشگی وب سایت پرنیان طرح

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

تقریبا همه ما با وبلاگ ها سرو کار داشته ایم.

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

همانطور که می دانید، طراحی ظاهر زیبا ، و استفداه از تصاویر جذاب برای تاثیر گذاری در مخاطبان یک وبلاگ نقش مهمی دارد.

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

اما در بیشتر موارد، پیدا کردن تصاویر یا پس زمینه هایی که متناسب با محتوای شما باشد، سخت و زمانبر است.

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

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

همراه پرنیان باشید.

[/cdb_box_content]
[cdb_box_content css=”.vc_custom_1573653303266{background-color: #1e73be !important;}”]

مقدمه


آیا به تازگی یک وبلاگ جدید ایجاد کرده اید و به دنبال یک پس زمینه هیجان انگیز برای اضافه کردن رنگ هستید؟

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

در هر صورت ، در این مقاله همراه ما باشید تا با هم یک پس زمینه جالب را طراحی کنیم.

[/cdb_box_content]
[cdb_box_content]

قدم اول

پس زمینه وبلاگ
پس زمینه وبلاگ

تصمیم بگیرید چه نوع پس زمینه ای نیاز دارید.

آیا این پس زمینه، یک تصویر رنگارنگ و شاد خواهد بود، یا یک تصویر سیاه و سفید براق و مدرن؟

سعی کنید آن را از وبلاگ خود جدا کنید.

برای مثال ، اگر وبلاگ شما در مورد آشپزی است، می توانید در تصویر پس زمینه، از عکس ظرف و ظروف استفاده کنید.

[/cdb_box_content]
[cdb_box_content]

قدم دوم

پس زمینه وبلاگ
پس زمینه وبلاگ

برنامه فتوشاپتان را در یک صفحه جدید باز کنید.

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

عرض  14.5 اینچ (36.8 سانتی متر)؛

ارتفاع ، 11 اینچ (27.9 سانتی متر)؛

وضوح تصویر ، 100 پیکسل در اینچ؛

حالت رنگ ، RGB رنگ 8 بیتی؛

رنگ پس زمینه ، سفید.

از پیش تعیین شده باید سفارشی باشد.

گزینه preset را نیز روی حالت custom قرار دهید.

[/cdb_box_content]
[cdb_box_content]

قدم سوم

پس زمینه وبلاگ
پس زمینه وبلاگ

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

برای مثال:  در یک وبلاگ در مورد پنگوئن ها ، می توانید عکس هایی از پنگوئن ها ، کده های یخی  و ماهی را روی یک پس زمینه بزرگ آبی وارد کنید.

(این فقط یک ایده است.)

قسمت وسط پس زمینه (جایی که متن در آن قرار می گیرد) باید 5/7 اینچ (19.1 سانتی متر) عرض داشته باشد و نسبتاً رنگ روشن باشد.

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

[/cdb_box_content]
[cdb_box_content]

قدم چهارم

پس زمینه وبلاگ
پس زمینه وبلاگ

آنها را مخلوط کنید.

بعضی چیزها را واضح و جلوی دید قرار دهید.

وبعضی دیگر را محو کنید.

چند نوار زیبا کننده و دکمه و…، برای تصاویر اضافه کنید.

هر چیزی که باعث شود شما به هدفتان نزدیکتر شوید.

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

[/cdb_box_content]
[cdb_box_content]

قدم پنجم

پس زمینه وبلاگ
پس زمینه

تصویر را در سایت Photobucket آپلود کنید.

هنگام آپلود کردن، بسته به اندازه صفحه / وبلاگتان، تصویر خود را به 1 یا 2 مگابایت کاهش دهید.

[/cdb_box_content]
[cdb_box_content]

قدم ششم

پس زمینه وبلاگ
پس زمینه

حالا به آدرس تصویر خود بروید و “direct link” را پیدا کنید.

این آدرس لینک را کپی کرده یا در جایی بنویسید ، زیرا بعداً به آن احتیاج خواهید داشت.

[/cdb_box_content]
[cdb_box_content]

قدم هفتم

پس زمینه وبلاگ
پس زمینه

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

(اگر  از Blogger استفاده می کنید ، آن را روی “Minima” تنظیم کنید.)

اکنون وارد کد HTML وبلاگ خود شوید.

این کدها برای یک شخص عادی ، ممکن است پر از علائم عجیب و کلمات عجیب و غریب به نظر برسد.

[/cdb_box_content]
[cdb_box_content]

قدم هشتم

پس زمینه وبلاگ
پس زمینه

محلی را که کد HTML مربوط به عکس در آن قرار دارد، پیدا کنید:

“body {#background:$bgcolor;#margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center;”.

[/cdb_box_content]
[cdb_box_content]

قدم نهم

پس زمینه وبلاگ
پس زمینه

کد HTML مربوز به خواندن تصویر را به صورت زیر تغییر دهید.

body {#background:$bgcolor;background-image:url(‘/که در قدم های قبل دریافت کردید را در اینجا وارد کنید DIRECT LINK ‘);background-position: center; background-repeat:no-repeat; background-attachment: fixed;#margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center;

[/cdb_box_content]
[cdb_box_content]

قدم دهم

پس زمینه وبلاگ
پس زمینه

DIRECT LINK که در قدم های قبلی دریافت کردید را در محل تعیین شده آن قرار دهید.

حالا ویرایش های خود را ذخیره کنید و وبلاگ خود را بررسی کنید.

احتمالاً اکنون به نظر می رسد خارق العاده است!

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

[/cdb_box_content]
[cdb_box_content]

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

منبع : وب سایت WikiHow

ترجمه و ارائه : رویا نجفی

[/cdb_box_content]
دسته بندی فتوشاپ مقاله ها
اشتراک گذاری
مقالات مرتبط

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

سبد خرید

هیچ محصولی در سبد خرید نیست.