آموزش طراحي آيكون پاكت نامه در فتوشاپ

با سلام خدمت دوستان عزيز ، شاهين علي نژاد هستم از اين به بعد در سايت تك تمپ در قسمت آموزش فتوشاپ در خدمت شما دوستان عزيز هستم اميد وارم كه آموزش ها مورد توجه شما قرار گرفته و به نحوه احسن از اين آموزشها استفاده كنيد. منتظره نظرهاي شما هستم.حالا بريم سر آموزش امروز با يك آموزش خيلي عالي در خدمت شما هستم اونم طراحي آيكون يك پاكت نامه با استفاده از نرم افزار قدرتمند فتوشاپ ميباشد. براي شروع آموزش روي لينك ادامه مطلب كليك كنيد.

مرحله اول

1- براي شروع اول بايد يك New جديد به اندازه 512*512 پيكسل ايجاد كنيد نام آن را “Envelope” به معني پاكت ايجاد كنيد. و با كد رنگ (9D9D9D) آن را رنگ كنيد. و با استفاده از ابزار خط كش يك خط افقي و يك خط عمودي اين به وسط اين بوم قرار دهيد اگر ابزار خط كش در بوم شما نمايش داده نميشود با زدن كليد هاي ميانبر Ctrl+R يا از از منوي View > Rulers را انتخاب كنيد.مانند شكل زير :

مرحله دوم

2- حالا يك لايه جديد ايجاد كنيد براي ايجاد لايه جديد خالي ميتوانيد از مسيرهاي زير استفاده كنيد، منوي Layer > New > Layer و يا با استفاده از كليدهاي ميانبر Shift > Ctrl > N و يا از پايين پالت لايه ها گزينه Create a new layer استفاده كنيد و يك لايه جديد با نام “Body”به معني بدنه ايجاد كنيد، حالا بعد از ايجاد لايه از ميان ابزار هاي انتخاب،مستطيل را انتخاب كنيد و يك مستطيل مانند شكل زير بكشيد . سپس آن را با رنگ سفيد پر كنيد. مانند شكل زير:

مرحله سوم

3- حالا روي لايه Body دابل كليك كرده تا پنجره Layer Style باز شود و دراين پنجره گزينه Gradient Overlay را انتخاب كنيد و تنظيمات را مانند تصوير زير وارد كنيد.مانند شكل زير:

مرحله چهارم

4- حالا يك لايه خالي ديگري درست كرده و اسم آن را “Pattern” به معني بافت يا الگو نام گذاري كنيد،و سپس از بين ابزارهاي انتخاب،ابزار مستطيل يا همان Rectangular Marquee Tool را انتخاب كنيدو يك مستطيل كوچك مانند شكل زير بكشيد و از اين لايه شش تا كپي بگيريد براي كپي گرفتن كليدهاي ميانبر Ctrl+J را بفشاريد.و هر كدام را با كدهاي رنگي نوشته شده در تصوير پر كنيد.مانند شكل زير:

مرحله پنجم

5- حالا مكان لايه “Pattern” را را بايد غيير داده و به طرف چپ لايه “Body” ببريد،و بعد ابزار Move را انتخاب كرده و بعد لايه “Pattern” را انتخاب كنيد و به مسير زير برويد Edit > Transform > Skew و يا با كليدهاي ميانبر Ctrl+T و راست كليك داخل كادر و انتخاب گزينه Skew حالا بعد از انتخاب گزينه Skew از گره وسط سمت راست گرفته و به طرف پايين درگ كنيد.و بعد از تنظيم كردن اضافه هاي كه از كادر “Body” بيرون زده را با ابزار انتخاب مستطيل انتخاب كرده و كليد Delete را از صفحه كليد بفشاريد تا اضافه ها پاك شود. مانند شكلهاي زير:

مرحله ششم

6- حالا يك لايه جديد با نام “Shade” به معني سايه ايجاد كنيد،حالا همان طور كه روي لايه “Shade” هستيد كليد Ctrl را از صفحه كليد نگه داشته و روي لايه “Body” كليك كنيد تا لايه “Body” انتخاب شود،حالا ابزار گرادينت(Gradient)  را انتخاب كنيد و از بين گرادينت هاي موجود گرادينت سياه و سفيد (Black-White Gradient) رو انتخاب كنيد،و بعد يك درگ از سمت چپ به سمت راست به اندازه مشخص كه در تصوير نشان داده شده بكشيد،و بعد مد لايه “Shade” را از حالت Normal به حالت Multiply تغيير دهيد و Opacity آن را از 100% به 30% تغيير دهيد.مانند شكلهاي زير:

مرحله هفتم

