سبد (0)

پانل های عمودی عکس در فتوشاپ

پانل های عمودی عکس با فتوشاپ CS6

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

این آموزش با فتوشاپ CS6 و همچنین CC به طور کامل سازگار است. در صورتی که شما از ورژن فتوشاپ CS5 و قبل از آن استفاده می کنید، میتوانید آموزش پانل های عمودی عکس را از لینک زیر دنبال کنید :


کار را با تصویر زیر شروع می کنیم :

Image 199325003 licensed from Shutterstock by Photoshop Essentials.com and used by permission.

تصویر اصلی .

و تصویری که بعد از اعمال افکت خواهیم داشت :

Folds and creases photo effect created in Photoshop CS6. Image © 2014 Photoshop Essentials.com

تصویر نهایی .

مراحل انجام کار

آموزش ایجاد پانل های عمودی عکس، شامل 17 مرحله ی زیر است:


مرحله 1: پوشاندن لایه با رنگ سفید

اجازه دهید تا کار را با پر کردن لایه تصویر با رنگ سفید آغاز کنیم. این لایه به عنوان لایه پس زمینه برای این افکت در نظر گرفته می شود. بر روی آیکن New Fill or Adjustment Layer در پایین پنل لایه ها کلیک کنید :

Clicking the New Fill or Adjustment Layer icon in the Layers panel in Photoshop. Image © 2014 Photoshop Essentials.com.

کلیک بر روی New Fill یا آیکن Adjustment Layer.

از منوی ظاهر شده بر روی گزینه Solid Color کلیک کنید :

Choosing a Solid Color fill layer. Image © 2014 Photoshop Essentials.com.

 انتخاب Solid Color برای پر کردن لایه .

فتوشاپ پنجره Color Picker را باز می کند و ما می توانیم رنگ مورد نظر برای پر کردن لایه را از آن انتخاب کنیم، در اینجا ما رنگ سفید را برای پس زمینه تصویر انتخاب کرده ایم، روش دیگر انتخاب رنگ سفید تنظیم  مقدار 255 برای هر سه پارامتر R، G و B است :

Choosing white in the Color Picker. Image © 2014 Photoshop Essentials.com.

انتخاب رنگ سفید از جعبه رنگ .

بر روی OK کلیک کنید تا جعبه رنگ بسته شود. اکنون سند شما با رنگ سفید پوشانده شده و تصویر موقتاً از نظر پنهان شده است. اگر به پنل لایه ها نگاه کنید مشاهده خواهید کرد که یک لایه با رنگ سفید (با نام "Color Fill 1") در بالای لایه پس زمینه قرار گرفته است :

Choosing white in the Color Picker. Image © 2014 Photoshop Essentials.com.

پنل لایه ها، نشان دهنده لایه پر شده در بالای تصویر .

مرحله 2: غیر قابل مشاهده کردن لایه پر شده

در حال حاضر نیازی به لایه سفید نداریم، پس اجازه دهید به طور موقت آن را از حالت مشاهده خارج کنیم. برای این کار بر روی آیکن layer visibility (آیکن کره چشم) در سمت چپ پنل لایه ها کلیک کنید، با انجام این کار این لایه از سند مخفی شده و تصویر اصلی را قابل مشاهده خواهد کرد :

Choosing white in the Color Picker. Image © 2014 Photoshop Essentials.com.

کلیک بر روی آیکن دید برای لایه پر شده.

مرحله 3: انتخاب ابزار مستطیل

برای ایجاد پانل های عمودی عکس، از پنل ابزار ها در سمت چپ صفحه  ابزار مستطیل (Rectangle ) را انتخاب می کنیم :

Selecting the Rectangle Tool. Image © 2014 Photoshop Essentials.com.

انتخاب ابزار Rectangle .

مرحله 4: انتخاب حالت ابزار

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

Selecting the Rectangle Tool. Image © 2014 Photoshop Essentials.com.

تنظیم حالت ابزار مستطیل بر روی  Shape.

مرحله 5: رسم اولین پانل

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

Drawing the first panel along the left of the photo. Image © 2014 Photoshop Essentials.com.

ایجاد اولین پانل در سمت چپ تصویر .

