bg single
خانه مقاله ها طراحی پوستر تایپوگرافی در فتوشاپ
product-introduction-image

طراحی پوستر تایپوگرافی در فتوشاپ

comment image 0 دیدگاه
comment image 6 دی 1398

نویسنده : پشتیبان

دسته بندی : مقاله ها

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

در پوستر های اولیه که وظیفه معرفی یک کالا یا یک اثر هنری را بر عهده داشتند کلمات و حروف تنها به اطلاع رسانی پوستر کمک می کردند. و به عنوان یک عنصر بصری در اندازه های مختلف فضای پوستر را در می گرفتند.

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

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

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

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

در نتیجه این تحولات لزوم ایجاد یک دگرگونی در فرم ، اندازه و شکل نوشتار در پوستر بیش از پیش حس شد. و با گذشت زمان و با شکل گیری شیوه های گوناگون تایپوگرافی، حروف و نوشتار جایگاه ویژه ای در پوستر پیدا کردند.

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

با توجه به این نکات مطرح شده حال ببینیم چگونه می توان یک طراحی پوستر تایپوگرافی در فتوشاپ را انجام داد.

مرحله ۱- ایجاد یک document در فتوشاپ

بیایید با ایجاد یک سند جدید طراحی را شروع کنیم. Ctrl/Cmd + N را فشار دهید و اندازه سند را روی ۸۰۰x1100px با پس زمینه سفید تنظیم کنید.

توجه: اگر بخواهید که اثر شما چاپ شود، به وضوح بالا تصویر (حداقل ۳۰۰dpi) نیاز دارید و باید از حالت رنگی CMYK استفاده کنید.

step01 create new document - طراحی پوستر تایپوگرافی در فتوشاپ

مرحله ۲- پس زمینه با گرادیان آبی ایجاد کنید

برای باز کردن قفل آن، روی لایه Background دو بار کلیک کنید. گزینه Gradient Tool (G) را انتخاب کنید و رنگ های گرادیان را روی # ۲۲۹EB7 و # ۱۸۶۹۷۸ تنظیم کنید.

step01 gradient colors - طراحی پوستر تایپوگرافی در فتوشاپ

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

step01 fill background - طراحی پوستر تایپوگرافی در فتوشاپ

 

بر روی لایه راست کلیک کرده و از منویی ظاهر می شود گزینه Blending Options را انتخاب کنید. این یکی از راه های دسترسی به پنجره ی Layer Styles است. با استفاده از تنظیمات نشان داده شده در زیر، افکت لایه Inner Shadow را اعمال کنید.

step01 background inner shadow - طراحی پوستر تایپوگرافی در فتوشاپ

 

یک لایه جدید (Shift + Ctrl / Cmd + N)ایجاد کنید و سپس آن را ” Blue” بنامید. پس از آن، دوباره (G) Gradient Tool را انتخاب کنید و رنگ های گرادیان خود را روی # ۲F5E9E و # ۵۷۹۲D1 قرار دهید.

step01 blue gradient colors - طراحی پوستر تایپوگرافی در فتوشاپ

لایه “Blue” را با گرادیان از گوشه بالا سمت چپ شروع کرده و در گوشه سمت راست پایین صفحه طراحی به پایان برسانید.

step01 blue - طراحی پوستر تایپوگرافی در فتوشاپ

حالت Blend Mode لایه ی “Blue” را روی Soft Light تنظیم کنید تا به رنگ پس زمینه ی واضح تر و جالب تر برسید.

step01 blue blending mode - طراحی پوستر تایپوگرافی در فتوشاپ

مرحله ۳- اضافه کردن بافت (تکسچر) به پس زمینه ی آبی (blue)

اکنون می توانید یک تکسچر دل خواه خود را دانلود کنید. آن را در Photoshop باز کنید و با استفاده از (V)Move Tool، آن را درون سند اصلی بکشید. لایه را به نام “Texture” تغییر دهید و اطمینان حاصل کنید که درست بالای لایه “Blue” قرار گرفته است.