7- حالا بايد از لايه “Pattern” يك كپي تهيه كنيد براي اين كار با استفاده از كليدهاي ميانبر Ctrl+J و يا از مسير زير استفاده كنيد Layer > Duplicate Layer حالا بعد از اينكه از لايه “Pattern” كپي تهيه كرديد،آن را به طرف راست طرح خود انتقال دهيد بعد از اين كار براي اينكه اين لايه “Pattern” سمت راست با لايه “Pattern” سمت چپ آينه شود روي لايه “Pattern” سمت راست كليك كنيد تا انتخاب شود و بعد به اين مسير رفته Edit > Transform > Flip Horizontal تغييرات را روي لايه ببينيد. حالا تمام مرحله ششم را مو به مو روي اين لايه هم اعمال كنيد،تا طرح شما به صورت شكل زير درآيد.مانند شكل زير:

مرحله هشتم

8- حالا ابزار Pen را از جعبه ابزار (Tool Box) انتخاب كرده و يك shape به حالت خوابيده مانند شكل زير طرح كنيد،و اسم لايه را “Lower” به معني(پايين تر ، پايين آوردن) نام دهيد. و اگر خواستيد دقيق تر آن را طرح كنيد با استفاده از خط كش هاي افقي و عمودي آن را طرح كنيد. مانند شكل زير:

مرحله نهم

9- حالا روي لايه “Lower” راست كليك كرده و گزينه Blending Options را انتخاب كنيد تا پنجره Layer Style باز شود و شما تنظيمات را مانند شكلهاي زير روي طرح خود اعمال كنيد. به شكل زير:

مرحله دهم

10- حالا از لايه “Pattern” يك كپي تهيه كرده و به مسير روبرو رفته و تغييرات را اعمال كنيد Edit > Transform > 90deg CCW و بعد لايه خود را به قسمت پايين طرح خود انتقال دهيد. مانند شكل زير:

حالا بايد تكه هاي كناره هاي راست و چپ رو پاك كنيم براي اينكار از ابزار پاك (Eraser Tool) استفاده كنيد و آنها را پاك كنيد،حالا بايد اين لايه “Pattern” كپي شده كه در قسمت پايين قرار داده ايم  را كامل كنيم يعني اون قسمت هاي ناقصي كه با ابزار پاكن پاك كرديم را كامل كنيم بايد ابزار Polygonal Lasso Tool(L) را انتخاب كنيم و يكي از شكل ها را انتخاب كرده و بعد از انتخاب روي آن راست كليك كرده و گزينه اي Layer Via Copy را انتخاب كنيد تا از آن يك كپي در اختيار ما قرار دهد،شما بايد از سمت چپ لايه كه رنگ آبي دارد را انتخاب و كپي آن را در سمت راست لايه قرار دهيد. به شكلهاي زير توجه كنيد به ترتيب نوشته قرار داده شده است.

مرحله يازدهم

11- حالا روي لايه “Lower” قرار گرفته و بعد مرحله ششم رو روي اين لايه اعمال كنيد.(ولي اين بار از سمت پايين طرح) نتيجه اعمال مرحله ششم بر روي لايه به ترتيب شكل زير خواهد بود. مانند شكل هاي زير:

مرحله دوازدهم

12- حالا يك لايه جديد ديگه درست كنيد و آن را زير لايه “Lower” قرار دهيد،بعد از اين كار همان طور كه روي لايه اي كه تازه ايجاد  كرديد هستيد كليد Ctrl را از صفحه كليد نگه داشته و روي لايه “Lower” كليك كنيد تا انتخاب(Select) شود و بعد لايه تازه ايجاد كرده را با رنگ سياه پر كنيد،و بعد كليد ميانبر Ctrl+T را زده و در قسمت تنظيمات ارتفاع را 102% وارد كنيد،و بعد از انجام اين كار به منوي فيلتر رفته و اين مسير را روي لايه خود اعمال كنيد Filter > Blur > Gaussian Blur با تنظيمات Radius: 0.7 Pixels و بعد روي Ok كليك كنيد تا تغييرات اعمال شود،و بعد Opacity لايه را روي 40% قرار دهيد.مانند شكل زير:

مرحله سيزدهم

13- حالا بايد قسمت بالاي پاكت رو ايجاد كنيم براي اين كار ابزار Pen را انتخاب كرده و يك شيپ(Shape) به شكل زير بكشيد.براي اينكه كارتون دقيق تر انجام شود از خط كش هاي افقي و عمودي استفاد كنيد.اسم لايه را “Upper” به معني بالايي، بالاتر نام دهيد،بعد از كشيدن شكل نام را تغيير دهيد. براي شروع كليك اول را در گوشه بالاي سمت چپ انجام دهيد،و كليد Shift را از صفحه كليد نگه داشته و كليك دوم را در گوشه بالاي سمت راست انجام دهيد،و كليك سوم را از وسط صفحه كمي پايين تر انجام دهيد،و كليك چهارم را به گوشه بالاي سمت چپ (مكان كليك اول) انجام دهيد تا به هم وصل شوند،حالا براي اينكه گره يا كليك سوم را از حالت گوشه خارج كنيم و به حالت پهن درآوريم از بين ابزارهاي Pen گزينه Convert Anchor Point Tool را انتخاب كنيد و گره سوم را انتخاب كرده و به حد كافي به سمت راست درگ كنيد ميبينيد كه گره از حالت گوشه خارج و به حالت پهن تبديل ميشود. توضيح در مورد Shift: كليد Shift را به اين جهت در بالا استفاده شد كه خطي كه ميكشيم صاف درآيد.