مرحله 6:  تغییر نام لایه شکل به "Panel"

 اگر مجدداً به پنل لایه ها نگاه کنید مشاهده خواهید کرد که لایه شکل در بالای دو لایه قبلی قرار گرفته است، نام این لایه به طور پیش فرض "Rectangle 1" که نام مناسبی نیست :

The new Shape layer with its default name. Image © 2014 Photoshop Essentials.com.

لایه جدید شکل با نام پیش فرض .

برای تغییر نام این لایه بر روی نام لایه یعنی "Rectangle 1" مستقیما دوبار کلیک کنید تا به حالت انتخاب در آید سپس نام آن را به “Panel” تغییر دهید، برای تایید نام، کلید  Enter در ویندوز و یا Return در مک را فشار دهید :

The Shape layer now has a more descriptive name. Image © 2014 Photoshop Essentials.com.

لایه شکل با نام جدید .

مرحله 7: چرخش پانال با دستور  Free Transform Path

اجازه دهید تا پانل را کمی بچرخانیم، از منوی Edit در بالای صفحه نمایش، گزینه Free Transform Path را انتخاب کنید، برا این کار همچنین می توانید از کلید های ترکیبی Ctrl+T در ویندوز و یا Command+T در مک استفاده کنید. در واقع این میانبر در مراحل بعدی بسیار کارامد خواهد بود :

Selecting the Free Transform Path command from the Edit menu. Image © 2014 Photoshop Essentials.com.

 Edit > Free Transform Path.

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

Drawing the first panel along the left of the photo. Image © 2014 Photoshop Essentials.com.

چرخش پانل با دستورFree Transform Path .

مرحله 8 : بازگرداندن لایه پر شده

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

Clicking again on the fill layer's visibility icon. Image © 2014 Photoshop Essentials.com.

کلیک مجدد بر روی آیکن visibility و قابل مشاهده کردن لایه .

با قابل مشاهده کردن لایه پر شده، مجدداً تصویر اصلی پنهان می شود و تنها پانل عمودی بر روی آن قابل مشاهده می باشد :

The document with the white fill layer once again visible. Image © 2014 Photoshop Essentials.com.

سند به همراه لایه پر شده که مجدداً قابل مشاهده شده .

مرحله 9 : باز کردن گزینه Blending

بر روی آیکن menu در گوشه سمت راست پنل لایه ها کلیک کنید :

Clicking the Layers panel menu icon. Image © 2014 Photoshop Essentials.com.

کلیک بر روی آیکن menu در پنل لایه ها.

از منوی ظاهر شده بر روی گزینه Blending کلیک کنید :

Select Blending Options from the Layers panel menu. Image © 2014 Photoshop Essentials.com.

  انتخاب گزینه Blending از منو پنل لایه ها .

کادر محاوره ای تظیمات لایه مربوط به گزینه Blending در ستون وسط باز می شود، در ابتدا برای قابل مشاهده کردن تصویر از قسمت Advanced Blending گزینه Knockout را بر روی Shallow یا Deep تنظیم کنید (در اینجا ما گزینه Shallow را انتخاب کرده ایم، در هر صورت یکی از این دو مورد برای کار ما مناسب خواهد بود )، سپس مقدار گزینه Fill Opacity را به "0" کاهش دهید.

The Advanced Blending options in Photoshop. Image © 2014 Photoshop Essentials.com.

تنظیم Knockout به Shallow و Fill Opacity به 0%.

اکنون تصویر داخل پانل قابل مشاهده است :

The image is now visible inside the panel area. Image © 2014 Photoshop Essentials.com.

نمایان شدن تصویر در داخل پانل.

مرحله 10 :اضافه کردن Drop Shadow به پانل

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

Selecting Drop Shadow in the list of layer effects in the Layer Style dialog box. Image © 2014 Photoshop Essentials.com.

انتخاب Drop Shadow در لیست افکت لایه.

از گزینه های Drop Shadow در ستون وسط، مقدار Opacity سایه را به 60% کاهش دهید، سپس مقدار Angle را بر روی °135 تنظیم کنید تا جهت تابش نور از سمت چپ و بالا به نظر برسد. در صورتی که Use Global Light در حالت انتخاب قرار ندارد، با کلیک در چک باکس آن را به حالت انتخاب در آورید، در نهایت مقدار Distance و Size سایه را به دلخواه تنظیم کنید، سایز سایه به تصویری که شما بر روی آن کار می کنید بستگی دارد. مقدار Distance فاصله سایه از شی را کنترل می کند، در حالی که مقدار Size نرمی لبه های سایه را کنترل می کند. در اینجا چون از یک تصویر نسبتاً بزرگ استفاده شده است مقدار هر دو پارامتر ذکر شده بر روی 30px تنظیم شده است، شما ممکن است بخواهید این مقادیر را تغییر دهید که بسته به اندازه تصویر شما می تواند هر مقداری را به خود بگیرند :