در مرحله بعد، Ctrl / Cmd + T را فشار دهید تا Free Transform را فعال کنید، و سپس عرض و ارتفاع را تا حدود ۳۱٪ کاهش دهید، و این باعث می شود که کاملاً در صفحه جای بگیرد.

step02 texture - طراحی پوستر تایپوگرافی در فتوشاپ

بعد ابزار (G)Paint Bucket Tool را انتخاب کرده و در نوار گزینه ها، Pattern را به عنوان نوع پرکردن انتخاب کنید.

یک لایه جدید (Shift + Ctrl / Cmd + N) به نام “Pattern” ایجاد کنید و از ابزار Paint Bucket استفاده کنید تا آن را با الگوی پیکسل انتخاب شده پر کنید.

سپس Opacity لایه “Pattern” را به ۱۰٪ کاهش دهید.

step02 pattern - طراحی پوستر تایپوگرافی در فتوشاپ

در پنل لایه ها، هر ۴ لایه را انتخاب کنید و به Layer> New> Group از Layers بروید تا یک گروه لایه برای پس زمینه پوستر ایجاد کنید. نام گروه لایه را “Background” بنویسید.

مرحله ۴- اضافه کردن راهنمای فتوشاپ

هنگام کار با layout طراحی، و به ویژه مواردی که شامل بلوک های متنی هستند، راهنماهای فتوشاپ با آسان تر کردن تراز کردن اجزای طراحی، به شما کمک می کنند.

بیایید ۴ راهنما اضافه کنیم. برای افزودن یک راهنما، می توانید به View > New Guide بروید.

step03 add guidelines - طراحی پوستر تایپوگرافی در فتوشاپ

۲ راهنمای عمودی را در ۷۰px و ۷۳۰px اضافه کنید. سپس ، ۲ راهنمای افقی را در ۷۰px و ۱۰۳۰px اضافه کنید.

مرحله ۵- اضافه کردن متن به پوستر

ابتدا برای نگه داشتن کار به صورت سازمان یافته، یک گروه جدید (Layer> New> Group) با نام “Typography” برای همه متن مان ایجاد خواهیم کرد.

نکته: در استفاده از قلم های دلخواه خود احساس راحتی کنید. پس از ایجاد گروه لایه ی “Typography”، ما آماده هستیم تا متن را اضافه کنیم.