به شكل زير توجه كنيد:

مرحله چهاردهم

14- حالا روي لايه “Upper” دايل كليك كرده و يا روي آن راست كليك كرده و گزينه Blending Options را انتخاب كنيد تا پنجره Layer Style باز شود و تنظيمات زير را به ترتيب روي آن اعمال كنيد. مانند شكل زير:

مرحله پانزدهم

15- حالا بايد به لايه “Lower” سايه بدهيم براي اين كار همان كاري كه در مرحله يازدهم به قسمت پايين اعمال كرديم به اين لايه بالاي هم بايد اعمال كنيم روش كار هم در مرحله ششم توضيح داده شده است فقط شما Opacity اين لايه را روي 10% قرار دهيد.و بعد كار مرحله دوازدهم را روي اين لايه تكرار كنيد فقط مقدار ارتفاع را 103% وارد كنيد و براي Radius مقدار 1.2 pixels را وارد كنيد و Opacity آن را 70% وارد كنيد.توجه:و آن مقدار اضافه كه از بالاي شكل بيرون ميزند را با پاكن پاك كنيد. تا شكل زير به دست بياد. مانند شكل زير:

مرحله شانزدهم

16- حالا ميخواهيم در اين مرحله به پاكت نامه خود يك سايه بدهيم از قسمت پايين پاك براي اين كار اول يك لايه جديد ايجاد كنيد،و بعد تمام لايه هاي پاكت را باهم تركيب كنيد،براي اينكار تمام لايه ها را انتخاب كرده به جزء لايه بك گراند و بعد كليدهاي ميانبر Ctrl+E را بزنيد و يا به اين مسير برويد Layer > Merge Layers را انتخاب كنيد.بعد از اين كار از بين ابزارهاي انتخاب ابزار مستطيل را انتخاب كنيد و روي لايه ي كه قبلا ايجاد كرده بوديم يك مستطيل باريك در زير پاكت بكشيد كه در تصوير زير نشان داده شده است،و بعد اين مستطيل را با رنگ سياه پر كنيد، و آن را زير لايه پاكت قرار دهيد،و بعد به مسير زير برويد Filter > Blur > Gaussian Blur و مقدار Radius را 2.0 px وارد كنيد،و بعد به اين مسير برويد Filter > Motion Blur و مقدار Angle را 0 درجه و مقدار Distance را 20 px وارد كنيد،و بعد Opacity اين لايه را روي 75% قرار بدهيد. مانند شكلهاي زير:

مرحله هفدهم

17- حالا در اين مرحله ميخواهيم مُهره اين پاكت نامه را طراحي كنيم،اول يك New جديد به اندازه 180*180 پيكسل ايجاد كنيد و بعد ابزار بيضي يا Ellipse Tool(U) را از بين ابزارهاي برداري فتوشاپ انتخاب كنيد،براي رسم دايره كليد Shift را از صفحه كليد پايين نگه داشته و دايره خود را بكشيد، بعد از كشيدن دايره با رنگ سياه روي لايه آن دابل كليك كنيد تا پنجره Layer Style باز شود و بعد گزينه آخر يا Stroke را انتخاب كنيد و تنظيمات زير را روي آن اعمال كنيد،و بعد Fill لايه را به 0% برسانيد تا فقط دوره خط باقي بماند.مانند شكل زير:

مرحله هجدهم

18- حالا بايد دايره وسط را طراحي كنيم براي اين كار از دايره بزرگ يك كپي گرفته به كمك كليدهاي Ctrl+J كپي بگيريد،و بعد براي كوچك كردن آن كليدهاي Ctrl+T را بزنيد تا انتخاب شود و بعد در نوار تنظيمات ميزان ميزان عرض و ارتفاع رو روي 50% را وارد كنيد و اينتر را بزنيد. تا شكل شما مانند شكل زير درآيد.مانند شكل زير:

مرحله نوزدهم