The Drop Shadow options. Image © 2014 Photoshop Essentials.com.

  گزینه های Drop Shadow.

در اینجا پانل بعد از اعمال سایه به آن نمایش داده شده است :

The panel after applying the drop shadow. Image © 2014 Photoshop Essentials.com.

پانل بعد از اعمال سایه به آن .

مرحله 11 : اضافه کردن Stroke  به پانل

همانطور که کادر محاوره ای Layer Style باز است بر روی گزینه Stroke در سمت چپ لیست کلیک کنید :

Selecting Stroke in the list of layer effects. Image © 2014 Photoshop Essentials.com.

  انتخاب Stroke از لیست افکت لایه ها.

 از بین گزینه های Stroke در ستون وسط، بر روی جعبه رنگ کلیک کنید تا رنگ Stroke را تغییر دهیم :

Clicking the color swatch for the stroke. Image © 2014 Photoshop Essentials.com.

کلیک بر روی جعبه رنگ .

یک بار دیگر کادر انتخاب رنگ باز می شود، این بار اجازه دهید تا یک رنگ جدید برای stroke انتخاب کنیم، در ایجا ما رنگ سفید را با تنظیم مقدار 255 برای R , G و B انتخاب کرده ایم. این مقدار را تنظیم کنید و بر روی OK کلیک کنید تا کادر انتخاب رنگ بسته شود.

Choosing white for the stroke color in the Color Picker. Image © 2014 Photoshop Essentials.com.

انتخاب رنگ سفید برای  stroke.

به کادر محاوره ای Layer Style برمیگردیم، مقدار پارامتر Position در stroke را از Outside (مقدار پیش فرض) به Inside تغییر دهید، سپس مقدار پارامتر Size را با کشیدن دستگیره لغزنده به سمت راست کاهش دهید تا زمانیکه یک حاشیه نازک سفید رنگ در اطراف تصویر مشاهده نمایید، ما در اینجا مقدار 12px را در نظر گرفته ایم، اما این مقدار به اندازه تصویر شما بستگی دارد :

Changing the stroke Position to Inside and increasing the Size value. Image © 2014 Photoshop Essentials.com.

تغییر پارامتر Position به Inside و افزایش پارامتر Size .

زمانی که این کار را انجام دادید بر روی OK کلیک کنید تا کادر محاوره ای بسته شود، پانل لایه بعد از اعمال drop shadow و  stroke  :

The panel after applying both the drop shadow and the stroke. Image © 2014 Photoshop Essentials.com.

پانل بعد از اعمال  drop shadow و stroke.

مرحله 12 : بستن وضعیت افکت های لایه

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

توجه داشته باشید که هر دو افکت اعمال شده یعنی Drop Shadow وStroke در زیر لایه پانل ذکر شده اند. ما نیازی به دیدن آنها نداریم، با توجه به اینکه مقداری فضا را هم در پنل لایه ها اشغال کرده اند، اجازه دهید تا با کلیک بر روی فلش کوچک سمت راست لایه آنها را مخفی کنیم :

Clicking the arrow to toggle the layer effects closed. Image © 2014 Photoshop Essentials.com.

کلیک بر روی فلش کوچک برای مخفی کردن افکت ها.

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

The Layers panel after toggling the layer effects closed. Image © 2014 Photoshop Essentials.com.

نام افکت لایه ها فضای زیادی از پانل لایه اشغال نکرده است .

مرحله 13 : تکثیر لایه پانل

اکنون می توانیم لایه دوم را هم اضافه کنیم. مطمئن شوید که لایه Panel  در پنل لایه ها در حالت انتخاب قرار دارد ( باید به رنگ هایلایت آبی باشد). سپس پانل تکراری را با رفتن به منوی لایه ها در بالای صفحه و انتخاب گزینه New و سپس گزینه Shape Layer via Copy ایجاد کنید، برای این کار می توانید از کلید های ترکیبی Ctrl+J در ویندوز و یا Command+J در مک نیز استفاده کنید.

