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

+- مشاوره خانواده رایگان عطاملک (https://atamalek.ir)
+-- انجمن: فجازی (https://atamalek.ir/forum-41.html)
+--- انجمن: مجازیست (https://atamalek.ir/forum-42.html)
+---- انجمن: اینترنت و شبکه‌های اجتماعی (https://atamalek.ir/forum-21.html)
+---- موضوع: چگونه در فتوشاپ بروشور درست کنیم (/thread-7890.html)



چگونه در فتوشاپ بروشور درست کنیم - ADMIN - ۱۳۹۴-۱۰-۲۵

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

[img=0x0]http://bayanbox.ir/id/708647912563129230?view[/img]




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


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


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


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


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


گام اول


ابتدا، یک صفحه با اندازه مناسب و تنظیمات پرینت ایجاد کنید. یک صفحه جدید در فوتوشاپ ایجاد کنید و ابعاد آن را 216x154 mm قرار دهید. این ابعاد برای یک صفحه A5 به همراه 3 میلیمتر اضافی برای هر لبه است. به دلیل اینکه می خواهیم این کار را برای چاپ آماده کنیم، Color Mode را CMYK قرار دهید و مقدار Resolution را 300 پیکسل /اینچ قرار دهید.
[ltr][img=0x0]http://bayanbox.ir/id/7700628753121362077?view[/img][/ltr]

گام دوم


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


[ltr][img=0x0]http://bayanbox.ir/id/6423678292507860875?view[/img][/ltr]

گام سوم


فرایندهای مشابهی برای ایجاد خطوط راهنما در هر لبه صفحه تکرار کنید. مطمئن شوید که هر خط راهنما 3 میلیمتر از آن لبه فاصله داشته باشد.
[img=0x0]http://bayanbox.ir/id/7385981758231277871?view[/img]
ساخت پس زمینه


گام اول


کلید های Shift-Cmd-N را فشار دهید تا یک لایه جدید ایجاد شود. برای رنگ پیش زمینه آن را با سفید پر کنید (Alt-Backspace). مطمئن شوید که CMYK Sliders  روشن باشد تا بتوانید از رنگ های چاپی استفاده کنید.
[img=0x0]http://bayanbox.ir/id/931270224375924373?view[/img]
گام دوم


یک Gradient Overlay جدید ایجاد کنید. در پنل Layer Style Panel، Gradient را ویرایش نمایید. محل اسلایدر سفید را 30 درصد قرار دهید. رنگ اسلایدر مشکی را به Pale Yellow (C=9 M=6 Y=14 K=0) تغییر دهید.
[img=0x0]http://bayanbox.ir/id/1853719005163594810?view[/img]یک Gradient Overlay از دکمه fx در پنل لایه ایجاد کنید...
[img=0x0]http://bayanbox.ir/id/8820300028810986567?view[/img]سپس سایه ی مورد نظرتان را اعمال نمایید....
[img=0x0]http://bayanbox.ir/id/2167116558334123273?view[/img]
با رنگ هایی که برای صفحه می خواهید...



RE: چگونه در فتوشاپ بروشور درست کنیم - ADMIN - ۱۳۹۴-۱۰-۲۵

گام سوم

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

[ltr][تصویر:  4972265491741838428?view][/ltr]
گام چهارم

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

[ltr][تصویر:  5206836630439625566?view][/ltr]
گام پنجم

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

[ltr][تصویر:  578843086353293573?view][/ltr]
گام ششم

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

[ltr][تصویر:  1459305402520130027?view][/ltr]
گام هفتم

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

[ltr][تصویر:  4690478601661208150?view][/ltr]
گام هشتم

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

[ltr][تصویر:  7265153216252471288?view][/ltr]
گام نهم

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

[ltr][تصویر:  2641112306046901211?view][/ltr]
گام دهم

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

[ltr][تصویر:  7269344102449568294?view][/ltr]
گام یازدهم

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

[ltr][تصویر:  7148678590174072630?view][/ltr]
گام دوازدهم

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

[ltr][تصویر:  1024821211997775066?view][/ltr]
گام سیزدهم

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

[ltr][تصویر:  9071919976163812344?view][/ltr]
گام چهاردهم

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

[ltr][تصویر:  8207848505765047536?view][/ltr]
گام پانزدهم

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

[ltr][تصویر:  5256367135425297147?view][/ltr]



RE: چگونه در فتوشاپ بروشور درست کنیم - ADMIN - ۱۳۹۴-۱۰-۲۵

گام شانزدهم

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

[تصویر:  6527832102975938284?view]
[تصویر:  7789529828642152677?view]مسیر سایه را از چپ به راست قرار دهید تا تصویر به سمت راست محو شود.

گام هفدهم

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

[ltr][تصویر:  6408392312653689179?view][/ltr]

[ltr][تصویر:  4656289091612769455?view][/ltr]
گام هجدهم

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

[ltr][تصویر:  5757231920864906225?view][/ltr]
گام نوزدهم

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

[ltr][تصویر:  5920932816402203557?view][/ltr]
گام بیستم

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

[ltr][تصویر:  2033345269628153433?view][/ltr]
گام بیست و یکم

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

[ltr][تصویر:  6209724986430225046?view][/ltr]
گام بیست و دوم

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

[ltr][تصویر:  8016393579145783321?view][/ltr]
گام بیست و سوم

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

[ltr][تصویر:  4337565832110283331?view][/ltr]
گام بیست و چهارم

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

[ltr][تصویر:  2036005575631639553?view][/ltr]
گام بیست پنجم

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

[ltr][تصویر:  5457944724737074623?view][/ltr]
گام بیست و ششم

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

[ltr][تصویر:  3640698369840056177?view][/ltr]
گام بیست و هفتم

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

[ltr][تصویر:  2826445143821157283?view][/ltr]
اضافه کردن متن و لوگو

گام اول

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

[ltr][تصویر:  1815576359564146101?view][/ltr]
گام دوم

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

[تصویر:  7949777800874761053?view]در صفحه لایه یک سایه Drop shadow از دکمه fx اضافه کنید.
[تصویر:  7662045399615653861?view]تنظیمات بالا را برای سایه تان اعمال کنید.

گام سوم

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

[ltr][تصویر:  9599174844918272?view][/ltr]
گام چهارم

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

[ltr][تصویر:  6145152175733962822?view][/ltr]



RE: چگونه در فتوشاپ بروشور درست کنیم - ADMIN - ۱۳۹۴-۱۰-۲۵

گام پنجم

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

[ltr][تصویر:  3676436660912530139?view][/ltr]
گام ششم

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

[ltr][تصویر:  1286164111199034934?view][/ltr]
گام هفتم

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

[ltr][تصویر:  433311799483799520?view][/ltr]
گام هشتم

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

[ltr][تصویر:  2453413801723372475?view][/ltr]
گام نهم

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

[ltr][تصویر:  5650805663832475329?view][/ltr]
گام دهم

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

[ltr][تصویر:  5299124122118700659?view][/ltr]
گام یازدهم

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

[ltr][تصویر:  1740979260496561214?view][/ltr]
گام دوازدهم

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

[ltr][تصویر:  4022838721935864108?view][/ltr]
گام سیزدهم

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

[ltr][تصویر:  203483612620475418?view][/ltr]
اضافه کردن فوتوگراف های زیرین

گام اول

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

[ltr][تصویر:  7493378336613461940?view][/ltr]
گام دوم

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

[ltr][تصویر:  1403861560784235948?view][/ltr]
گام سوم

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

[ltr][تصویر:  1670955574287937875?view][/ltr]
گام چهارم

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

[ltr][تصویر:  5361992316833931448?view][/ltr]
گام پنجم

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

[ltr][تصویر:  2808631397003019431?view][/ltr]
گام ششم

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

[ltr][تصویر:  6683402243309609813?view][/ltr]
گام هفتم

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

[ltr][تصویر:  6181934367856658500?view][/ltr]
گام هشتم

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

[ltr][تصویر:  1242020257799790678?view][/ltr]



RE: چگونه در فتوشاپ بروشور درست کنیم - ADMIN - ۱۳۹۴-۱۰-۲۵

گام نهم

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

[ltr][تصویر:  6138662717103822972?view][/ltr]
گام دهم

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

[ltr][تصویر:  8567460143474184594?view][/ltr]
گام یازدهم

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

[ltr][تصویر:  3392472335433483338?view][/ltr]
گام دوازدهم

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

[ltr][تصویر:  117601948384820470?view][/ltr]
اضافه کردن متن زیرین

گام اول

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

[ltr][تصویر:  3739046803741722819?view][/ltr]
گام دوم

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

[ltr][تصویر:  4584775519873137627?view][/ltr]
گام سوم

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

[ltr][تصویر:  2374692890394621335?view][/ltr]
گام چهارم

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

[ltr][تصویر:  2091893159264174252?view][/ltr]
گام پنجم

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

[ltr][تصویر:  3379415645023142187?view][/ltr]
گام ششم

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

[ltr][تصویر:  8408785795190081890?view][/ltr]
گام هفتم

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

[ltr][تصویر:  6063408298924308809?view][/ltr]
گام هشتم

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

[ltr][تصویر:  4005258285490315687?view][/ltr]
گام نهم

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

[ltr][تصویر:  8717746387249402439?view][/ltr]
گام دهم

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

[ltr][تصویر:  4306010257641029036?view][/ltr]
گام یازدهم

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

[ltr][تصویر:  4835401929631822736?view][/ltr]
گام دوازدهم

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

[ltr][تصویر:  4114404969528793694?view][/ltr]
گام سیزدهم

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

[ltr][تصویر:  6119578812818739713?view][/ltr]
گام چهاردهم

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

[ltr][تصویر:  4351746530116286978?view][/ltr]
گام پانزدهم

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

[ltr][تصویر:  4722685476103279076?view][/ltr]
گام شانزدهم

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

[ltr][تصویر:  2411558050139311049?view][/ltr]
گام هفدهم

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

[ltr][تصویر:  6325359466746745759?view][/ltr]
گام هجدهم

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

[ltr][تصویر:  2157146926517307294?view][/ltr]
نتیجه

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

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

منبع: tutsplus.com



RE: چگونه در فتوشاپ بروشور درست کنیم - imenbazar - ۱۳۹۴-۱۱-۴

سلام .خیلی ممنون از آموزش خوبتون.


















___________________________________________________________________________
ایمن بازار سایت فروشگاهی محصولات اعلام حریق و اطفاء حریق و هشدار دهنده نشت گاز و تجهیزات حفاظت فردی