ابتدا رنگ Foreground را به رنگ سفید تنظیم کنید (#FFFFFF). به ابزارHorizontal Type Tool بروید، و(Fina)Cicle را به عنوان قلم خود انتخاب کنید و اندازه قلم را در حدود ۱۶۰pt تنظیم کنید (این کار را در نوار گزینه ها انجام دهید). و سپس کلمه ی دلخواه خود (در اینجا ما برای مثال کلمه ی «DOING» را نوشته ایم) را بنویسید.

سپس به Window > Character بروید تا Character Panel (اگر قبلاً باز نشده باشد) را باز کنید و گزینه Tracking را روی (۲۵-) قرار دهید که باعث کاهش فاصله بین نویسه ها می شود.

step04 doing - طراحی پوستر تایپوگرافی در فتوشاپ

اکنون فونت دل خواه خود را با قلم اندازه دل خواه انتخاب کرده و کلمه ی دلخواه دیگری (در اینجا مانند کلمه “SOME”) را بنویسید. در قسمت Character Panel ، گزینه Tracking را نیز روی (۲۵-) تنظیم کنید.

step04 some - طراحی پوستر تایپوگرافی در فتوشاپ

ابزار مستطیل (Rectangle Tool) را بگیرید و یک مستطیل در ارتفاع ۱۵ پیکسل در زیر متن خود بکشید. از راهنماهای عمودی به عنوان مرجع برای عرض مستطیل استفاده کنید. آن را در حدود ۳۰px در زیر متن قرار دهید. این مستطیل به عنوان زیرنویس متن ما عمل می کند.

step04 line - طراحی پوستر تایپوگرافی در فتوشاپ

با فشار دادن Ctrl / Cmd + J لایه زیرین را کپی کرده و در حدود ۱۰ پیکسل زیر خط اول حرکت دهید.

step04 second line - طراحی پوستر تایپوگرافی در فتوشاپ

به ابزار(T) Horizontal Type Tool برگردید، فونت را به یکی دیگرمانند (Franchise)در اندازه ای دیگر (مثلا ۱۴۲pt)تنظیم کنید و کلمه ی دل خواه دیگری (مانند “DESIGN INSTRUCT”) را در زیر دوخط بنویسید. در قسمت Character Panel ، Tracking را روی (۱۰-) تنظیم کنید.

step04 design instruct - طراحی پوستر تایپوگرافی در فتوشاپ

متن را حدود ۳۰px در زیر خط افقی دوم قرار دهید، و ارتفاع خط را ثابت نگه دارید.

step04 design instruct position - طراحی پوستر تایپوگرافی در فتوشاپ

بعداً متن بیشتری را اضافه خواهیم کرد، اما اجازه دهید قبل از آن به سراغ مؤلفه دیگری از پوستر خود برویم.

مرحله ۶- ایجاد عنصر طراحی دایره 

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

ابتدا رنگ Foreground خود را به رنگ مشکی تغییر دهید (# ۰۰۰۰۰۰) ، سپس ابزار Ellipse (U) را انتخاب کنید. پس از آن ، Shift را نگه دارید (که تضمین می کند یک دایره کامل خواهید کشید) و سپس یک دایره ۱۶۵x165px بکشید. دایره را طوری تنظیم کنید که مرکز آن به صورت افقی و در حدود ۳۵ پیکسل در زیر متن “DESIGN INSTRUCT” باشد.

step04 ellipse - طراحی پوستر تایپوگرافی در فتوشاپ

۴ بار Ctrl / Cmd + J را فشار دهید تا لایه دایره کپی شود. اکنون باید ۵ دایره در این حالت داشته باشید.

پس از آن ، Ctrl / Cmd + T را فشار دهید تا به free transform برسید و اندازه ۴ دایره سیاه را در حدود ۷۰٪ از اندازه اصلی تغییر بدهید. سپس ۲ تا از ۴ دایره تغییر اندازه داده شده را انتخاب کنید و دوباره آنها را تا ۷۰٪ تغییر اندازه دهید. آنها را مرتب کنید تا کنار هم بمانند.

step04 ellipses - طراحی پوستر تایپوگرافی در فتوشاپ

پس از آن ، opacities لایه دایره ها را به ۳۰٪ کاهش دهید تا بافت پس زمینه نمایان شود.

step04 shape opacity - طراحی پوستر تایپوگرافی در فتوشاپ

رنگ Foreground خود را به رنگ سفید تغییر دهید (#FFFFFF) و سپس به ابزار Custom Shape Tool (U) بروید. در نوار گزینه ها، از فهرست کشویی Shape، شکل به نام ۵ Point Star را انتخاب کرده و سپس یک ستاره ۳۰x30px را در بالای دایره سمت چپ بکشید.

step04 star - طراحی پوستر تایپوگرافی در فتوشاپ

پس از آن ، یک ستاره بزرگتر را در مرکز دایره ی بعدی بکشید.

step04 bigger star - طراحی پوستر تایپوگرافی در فتوشاپ

هر دو ستاره را کپی کنید وکپی ها را در مرکز دو دایره دیگر در سمت راست قرار دهید.

step04 stars - طراحی پوستر تایپوگرافی در فتوشاپ

مرحله ۷- اضافه کردن بیشتر متن

بیایید متن بیشتری را اضافه کنیم.

برای نوشتن “DI” از ابزار Horizontal Type (T) با Aller (Bold Italic) در اندازه ۷۲pt و ۰ ردیابی استفاده کنید. این متن نمونه است .می توانید هر متنی را با هر فونت و اندازه دل خواهتان اضافه کنید. متن را در مرکز بزرگترین دایره قرار دهید.

step04 di - طراحی پوستر تایپوگرافی در فتوشاپ

Aller (Display) را در اندازه ۱۳۴pt و ترکینگ ۱۰- انتخاب کنید، و سپس “TutORIALS” را بنویسید. آن را ۳۰px زیر بزرگترین دایره قرار دهید.

step04 tutorials - طراحی پوستر تایپوگرافی در فتوشاپ

فونت را به Cicle (Fina Italic) در اندازه ۱۳۴pt تغییر دهید و “ARE REALY” را بنویسید ، سپس Tracking را روی ۱۰- تنظیم کنید و ۳۰px آن را در پایینتر کلمه “TutORIALS” قرار دهید.

step04 are really - طراحی پوستر تایپوگرافی در فتوشاپ

حالا یکی از لایه های زیر خطی را که قبلاً ایجاد کردیم پیدا کنید، آن را کپی کنید (Ctrl / Cmd + J) و سپس آن را ۳۰px پایینتر ازمتن ببرید. پس از آن، لایه زیرین را دوباره کپی کرده و کپی را طوری قرار دهید که درست در بالای راهنمای افقی در انتهای صفحه قرار گیرد.

step04 bottom lines - طراحی پوستر تایپوگرافی در فتوشاپ

فونت ChunkFive را در اندازه ۱۶۰pt انتخاب کنید و کلمه ی “FUN” را بنویسید ، سپس Tracking را روی ۹۰۰ تنظیم کنید و حدود ۱۲px بالاتر از زیر خط در پایین قرار دهید.

step04 fun - طراحی پوستر تایپوگرافی در فتوشاپ

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

step04 stars in the gaps - طراحی پوستر تایپوگرافی در فتوشاپ

مرحله ۸- اضافه کردن Drop Shadows

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

ابتدا به ستاره هایی که در شکاف بین کلمه ی “Fun” هستند افکت Drop Shadow بدهید.

step04 drop shadow option - طراحی پوستر تایپوگرافی در فتوشاپ

step04 star with style 1 - طراحی پوستر تایپوگرافی در فتوشاپ

سپس در Layers Panel، با سایه drop ، روی یکی از لایه های ستاره کلیک راست کرده و سپس از منوی متنی که ظاهر می شود، Copy Layer Style را انتخاب کنید.

تمام لایه های داخل گروه لایه “Typography” را بجز شکل دایره انتخاب کنید، روی یکی از لایه های انتخاب شده راست کلیک کنید و سپس Paste Layer Style را انتخاب کنید. با این کار افکت Drop Shadow روی تمام لایه های متن و شکل انتخاب شده کپی می شود.

step04 paste layer style - طراحی پوستر تایپوگرافی در فتوشاپ

نتیجه گیری

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

امیدوارم این آموزش مفید واقع شده باشد و تکنیک هایی را پیدا کرده باشید که در پروژه های آینده به شما کمک کند.در زیر می توانید نتیجه نهایی را ببینید.

typographic poster preview - طراحی پوستر تایپوگرافی در فتوشاپ

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام مدرسه گرافیک پلاس عضو شوید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای: 0

کلمات کلیدی: ___
برای ارسال نظر باید ثبت نام / ورود به حساب کاربری کنید.
آخرین دیدگاه های شما
هنوز کسی نظری نداده ! تو اولین نفر باش

تومان ۴۹۰,۰۰۰ ۹۹,۰۰۰

هر هفته بهترین مقالات و تخفیف های ویژه را ایمیل می کنیم. برای دریافت، به کلوپ ۲۰۰۰۰ نفری ما بپیوندید.



جشواره فروش ویژه (99 هزار تومانی) مدت محدود (همه دوره ها 99 هزار تومان)

0 روز 0 ساعت 0 دقیقه 0 ثانبه!