آموزش جامع ساخت بنر با فتوشاپ ( قدم به قدم )

حالا پنجره New Document برایتان باز می شود. در ابتدا می توانید به برگه Web بروید و روی دکمه Web Most Common کلیک کنید. با این کار مطمئن خواهید شد که با PPI ( پیکسل بر اینچ ) صحیح برای ساخت بنر کار می کنید. ۷۲ PPI .

 

 

اگر می خواهید عکس را قبل از اضافه شدن به بنر مقداری ویرایش کنید بهتر است از روش دوم استفاده کنید. زمانیکه آماده اضافه کردن عکس به پروژه خود هستید، روی لایه عکس در پنل لایه ها کلیک کنید و نگه دارید. حالا آن را روی برگه اول ( برگه تابلو هنری ) بکشید. چند ثانیه صبر کنید تا برگه اول برایتان باز شود. حالا عکس را روی بوم رها کنید. 

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

 

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

قدم سوم : اندازه تصاویر را متناسب با بنر تغییر دهید

زمانیکه یک عکس به تابلوی هنری ( ArtBoard ) اضافه کردید، می توانید هر زمانی با دنبال کردن مسیر Edit > Free Transform از نوارمنوی فتوشاپ، اندازه آن را تغییر دهید. 

حالا یک کادر دور تا دور تصویر شما اضافه می شود که با کلیک گردن و نگه داشتن روی دستگیره های آن به راحتی می توانید سایز تصویر را تغییر دهید و حتی جایگاه آن را روی بوم فتوشاپ تغییر دهید. برای چرخاندن تصویر، خارج از کادر کلیک کنید و ماوس را به سمت چپ و راست بکشید.

قدم چهارم : رنگ پس زمینه را تغییر دهید ( اختیاری )

برای حرفه ای تر شدن ظاهر بنر تبلیغاتی بهتر است رنگ پس زمینه بنر با رنگ پس زمینه عکس شما یکسان باشد. اگر یک عکس با پس زمینه شفاف ( Transparent ) دارید، می توانید یک رنگ پس زمینه جدید به جر سفید انتخاب کنید. برای این کار روی دو کادر رنگی در قسمت پایینی نوارابزار بزنید. 

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

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

حالا باید روی ابزار Paint Bucket Tool کلیک کنید. این ابزار احتمالا در ابزار Gradient Tool مخفی شده است. بنابراین روی ابزار گرداینت کلیک راست کنید و سپس روی Paint Bucket Tool بزنید.

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

در غیر این صورت اگر می خواهید پس زمینه بنر خود را با رنگ پس‌زمینه تصویری که تازه اضافه کردید مطابقت دهید، می توانید روی ابزار قطره چکان ( Eyedropper Tool ) کلیک کنید تا فعال شود. سپس روی پس زمینه عکس خود بزنید تا از رنگ آن سمپل گرفته شود. 

بعد از آن روی ابزار سطل رنگ (  Paint Bucket Tool ) بزنید و روی پس زمینه بوم کلیک کنید تا رنگ آن با رنگ پس زمینه عکس یکی شود. 

حالا تصویر شما با پس زمینه بنر تبلیغاتی ترکیب می شود. توجه داشته باشید این کار فقط زمانی امکان پذیر است که پس زمینه عکس شما تنها یک رنگ مشخص داشته باشد. در غیر این صورت، بهتر است در ابتدا پس زمینه عکس را شفاف کرده و سپس به پروژه خود اضافه کنید. 

قدم پنجم : به بنر خود نوشتار اضافه کنید

برای اضافه کردن نوشتار به متن خود، ابزار نوشتار ( Type Tool ) را از نوارابزار سمت چپ فعال کنید.

حالا نشانگر ماوس شما به آیکون نوشتار ( T ) تغییر می کند. می توانید روی هر ناحیه ای که می خواهید کلیک کنید تا کادر نوشتار باز شود.

در نوارگزینه ها، می توانید فونت، سبک، رنگ و اندازه متن را تغییر دهید.

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

قدم ششم : یک دکمه اضافه کنید

آخرین چیزی که قرار است به بنر خود اضافه کنیم، یک دکمه کاربردی و زیبا روی بنر است! مشتریان شما با دیدن این دکمه روی آن کلیک می کنند و به مسیر دلخواه شما هدایت می شوند. ظاهر این دکمه می تواند بر اساس علاقه شما پیچیده و یا کاملا ساده باشد. برای ساخت این دکمه، باید از ابزار اشکال ( Shape Tool ) استفاده کنید. دکمه شما می توانید هر شکلی که دوست دارید داشته باشد. برای این مثال، ما قرار است یک دکمه مستطیل شکل اضافه کنیم!

روی ابزار Rectangle Tool در نوار ابزار بزنید و سپس روی بنر یک مستطیل رسم کنید. 