19- حالا بايد نوشته دوره مُهر را بنويسيم براي اين كار لايه دايره كوچك را انتخاب كنيد و در آن روي وكتور ماسك كوچك(Vector Mask Thumbnail) آن كليك كنيد تا انتخاب شود و بعد ابزار نوشتن(Horizontal Type Tool) را انتخاب كنيد و روي لبه اي دايره كوچك كليك كنيد و شروع به نوشتن كنيد،و نوشته دلخواه خود را بنوسيد.و بعد روي لايه متن دابل كليك كنيد تا انتخاب شود و تنظيمات زير را روي آن اعمال كنيد. و بعد براي كشيدن مثبت در وسط  دايره از ابزار انتخاب مستطيل استفاده كنيد. تا شكل زير را داشته باشيد. مانند شكل زير:

مرحله بيستم

20- حالا شما لايه‌ اي بك گراند را خاموش يا پنهان كنيد براي اين كار روي چشم لايه كليك كنيد تا برداشته شود به اين ترتيب طرح شما بدون بك گراند خواهد شد،بعد از اين كار تمام لايه ها به جزء لايه بك گراند را با هم تركيب كنيدبراي اين كار كليدهاي ميانبر Ctrl+E را بزنيد تا با هم تركيب يا Merge شوند.و نام اين لايه اي تركيب شده را “Stamp” به معني مُهر نام دهيد.

بعد از اين كار روي لايه اي تركيب شده يا همان لايه “Stamp” كليك كرده و به مسير زير بريد Layer > Add Layer Mask > Reveal All اين كار باعث ميشود كه به لايه مُهر شما يك Vector mask thumbnail اضافه شود.و بعد از ميان ابزارهاي برداري فتوشاپ ابزار دايره يا Ellipse Tool (U) را انتخاب كرده و يك دايره به اندازه دايره مُهر بكشيد و بعد روي اين لايه راست كليك كرده و گزينه Rasterize Layer را انتخاب كنيد. و اسم اين لايه را “Fade” به معني محو شدن نام گذاري كنيد. مانند تصوير زير:

بعد از اين كار روي لايه “Stamp” كليك كنيد تا انتخاب شود و بعد روي Vector mask thumbnail آن كليك كنيد و كليد Ctrl را پايين نگه داشته و روي لايه “Fade” كليك كنيد تا انتخاب شود.و بعد ابزار Pencil Tool (B) را انتخاب و يك قلموي مناسب با و تنظيمات دلخواه انتخاب كنيد و روي دايره سياه “Fade” چند ضربه بزنيد،و بعد به مسير روبرو برويد Select > Color Range پنجره اي به نام Color Range باز ميشود و شما در قسمت Select گزينه Highlights را انتخاب و روي Ok كليك كنيد.و بعد از اين كار قسمتهاي كوچكي به حالت انتخاب در خواهد آمد براي رنگ كردن اين قسمت ها روي گزينه Create new fill or adjustment layer از پالت لايه ها كليك كرده و گزينه Solid color كليك كنيد و رنگ سفيد را انتخاب كنيد بعد از اين عمل يك لايه جديد ايجاد خواهد شد و بعد از اين شما Fill لايه “Fade” را از 100% به 0% تغيير دهيد تا تغييرات را مشاهده كنيد. تصوير زير مراحل را به صورت تصوير نشان ميدهد. مانند شكل زير:

مرحله بيست و يكم

21- حالا اين مُهر را وارد كار خود كنيد و محل مناسب خود قرار دهيد و Opacity آن را روي 35% قرار دهيد مانند شكل زير:

مرحله بيست و دوم

22- حالا براي اينكه مُهر به صورت واقعي روي لايه پاكت روي قسمت كه پاكت از آنجا باز ميشود ادغام شود و قسمت بالاي مُهر از قسمت پاييني مُهر جدا شود،به اين ترتيب كه روي لايه مُهر كليك كنيد تا انتخاب شود و بعد كليد Ctrl را پايين نگه داشته و روي لايه “Upper” كليك كنيد تا انتخاب شود و بعد روي طرح خود در قسمت انتخاب شده راست كليك كرده و گزينه Layer Via Cut كليك كنيد به اين ترتيب يك لايه جديد ايجاد خواهد شود(Stamp-upper) و قسمت بالاي مُهر در آن قرار خواهد گرفت. و لايه پاييني با نام (Stamp-lower) قسمت پاييني مُهر در اين لايه قرار خواهد گرفت و Opacity اين لايه پاييني را روي 30% قرار دهيد. مانند تصوير زير:

حالا براي اينكه اين پاكت را به عنوان آيكون استفاده كنيد بايد آن را بدون  بك گراند ذخيره كنيد براي اين كار طرح خود را با پسوند  PNG ذخيره كنيد. مانند شكل زير:

شما ميتوانيد طرح خود را در اندازهاي مختلف ذخيره كنيد مانند تصوير زير:

تا آموزش ديگر خدا يارو نگهدار.

موفق باشيد.