آموزش طراحی کاراکتر فلت در فتوشاپ

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

موارد لازم برای طراحی کاراکتر در فتوشاپ

نرم افزار مورد نیاز : Adobe photoshop
درجه سختی : آسان
مدت زمان تخمین زده شده : ۱۵ دقیقه
نوع آموزش : کاربردی

مراحل آموزش طراحی کاراکتر تبلیغاتی در فتوشاپ

در این آموزش تنها با ۱۸ قدم می‌توانیم یک کاراکتر تبلیغاتی طراحی کنیم. برنامه فتوشاپ را اجرا کنید و با این آموزش همراه باشید.

قدم ۱

با استفاده از (ctrl+N) یا استفاده از مسیر File > New یک سند جدید در فتوشاپ با مشخصات زیر یسازید.

قدم ۲

با استفاده از ابزار (Ellipse tool) یک دایره مانند شکل زیر بکشید و رنگ آن را (fff598#) قرار دهید.

قدم ۳

وقت آن رسیده که دایره خود را به وسط صفحه منتقل کنیم!
در این قدم ابزار (Move tool) و یا با استفاده از کلید میانبر (V)  آن را انتخاب کنید.
سپس (Ctrl+A) را بزنید و پس از آن (Align Horizontal Center) و (Align Vertical Center) را از تولبار بالا انتخاب کنید.

قدم ۴

در این قدم قصد داریم بینی کاراکتر را طراحی کنیم!
یک لایه جدید با استفاده از (Create a new layer) در پنل لایه‌ها ایجاد کنید.
ابزار ( Rectangle tool) را انتخاب کنید. سپس مقادیر زیر را در پنجره Properties وارد کنید.
همچنین ما از رنگ (ff978c#) برای رنگ بینی این کاراکتر استفاده کردیم.

قدم ۵

حالا (Ctrl+T) را بزنید و بینی را درجای درست خود قرار دهید.
همچنین می‌توانید اندازه بینی را از لحاظ طول و عرض تغییر دهید.
همانطور که لایه بینی فعال است دوباره مانند قدم ۳ آن را به وسط سند منتقل کنید.

قدم ۶

خط‌کش‌ها را با استفاده از (Ctrl+R) فعال کنید و آنها را مانند شکل زیر به وسط سند منتقل کنید.
سپس یک لایه زیر لایه بینی ایجاد کنید. سیبیل کاراکتر تبلیغاتی در این لایه قرار می‌گیرد تا زیر بینی باشد.

قدم ۷

نوبت طراحی سیبیل کاراکتر رسیده!
در این قدم باید با ابزار Pen کار کنیم. اصلا نگران نباشید! اگر تا به‌حال با Pen کار نکردید شاید برای اول برایتان کمی سخت باشد. اما با کمی تمرین عاشق این ابزار خواهید شد و بسیار برایتان کارآمد خواهد بود!
خب، با استفاده از Pen سیبیل را طراحی می‌کنیم و رنگ (#۱۱۱۵۱۴) را برای آن در نظر می‌گیریم.

قدم ۸

در این قدم باید از سیبیل قبل یک کپی تهیه کنیم و آن را قرینه کنیم و در جای درست خود قرار دهیم.
برای کپی از یک لایه، روی آن لایه کلیک می‌کنیم و (Ctrl+J) را می‌زنیم.
برای قرینه کردن لایه، روی لایه کلیک می‌کنیم سپس (Ctrl+T) را می‌زنیم سپس راست کلیک کرده و (Flip Horizontal) را انتخاب می‌کنیم.
تصویر شما اکنون مانند تصویر زیر است.

قدم ۹

برای بامزه‌تر کردن کاراکتر تبلیغاتی، کمی سیبیل‌های آن را بزرگ‌تر می‌کنیم تا مانند تصویر زیر شود.

قدم ۱۰

وقت طراحی دهان برای کاراکتر رسیده!
برای طراحی دهان یک لایه جدید زیر لایه سیبیل ایجاد کنید. سپس یک دایره (هم‌زمان با کشیدن دایره shift را نگهدارید تا دایره کامل ایجاد شود) مانند تصویر زیر ایجاد کنید سپس آن را در جای درست خود قرار دهید.

قدم ۱۱

در این قدم می‌خواهیم دندانهای کاراکتر را طراحی کنیم. پس همانطور که لایه دهان فعال است یک مسطیل با مشخصات زیر کشیده و آن را در جای درست خود قرار دهید. سپس روی لایه دندان کلیک کنید پنلی که در تصویر زیر مشخص است را انتخاب کنید. پس از آن گزینه (Create Clipping Mask) را بزنید. همچنین می‌توانید از کلید میانبر (Alt+Ctrl+G) استفاده کنید. پس آن رنگ دهان را به (#۱۴۱۴۱۴) تغییر دهید.

تا به اینجای کار کاراکتر ما مانند تصویر زیر است.

قدم ۱۲

زیر لایه دندان لایه دیگری ایجاد کنید (توجه داشته باشید این لایه نیز مانند لایه دندان باید ویژگی (Create Clipping Masl) برای آن فعال باشد.). این لایه بیانگر لایه زبان خواهد بود. پس در این لایه یک دایره با رنگ (ff331f#) ایجاد کنید و مانند تصویر زیر در جای درست خود قرار دهید.

قدم ۱۳

لایه جدید زیر لایه سر کاراکتر ایجاد کنید. در این لایه می‌خواهیم گوش کاراکتر تبلیغاتی را طراحی کنیم!
یک دایره با رنگ (fff598#) ایجاد کنید. سپس از این لایه با استفاده از (Ctrl+J) یک کپی بگیرید. روی لایه کپی شده کلیک کنید و (Alt+Ctrl+G) را بزنید و رنگ آن را به (ffcf9e#) تغییر دهید. سپس (Ctrl+T) را بزنید و اندازه آن را کمی کوچکتر از دایره قبل کنید.

خب! روی این دولایه گوش کلیک کنید سپس راست کلیک را بزنید و (convert to object) را انتخاب کنید. سپس یک کپی گرفته و آن را مانند گوش اول در جای خود قرار دهید.

قدم ۱۴

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

قدم ۱۵

با استفاده از ابزار (Ellipse tool) و نگهداشتن هم‌زمان shift دو دایره کوچک برای چشم‌ها ایجاد می‌کنیم.

قدم ۱۶

در این قدم با استفاده از مستطیلهای گوشه گرد می‌خواهیم گونه برای کاراکتر ایجاد کنیم.
پس مانند قبل دو مستطیل بکشید و گوشه‌های آن را با استفاده از پنل Properties گرد کنید و رنگ آن را به (ffcfa3#) تغییر دهید.

قدم ۱۷

وقت آن رسیده تا کاراکتر خود را flat کنیم!
پس بالای همه لایه‌ها لایه جدید ایجاد کنید و یک مستطیل با رنگ مشکی مانند زیر درست در سمت راست کاراکتر تبلیغاتی قرار دهید.

قدم ۱۸

همانطور که لایه مستطیل مشکی فعال است (Alt+Ctrl+G) را بزنید سپس مقدار Opacity این لایه را روی ۱۶% قرار دهید.

تبریک!

شما با موفقیت آموزش طراحی کاراکتر فلت در فتوشاپ رو پشت سر گذاشتید!
تنها با طی کردن ۱۸ قدم و استفاده از تکنیک‌هایی ساده در فتوشاپ موفق به طراحی کاراکتری فلت شدید.
خب! حالا دست به کار بشید و کاراکترهای جدید با این روش برای خودتون بسازید!

راستی!

برای مطلع شدن از آخرین آموزش‌ها و پست‌های ما می‌توانید در کانال تلگرام چ‌یاب عضو شوید.