Selecting the New Shape Layer via Copy command from the Layer menu. Image © 2014 Photoshop Essentials.com.

 Layer > New > Shape Layer via Copy.

کپی لایه Panel  در بالای لایه اصلی ظاهر می شود :

The Layers panel showing the copy of the Panel layer. Image © 2014 Photoshop Essentials.com.

پنل لایه ها بعد از تکثیر لایه Panel .

 مرحله 14 : انتقال لایه کپی به زیر لایه اصلی

 بر روی لایه “Panel copy” کلیک کرده، در حالی که هنوز موس روی آن قرار دارد آن را به سمت پایین، زیر لایه اصلی بکشید. یک نوار هایلایت بین لایه اصلی و لایه پر شده ظاهر می شود :

Dragging the Panel copy layer below the original. Image © 2014 Photoshop Essentials.com.

کشیدن لایه کپی به زیر لایه اصلی .

زمانی که نوار هایلایت ظاهر شد، کلیک موس را رها کنید تا لایه کپی در زیر لایه اصلی قرار بگیرد :

The Panel copy layer now sits below the original Panel layer. Image © 2014 Photoshop Essentials.com.

کپی لایه Panel که در زیر لایه اصلی قرار گرفته است .

 مرحله 15 : حرکت  و چرخش لایه کپی با مسیر انتقال

در حال حاضر کپی لایه Panel در پشت لایه اصلی قرار دارد، به این معنی که ما نمیتوانیم آن را در سند خود مشاهده کنیم.اجازه دهید تا حرکت و چرخش را به این لایه اعمال کنیم، همانطور که در مرحله 7 مشاهده کردید این کار را می توان از دو طریق انجام داد، یکی  رفتن به منوی Edit  و انتخاب Free Transform Path یا استفاده از کلید های میانبر Ctrl+T در ویندوز و یا Command+T در مک.

Selecting the Free Transform Path command from the Edit menu. Image © 2014 Photoshop Essentials.com.

 Edit > Free Transform Path.

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

Selecting the Free Transform Path command from the Edit menu. Image © 2014 Photoshop Essentials.com.

انتقال پانل به ست راست و زیر لایه اصلی .

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

Selecting the Free Transform Path command from the Edit menu. Image © 2014 Photoshop Essentials.com.

کلیک و درگ برای چرخش پانل دوم .

وقتی این کار را انجام دادید کلید Enter در ویندوز و یا Return در مک برای تایید و خروج از دستور Free Transform Path از صفحه کلید را فشار دهید، در صورتی که هنوز مسیر نازکی در اطراف پانل خود می بینید نگران نباشید، چون لایه panel در پنل لایه ها در حالت انتخاب قرار دارد این اتفاق می افتد، در صورتی که لایه دیگری را انتخاب کنید (مثلاً لایه پس زمینه یا لایه پرشده) این نوار باریک از بین خواهد رفت :

The second panel has been added to the effect. Image © 2014 Photoshop Essentials.com.

اکنون لایه دوم اضافه شده است .

 مرحله 16 : تکرار مراحل قبلی برای اضافه کردن پانل های دیگر

در این مرحله نیاز داریم تا تعدادی از مراحل قبلی را برای ایجاد پانل های دیگر تکرار کنیم. همچنین میخواهیم تا لایه جدید ایجاد شده در زیر لایه قبلی خود قرار بگیرد، بنابر این در ابتدا مطمئن شوید که پایین ترین لایه Panel (لایه ای که در بالای لایه پر شده قرار دارد ) در حالت انتخاب است :

Selecting the bottom-most Panel layer. Image © 2014 Photoshop Essentials.com.

 انتخاب پایین ترین لایه  Panel .

 برای صرفه جویی در زمان،دو عمل کپی و انتقال لایه به سمت پایین را با استفاده از میانبر ها انجام می دهیم. برای انجام این کار، کلید  Alt در ویندوز یا Option در مک از صفحه کلید را پایین نگه داشته و از لایه کپی به سمت پایین ترین لایه Panel درگ کرده تا زمانی که نوار هایلایت بین این لایه و لایه زیر آن نمایان شود، به عبارتی شما با این کار لایه Panel copy را به زیر خودش کپی کردید :

