چگونه یک بروشور در فتوشاپ ایجاد کنیم؟ :: یاقوت آرت

یاقوت آرت

عضویت در خبرنامه یاقوت
یاقوت در گوگل پلاس

آخرین نظرات
۱۵مرداد

چیزی که شما ایجاد خواهید کرد:

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

این آموزش به شما کمک می کند که با گام های پایه یک بروشور چشم گیر و جذاب که در بالا مشاهده کردید را ایجاد کنید و می توانید به طور مستقیم با فرمت CMYK از فوتوشاپ پرینت بگیرید. شما می توانید با دنبال کردن این آموزش به یک بروشور برسید که با استفاده از تکنیک مشابه، بروشورهای دلخواه تان را ایجاد نماییید.

نیازمندی های آموزش

در این آموزش از تصاویر رایگان استفاده شده است. همچنین آیکون هایی که پیش از این در ایلستریتور ایجاد کرده ایم. شما می توانید آنها را در این آموزش دانلود نمایید.

دانلود ضمائم

صفحه ای با خطوط راهنما ایجاد کنید

گام اول

ابتدا، یک صفحه با اندازه مناسب و تنظیمات پرینت ایجاد کنید. یک صفحه جدید در فوتوشاپ ایجاد کنید و ابعاد آن را 216x154 mm قرار دهید. این ابعاد برای یک صفحه A5 به همراه 3 میلیمتر اضافی برای هر لبه است. به دلیل اینکه می خواهیم این کار را برای چاپ آماده کنیم، Color Mode را CMYK قرار دهید و مقدار Resolution را 300 پیکسل /اینچ قرار دهید.

گام دوم

خطوط راهنمایی ایجاد کنید که برای حاشیه ها مناسب باشد. در ایلستریتور و ایندیزاین این خطوط آماده وجود دارد اما در فوتوشاپ می بایست این خطوط را خودمان ایجاد کنیم. برای ایجاد یک خط راهنمای افقی، با کشیدن نشانگر ماوس از خط کش بالایی و با استفاده از ابزار Move Tool (V) و کلید Shift ایجاد کنید. مطمئن شوید که مقدار Y-axis، 3 میلیمتر باشد.

گام سوم

فرایندهای مشابهی برای ایجاد خطوط راهنما در هر لبه صفحه تکرار کنید. مطمئن شوید که هر خط راهنما 3 میلیمتر از آن لبه فاصله داشته باشد.

ساخت پس زمینه

گام اول

کلید های Shift-Cmd-N را فشار دهید تا یک لایه جدید ایجاد شود. برای رنگ پیش زمینه آن را با سفید پر کنید (Alt-Backspace). مطمئن شوید که CMYK Sliders  روشن باشد تا بتوانید از رنگ های چاپی استفاده کنید.

گام دوم

یک Gradient Overlay جدید ایجاد کنید. در پنل Layer Style Panel، Gradient را ویرایش نمایید. محل اسلایدر سفید را 30 درصد قرار دهید. رنگ اسلایدر مشکی را به Pale Yellow (C=9 M=6 Y=14 K=0) تغییر دهید.

یک Gradient Overlay از دکمه fx در پنل لایه ایجاد کنید...

سپس سایه ی مورد نظرتان را اعمال نمایید....

با رنگ هایی که برای صفحه می خواهید...

گام سوم

از ابزار Rectangle Tool (U) استفاده کنید تا یک چهارگوش جدید ایجاد کنید. اندازه آن را 216 در 56 میلیمتر قرار دهید.

گام چهارم

چهارگوش را در گوشه بالا و سمت چپ صفحه تراز کنید. آن را با یک رنگ Dark Brown (C=49 M=74 Y=80 K=70). پر کنید.

گام پنجم

از ابزار قلم Pen Tool (P) برای اضافه کردن یک نقطه تکیه گاهی در لبه پایینی چهارگوش استفاده کنید.

گام ششم

با استفاده از ابزار Direct Selection Tool (A) با نقطه تکیه گاهی بازی کنید تا به یک انحنای زیبا مانند زیر برسید.

گام هفتم

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

گام هشتم

به مسیر File > Place Embedded..., بروید سپس تصویر people-1.jpg  را از مرجع انتخاب کنید.

گام نهم

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

گام دهم

با استفاده از ابزار چهارگوش Rectangle Tool یک جهارگوش دیگر ایجاد کنید. اندازه این مستطیل را 216 در 100 میلیمتر قرار دهید.

گام یازدهم