حالا می توانید ظاهر مستطیل را ویرایش کنید. از نوار گزینه بالا، روی کادر Fill بزنید و تا بتوانید رنگ پر کننده را بر اساس علایق خود تغییر دهید.

شما می توانید سبک و حالت Fill را به کمک ۴ آیکون بالا انتخاب کنید. اولین آیکون از سمت چپ، داخل شکل شما را شفاف ( Transparent ) می کند، دومین آیکون فضای داخلی مستطیل را با یک رنگ ثابت پر می کند و سومین نیز داخل شکل را با گرادینیت پر می کند. اگر می خواهید فضای داخلی با یک پترن ( الگو ) پر شود از آیکون چهارمی استفاده کنید.

روی فولدرهای مختلف کلیک کنید تا انواع مختلف از رنگ های پر کننده، اشکال و گرادینت ها را مشاهده کنید.

همچنین می توانید ظاهر Stroke ( رنگ حاشیه ) و یا کادر دکمه ( Outline ) را نیز ویرایش کنید. برای تغییر ضخامت، عرض دلخواه خود را در کادر مشخص شده وارد کنید. همچنین برای تغییر سبک و حالت Stroke نیز می توانید روی کادر روبه روی ضحامت بزنید. یک منوی لیست شده برایتان باز می شود که می توانید از بین ۳ گزینه انتخاب کنید: ثابت ( Solid )، نقطه چین ( Dotted ) و یا خط تیره دار ( Dashed )

در پایان نیز روی آیکون کناری Stroke بزنید تا ظاهر کادر را درست مثل مرحله بالا تنظیم کنید. نوع Fill را به کمک ۴ آیکون بالا انتخاب کنید و سپس روی فولدرهای مختلف کلیک کنید تا رنگ، گرادینت و الگوهای بیشتری ببینید!

برای این مثال، من داخل مستطیل را شفاف ( Transparent ) نگه داشتم و برای کادر آن نیز از رنگ سفید ثابت استفاده کرده ام.

قدم هفتم: به دکمه خود نوشتار اضافه کنید

در مرحله آخر ساخت بنر در فتوشاپ، باید به دکمه بنر متن دلخواه خود را اضافه کنید. برای این کار روی ابزار نوشتار ( Type Tool ) کلیک کنید.

حالا در داخل مستطیل کلیک کنید تا کادر نوشتار ظاهر شود.

هرچیزی که دوست دارید تایپ کنید. بعد از آن می توانید برای تغییر ظاهر متن سراع نوارگزینه بالا بروید.

زمانیکه متن را به دکمه اضافه کردید، حالا یک دکمه کاربردی روی بنر خود خواهد داشت که مشتریان می توانند از آن استفاده کنند!

پروسه ساخت بنر در فتوشاپ به اتمام رسید و بنر تبلیغاتی شما حاضر است!

نحوه تغییر اندازه بنر در فتوشاپ 

زمانیکه کارتان با ساخت بنر تمام شد، شاید بخواهید از همین طرح در اندازه های مختلف استفاده کنید. برای این کار باید اندازه بنر را تغییر دهید که به کمک فتوشاپ به راحتی امکان پذیر است! با این حال حواستان باشد که اگر زیاد بنر را تغییر اندازه دهید ممکن است کیفیت آن از دست برود!

به طور کلی بهتر است اندازه بنر را کوچکتر تا بزرگتر کنید! بزرگتر کردن اندازه بنر نسبت به سایز اصلی می توانید مقداری کیفیت بنر را کاهش دهید و باعث ایجاد پیکسلیشن ( Pixelation ) شود. به عنوان مثال ما در این مقاله یک بنر مربع شکل با سایز ۷۵۰ در ۷۵۰ ساختیم. بنابراین به راحتی می توانیم سایز آن را به ۲۵۰ در ۲۵۰ بدون کاهش کیفیت با حفظ نسبت تصویر کاهش دهیم! 

برای تغییر اندازه بنر در فتوشاپ از نوار منو به مسیر Image > Image Size بروید.

عرض ( Width ) و طول ( Height ) دلخواه خود را در کادر مربوط وارد کنید و مطمئن شوید که مقدار Resolution روی ۷۲ PPI قرار گرفته است! 

حالا اندازه بوم فتوشاپ نسبت به سایزی که بالاتر وارد کردید، تغییر خواهد کرد. تا زمانیکه سایز بنر را کاهش دهید، تغییر محسوسی در رزولوشن بنر مشاهده نخواهید کرد! 

همچنین می توانید در قسمت Export نیز اندازه بنر را تغییر دهید. در قسمت بعد با خروجی گرفتن از بنر و تغییر اندازه در قسمت Export آشنا می شوید.