Selecting the bottom-most Panel layer. Image © 2014 Photoshop Essentials.com.

فشردن و نگه داشتن کلید Alt (Win) / Option (Mac) و درگ لایه به سمت پایین، مابین خود لایه و لایه پر شده.

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

Selecting the bottom-most Panel layer. Image © 2014 Photoshop Essentials.com.

یک کپی از لایه اصلی ایجاد شده است که در زیر لایه اصلی قرار گرفته است .

با اضافه شدن پانل جدید، برای اجرای سریع دستور Free Transform Path، کلید های Ctrl+T در ویندوز و یا Command+T در مک از صفحه کلید را فشار دهید، سپس در داخل کادر Free Transform کلیک کنید و لایه جدید را به سمت راست بکشید، مجدداً می توانید به دلخواه این لایه را بالاتر یا پایین تر از لایه قبلی قرار دهید :

Dragging the new panel to the right. Image © 2014 Photoshop Essentials.com.

کشیدن پانل جدید به سمت راست با استفاده از ابزار Free Transform Path .

برای چرخش پانل، در جایی خارج از کادر Free Tranform کلیک کرده و سپس با کلیک و درگ موس چرخش را انجام دهید. بعد از انجام این کار کلید Enter در ویندوز و یا Return در مک را برای تایید و خروج از دستور Free Tranform فشار دهید :

Rotating the new panel. Image © 2014 Photoshop Essentials.com.

چرخش پانل جدید .

سپس برای ایجاد پانل های دیگر همه ی مراحلی که در مرحله 16 از آنها استفاده کردیم را تکرار کنید. تصویر زیر با استفاده از 7 پانل ایجاد شده است :

The effect after adding the rest of the panels. Image © 2014 Photoshop Essentials.com.

تصویر بعد از اضافه کردن پانل های دیگر.

 مرحله 17 : برش تصویر

در نهایت، اجازه دهید تا بخش های سفید ناخواسته در اطراف پانل را حذف کنیم. ابزار Crop از پنل ابزار انتخاب کرده یا حرف C از صفحه کلید را فشار دهید :

Selecting the Crop Tool from the Tools panel. Image © 2014 Photoshop Essentials.com.

انتخاب ابزار Crop.

با انتخاب ابزار Crop، از بین گزینه Aspect Ratio  مقدار Ratio را انتخاب می کنیم، مقادیر موجود در دو کادر سمت راست گزینه Ratio را به صورت دستی پاک کرده ( یا بر روی دکمه Clear کلیک کنید ). این گزینه اجازه برش را در جهت های مختلف به ما می دهد.

Setting the Aspect Ratio for the Crop Tool to Ratio. Image © 2014 Photoshop Essentials.com.

تنظیم گزینه Aspect Ratio بر روی مقدار Ratio .

نکته خیلی مهم : برای اینکه افکت بعد از برش تصویر هنوز قابل استفاده باشد باید گزینه Delete Cropped Pixels در نوار گزینه ها در حالت انتخاب باشد در غیر این صورت تصویر اصلی بعد ازبرش در داخل پانل ها قابل مشاهده نخواهد بود:

Selecting Delete Cropped Pixels in the Options Bar. Image © 2014 Photoshop Essentials.com.

انتخاب Delete Cropped Pixels.

با انتخاب گزینه Delete Cropped Pixels، می توانید در خارج از کادر برش کلیک کرده تا درگ کنید یا به سادگی کادر برش را تغییر اندازه دهید، در اینجا ما این کار را انجام داده ایم ( کشیدن کادر برش به سمت چپ و راست، از سمت پانل ها )، از اینکه برای چند لحظه تصویر ناپدید می شود نگران نباشید چون به زودی نمایان می شود :

Resizing the cropping box around the panels. Image © 2014 Photoshop Essentials.com.

تصویر ممکن است موقتاً در هنگام کشیدن کادر برش مخفی شود .

وقتی برش را انجام دادید کلید Enter در ویندوز یا Return در مک از صفحه کلید را فشاردهید، عکس داخل پانل ها نمایان می شود، تصویر زیر نتیجه نهایی اعمال افکت "ایجاد پانل های عمودی بر روی تصویر" است :

Photoshop CS6 vertical photo panels effect. Image © 2014 Photoshop Essentials.com.

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