برای قرار دادن چهارگوش مستقیما بالای تصویر در گوشه چپ و بالا از ابزار Direct Selection Tool استفاده کنید.

گام دوازدهم

در آپشن Rectangle Tool Panel، Mask را انتخاب کنید. این یک بردار ماسک، اعمال شده به لایه با تصویر ایجاد می کند.

گام سیزدهم

با استفاده از ابزار قلم Pen Tool یک نقطه تکیه گاهی جدید به ماسک اضافه کنید. یک منحنی با استفاده از ابزار Direct Selection Tool ایجاد کنید.

گام چهاردهم

با استفاده از ابزارهای مشابه، ابزار قلم Pen Tool و ابزار Direct Selection Tool سعی کنید تا یک ماسک به شکل زیر تنظیم نمایید. به موقعیت نقاط تکیه گاهی و سادگی شکل توجه داشته باشید. هرچه از نقاط تکیه گاهی کمتری استفاده کنید ماسکی که در پایان ظاهر می شود صاف تر خواهد بود.

گام پانزدهم

به مسیر Filter > Blur > Gaussian Blur بروید و مقدار شعاع را 6 قرار دهید.

گام شانزدهم

ماسک Smart Filters را انتخاب کنید. از ابزار Gradient Tool (G) استفاده کنید تا از چپ به راست را محو نمایید.

مسیر سایه را از چپ به راست قرار دهید تا تصویر به سمت راست محو شود.

گام هفدهم

یک لایه Layer Mask جدید ایجاد کنید. از ابزار Brush Tool (B) استفاده کنید تا پله کان را از تصویر محو نمایید. از غرایز پایه و خلاقیت تان استفاده کنید.

گام هجدهم

با کلیک کردن بر روی آیکون خورشید در صفحه Adjustments یک لایه Brightness/Contrast Adjustment Layer ایجاد کنید. مقدار Brightness را 40 و Contrast را 10 قرار دهید.

گام نوزدهم

بر روی لایه Adjustment Layer راست کلیک کنید و Create Clipping Mask را انتخاب کنید. این کار باعث می شود که یک تنظیمات Brightness تنها به تصویر زیر اعمال شود.

گام بیستم

یک رنگ Solid Color جدید ایجاد کنید. رنگ Fill را Brown (C=30 M=80 Y=100 K=30). قرار دهید.

گام بیست و یکم

بر ماسک از لایه تصویر کلیک کنید. کلید Alt را نگه دارید و ماسک را به سمت brown Color Fill بکشید. این کار باعث می شود که ماسک انتخابی، کپی شود.

گام بیست و دوم

از ابزار Direct Selection Tool (A) برای کشیدن نقطه تکیه گاهی سمت راست و بالا به گوشه راست بالا استفاده کنید.

گام بیست و سوم

از ابزار قلمو Brush Tool استفاده کنید تا مقداری از نواحی تصویر را که زیر رنگ قهوه ای پنهان شده است را آشکار نمایید. مقدار Layer Opacity را 75 درصد قرار دهید.

گام بیست و چهارم

یک چهارگوش جدید با Rectangle Tool رسم نمایید.

گام بیست پنجم

چهارگوش را با رنگ Light Brown Color (C=10 M=65 Y=100 K=0). پر کنید.

گام بیست و ششم

لایه را با چهارگوش قهوه ای روشن که زیر چهارگوش قهوه ای تیره قرار گرفته است، قرار دهید.

گام بیست و هفتم

از ابزارهای قلم Pen Tool و Direct Selection Tool استفاده کنید تا به یک شکل منحنی شبیه به شکل زیر دست پیدا کنید.

اضافه کردن متن و لوگو

گام اول

یک بیضی جدید ایجاد کنید. Ellipse. ابعاد آن را 248 در 248 پیکسل تنظیم کنید. آن را با رنگ Brown Color (C=30 M=80 Y=100 K=30). پر کنید.

گام دوم

یک افکت سایه Drop Shadow اضافه کنید. مقدار Opacity آن را 14 درصد و مقدار Distance را 5 پیکسل و اندازه 15 پیکسل قرار دهید.

در صفحه لایه یک سایه Drop shadow از دکمه fx اضافه کنید.

تنظیمات بالا را برای سایه تان اعمال کنید.

گام سوم

یک Ellipse بیضی جدید ایجاد کنید. ابعاد آن را 400 در 400 پیکسل قرار دهید. آن را با رنگ Fill it with Dark Blue Color (C=100 M=80 Y=45 K=50). پر کنید.

گام چهارم

از افکت سایه Drop Shadow مشابه استفاده کنید و آن را به بیضی اعمال نمایید. شما هم می توانید مجددا سایه را ایجاد نمایید یا راست کلیک نموده و Copy Layer Style را انتخاب کنید و آن را بر روی بیضی دیگر کپی کنید. لایه را با بیضی آبی تیره که زیر بیضی قهوه ای دیگر قرار گرفته است، قرار دهید.

گام پنجم

با استفاده از ابزار تایپ، متن را اضافه کنید. این آموزش از خانواده Proxima Nova استفاده کرده است. اندازه تیتر اصلی، 17 باشد. هر تکه از بقیه متن را در یک لایه جداگانه وارد کنید. از ابزار Move Tool استفاده کنید تا هر خط را در جای مورد نظر که در تصویر زیر نشان داده شده است، قرار دهید.

گام ششم

فرآیندهای مشابه را برای اضافه کردن متن جدید انجام دهید. اندازه اولین خط را 31 قرار دهید.

گام هفتم

تیتر جدید با استفاده از ابزار تایپ ایجاد کنید. فونت را Proxima Nova Light قرار دهید و اندازه را 18 بگذارید.

گام هشتم

زیر تیتر اضافه کنید، مجددا با استفاده از ابزار تایپ، انندازه را 36 قرار دهید. مقدار Character Tracking را 10- قرار دهید.

گام نهم

هر دو لایه متن را انتخاب کنید. کلید Alt را نگه دارید و متن را بکشید تا هر دو زیر خطوط کپی شود.

گام دهم

مجددا، از ابزار تایپ استفاده کنید تا متن را با توجه به تصویر زیر ایجاد کنید. متن را با ابزار حرکت Move Tool در موقعیتش قرار دهید.

گام یازدهم

به مسیر File > Place Embedded  بروید و وکتور لوگو acme-travel-logo را در صفحه قرار دهید.

گام دوازدهم

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

گام سیزدهم

افکت سایه Drop Shadow را اضافه کنید. در پنل Layer Style Panel مقدار Opacity را 11 درصد، فاصله Distance را 3 پیکسل و اندازه را 16 پیکسل قرار دهید.

اضافه کردن فوتوگراف های زیرین

گام اول

یک چهارگوش جدید ایجاد کنید. Rectangle. اندازه را 60 در 28 پیکسل قرار دهید.

گام دوم

شکل چهارگوش را با ابزار Direct Selection Tool انتخاب کنید. در پنل تنظیمات Horizontal Centers را تنظیم کنید.

گام سوم

به مسیر File > Place Embedded  بروید و تصویر the people-11.jpg  را از مرجع قرار دهید.

گام چهارم

تصویر را کوچک کنید و آن را مستقیما در چهارگوش قرار دهید.

گام پنجم

ابزار چهارگوش Rectangle Tool را فعال کنید و در پنل آپشن، بر روی Mask کلیک کنید. این عمل یک وکتور ماسک از چهارگوش ایجاد می کند و آن را به تصویر اعمال می کند.

گام ششم

در حالی که لایه تصویر انتخاب شده است، کلید های Alt-Shift را نگه دارید و تصویر را بکشید تا کپی گردد.

گام هفتم

به مسیر File > Place Embedded بروید. تصویر city-5.jpg  را از مرجع انتخاب کنید و آن را به صفحه اضافه نمایید.

گام هشتم

تصویر را کوچک کنید و آن را بالای تصویر کپی شده با دختر قرار دهید.

گام نهم

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

گام دهم

گام های هفتم تا نهم را تکرار کنید تا نقشه تصویر به صفحه اضافه شود، این بار تصویر نقشه را اضافه کنید.

گام یازدهم

لایه map-screenshot را انتخاب کنید و Stroke از دکمه افکت ها در صفحه لایه اضافه کنید.

گام دوازدهم

اندازه Stroke را 2 پیکسل قرار دهید. Position را به Inside تنظیم کنید و مقدار رنگ را قهوه ای بگذارید. Brown (C=30 M=80 Y=100 K=30)

اضافه کردن متن زیرین

گام اول

از ابزار تایپ Type Tool استفاده کنید تا یک متن جدید ایجاد نمایید. اندازه را 11 قرار و رنگ آن را یک قهوه ای کم رنگ بگذارید. Light Brown (C=10 M=65 Y=100 K=0).

گام دوم

خطوط بیشتری را اضافه کنید. اندازه را 9 قرار دهید. Leading را 13 بگذارید و رنگ را به خاکستری تغییر دهید. Gray (K=90)

گام سوم

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

گام چهارم

به مسیر File > Place Embedded بروید. icons.ai  را انتخاب کنید تا آیکون ها را به صفحه وارد نمایید. یک پنجره وابسته باز خواهد شد. Calender Icon را انتخاب کنید و اوکی نمایید.

گام پنجم

آیکون را کوچک نماییید و آن را در اولین خط جدید با اطلاعات زمان قرار دهید.

گام ششم

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

گام هفتم

از ابزار تایپ Type Tool برای اضافه کردن متن استفاده کنید. آن را بالای نقشه قرار دهید. سایز را 13 قرار دهید، Leading را 11 بگذارید و رنگ را به قهوه ای کم رنگ تغییر دهید. Light Brown (C=10 M=65 Y=100 K=0).

گام هشتم

فرآیندهای مشابه را برای اضافه کردن خطوط جدید متن برای آدرس دنبال کنید. اندازه را 9 قرار دهید و رنگ را به خاکستری تغییر دهید. Gray (K=90).

گام نهم

به مسیر File > Place Embedded... بروید، مجددا icons.ai  انتخاب کنید و Globe Vector Icon را به صفحه وارد کنید.

گام دهم

آیکون را کوچک کنید و آن را در وب آدرس بعدی قرار دهید.

گام یازدهم

ابزار قلم Pen Tool را فعال کنید و یک شکل وکتور ایجاد کنید که مسیر را در نقشه مشخص می کند.

گام دوازدهم

در پنل آپشن Options Panel، مقدار Stroke را به Dashed و رنگ را به قهوه ای کم رنگ تغییر دهید. Light Brown (C=10 M=65 Y=100 K=0). مقدار Stroke Width را 1.5 قرار دهید.

گام سیزدهم

به مسیر Stroke Options > More Options..., بروید و Caps را Round قرار دهید و Dashed Line تنظیم کنید: Dash را 3 و Gap را 3 بگذارید.

گام چهاردهم

یک بیضی Ellipse جدید اضافه کنید. رنگ را قهوه ای قرار دهید. Brown (C=30 M=80 Y=100 K=30).

گام پانزدهم

ابزار قلم Pen Tool را فعال کنید. کلید Alt را نگه دارید و بر روی دکمه نقطه تکیه گاهی کلیک نمایید. این کار باعث می شود که نقطه دکیه گاهی از گوشه صاف تغییر پیدا کند.

گام شانزدهم

با استفاده از ابزار Direct Selection Tool، نقطه تکیه گاهی تغییر پیدا کرده را به زیر حرکت دهید.

گام هفدهم

افکت سایه Drop Shadow را به لولا اضافه کنید. از تنظیمات نشان داده شده در شکل زیر استفاده کنید.

گام هجدهم

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

نتیجه

تبریک! اگر شما آموزش را تا این نقطه دنبال کرده باشید، شما یک طرح زیبا از یک بروشور کامل شده خواهید داشت.

یادآوری: هربار که تصاویری برای چاپ تهیه می کند، باید در رنگ های CMYK فکر کنید چرا که به نتایج خوبی در چاپ برسید. فراموش نکنید که حاشیه برای بروشور بگذارید. (حداقل 3 میلیمتر از هر لبه)

منبع: tutsplus.com

نظرات  (۱۰)

۱۶ مرداد ۹۳ ، ۲۰:۵۷ لیلا قشلاقی
سلام
مطالبتون فوق العاده است
ممنونم

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

با سلام و خسته نباشید.
ضمن تشکر از بابت آموزش، احساس می کنم بعضی مراحل با مک سازگار هستند اما با فوتوشاپ ویندوز کمی تفاوت دارند، برای مثال بنده در ابزار رسم مستطیلم دکمه ی ماسک را در بالای فوتوشاپ ندارم، یا مشکل از بنده است؟ لطفا راهنمایی بفرمایید.
ممنون عالی بووود
salam mishe aksai k estefade shode bezarin vase download?
مرصی خیلی دقیق بود اما لطفا گذاشتن متن پاراگرافی رو هم توضیح بدیم من تو گذاشتن متن مشکل دارم
سلام خسته نباشید.
ممنون از اموزشی که گذاشتین
میشه لطفا یک فیلم از این اموزش بزارین
یا بعضی مراحل را واضح تر توضیح بدید
مثلا گزینه ماسک در ابزار rectangle tool غیر فعال هستش و من نمیدونم باید چطور فعالش کنم.
سلام
به خاطر این پست و آموزش خیلی از شما سپاسگذارم.

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

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی