شما اینجا هستید: خانه / آموزش های مقدماتی فتوشاپ / آموزش مطالب گرافیکی مربوط به انجمن ها(قسمت اول)
آموزش مطالب گرافیکی مربوط به انجمن ها(قسمت اول)

آموزش مطالب گرافیکی مربوط به انجمن ها(قسمت اول)

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

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

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

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

انجمن ها از نظر گرافیکی واجد شرایطی است که به تعداد محدودی از آن ها اشاره میکنیم

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

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

اما چگونه یک لوگو را طراحی کنیم ؟ یه لوگو چه خواصی باید داشته باشد ؟!

برای قسمت اول سوال بالا هیچ عددی کفایت نمیکند ولی برای قسمت دوم سوال نیز بیش از ۱۰۰ ها دلیل و خواص دارد که در اینجا به چند موردی اشاره خواهیم نمود

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

۲٫نیازی به اضافه کردن تمامی عنوان سایت در لوگو نیست ، شاید عنوان موسسه ی شما از کلمات بسیاری تشکیل شده باشد در این صورت نیازی نیست که تمام عنوان را در لوگو یادآور شوید.

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

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

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

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

۷٫سادگی در عین کار آمدی : نیازی نیست که حتما از فونت یا شکل های پر زرق و برق و گرافیکی و شلوغ استفاده کنید ! گاهی اوقات تنها یه شکل و متن ساده اما متناسب با هم نیاز شما را برطرف میکنند.

۸٫تایپوگرافی پیچیده نیز چندان مطلوب به نظر نمیرسد ، نمیبایست حتما از سخت ترین و پیچیده ترین روش های طراحی استفاده نمود تا طرح شما شکلی حرفه ای به خود بگیرد و یا متمایز گردد گاهی اوقات میبایست پیچیده بود را کنار گذاشت و مفهوم را رسا و واضح بیان نمود.

۹٫سایز مناسب نیز از المان ها ضروری و پر اهمیت میباشد.گاهی وقت ها لوگو ها از سایز های بسیار بزرگ و غیر متعارفی بهره میبرند طوری که نمیتوان در کارهای ظریف از ان استفاده کرد زیرا به علت کاهش و محدودیت فضا ، لوگو نیز میتواند جایگزین محتوای مطلب شما شود.

۱۰٫زنده کار کنین ! شاید پر کنایه ترین این مطلب همین باشد ، لازم است در طراحی لوگو شادابی و طراوات را چاشنی کار خود کنید ، همیشه سعی کنید لوگوی خود را به گونه ای طراحی کنید که احساس خوشایندی با کاربر و بیننده برقرار کند.

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

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

۱۳٫مشورت کنید ، چه عیبی دارد زمانی که طرح خود را ساختید از دیگران نیز در مورد طرح خود مشورت بخواهید و از نقطه و نظرات دیگران استفاده کنید .

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

۱۵ و ۱۶ و ……نیز وجود دارند اما نکاتی که بالا ذکر شد به خودی خود ، ذهن شما رو با طراحی لوگو نیز آشنا میکند و درک خاصی را نیز از ان ایجاد مینماید.2013-06_logo1

اما چرا باید یک انجمن گرافیکی باشد و یا به عبارت دیگر زیبا باشد !

جواب ساده است ! مخاطبــــــــــــــــــــــــــــــــــــ
audienceتمامی این ها باعث میشود مخاطب انجمن شما را برای فعالیت و استفاده نسبت به سایرین و رقبا بیشتر بپسندد
به خودی خود مخاطبان مختلف را جذب میکند
زیبا بودن و نظم کاری از دلایل موفقیت هر چیزی میباشد.پس حتی المکان سعی کنید کار خود را زیبا انجام دهید
افزایش کیفیت انجمن نیز ، در گرو عوامل متعددی است و گرافیک یکی از مهم ترین آنان است
و……….
حال ما هر هفته و یا هر ماه طراحی یک لوگو ، و به مرور زمان متعلقات آن از قبیل درجات کاربری و لینک های دانلود و … را آموزش خواهیم داد.
Untitled-1k

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

مرحله اول
2014-09-09_094115

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

فتوشاپ را باز کرده و یک صفحه  کاری جدید ایجاد نمودیم Ctrl+N ، اندازه ها را متناسب با نیاز خود طراحی کرده ایم. 2014-09-09_094238به علت اینکه ما اندازه کوچکی را در نظر گرفتیم و قصد داریم لوگو را در کمتر از ۵ دقیقه طراحی کنیم ، زوم را ۲۰۰ کرده تا صفحه ۲ برابر بزرگ شود.

2014-09-09_094256چون کارمان طراحی لوگو نیز میباشد صفحه را به حالت گرید در می آوریم . show/grid یا Ctrl+’  (کنترل + حرف گ فارسی )

2014-09-09_094320

مرحل دوم

سپس ابزار Rectangular marquee tool را انتخاب نموده ( یکی از ۲ ابزاری که با آن لوگو را طراحی کردیم ) ، سپس شروع به کشیدن حرف C  میکنیم 2014-09-09_094345 2014-09-09_094421دقت نمایید نگه داشتن شیفت برای اضافه کردن سلکت در هر مرحله ضروری میباشد تا سلکت قبلی شما حذف نشود. 2014-09-09_094617پس از اینکه شکل بالا را با ابزار در آوردید سپس ctrl+shift+N را بزنید و یک لایه با نام ” اولین حروف ” ایجاد کنید.2014-09-09_094636سپس shift+f5 را زده ، use را بر روی color قرار داده و در پنجره نمایان شده کد رنگ زیر را وارد نمایید. 2014-09-09_094719

مرحله سوم

حال به سراغ حرف دوم یعنی K میرویم.ابتدا با همان ابزار Rectangular  مثل شکل زیر پایه حرف K را ایجاد کرده  ، 2014-09-09_094816

سپس ابزار polygonal lasso tool را انتخاب نموده و یک هشت را جلوی آن ایجاد نمایید. ( گرفتن شیفت برای نپریدن سلکت ابزار قبلی ضروری است ) ، سپس لایه جدید را همانند بالا ایجاد کرده و نام آن را “دومین حرف” قرار دهید و با shift+f5 یا همان edit/fill و زدن اوکی دومین حرف را تکمیل کنید. 2014-09-09_0948252014-09-09_094934

مرحله چهارم

حال به سراغ image/image rotation/90 CCW یا مان پاد ساعتگرد رفته و زاویه عکس را تغییر دهید. 2014-09-09_095518حالا بر بالای حرف K که حالا به صورت عمودی قرار گرفته است ، با فونتی زیبا و سایزی در خور و متناسب کلمه ی NEWS  را بنویسید 2014-09-09_0956452014-09-09_0956512014-09-09_095709(البته میبایست در هنگام نوشتن حروف رنگ آن را نیز به رنگ CK در بیاورید ، ما اینکار را در قسمت blending option و color انجام دادیم. )

سپس دوباره عکس را تغییر زاویه دهید تا به جای خودش باز گردد. 2014-09-09_0957302014-09-09_095845سپس Grid را نیز بردارید و زوم را نیز ۱۰۰ درصد کنید .

مرحله پنجم

شکل نهایی 2014-09-09_095926حال با شیفت سه لایه NEWS و اولین و دومین حرف را انتخاب کرده و ctrl+E بزنید تا مرج شوندو تبدیل به یک لایه شوند. سپس بر روی آن کلیک راست کرده و Blending option را بزنید. 2014-09-09_0959542014-09-09_100006 2014-09-09_100625 2014-09-09_100643 2014-09-09_100636

 

iphotoshopبکگراند را از حالت دید و نمایش خارج نمایید. 2014-09-09_100340

سپس به گزینه file/save for web بروید و ذخیر کنید2014-09-09_100351بعد میتوانید در ارائه مطالب اختصاصی از آن به عنوان تگ استفاده کنید. 2014-09-09_100745دقت نمایید این ساده ترین روش ممکن در لوگو سازی که فقط به یک یا دو دقیقه زمان نیاز دارد و از هیچ چیزی استفاده نشده به جز ۲ ابزار بسیار ساده .

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

درباره ی нσѕѕєιη.тσяι

نام ::̤̈م̤̤̈̈ح̤̤̈̈م̤̤̈̈د̤̤̈̈ ̤̤̈̈ح̤̤̈̈س̤̤̈̈ی̤̤̈̈ن̤̤̈̈ ̤̤̈̈ب̤̤̈̈ه̤̤̈̈ر̤̤̈̈ا̤̤̈̈م̤̤̈̈ی̤̤̈̈ ̤̈: متولد : مهر 13ᆨᆯ (اکتبر 1993) شغل : ~د͜͝ا͜͝ن͜͝ش͜͝ج͜͝و͜͝ی͜͝ ͜͝ک͜͝ا͜͝ر͜͝ش͜͝ن͜͝ا͜͝س͜͝ی͜͝ ͜͝~ [̲̲̅̅س̲̲̅̅ا̲̲̅̅خ̲̲̅̅ت̲̲̅̅ ̲̲̅̅و̲̲̅̅ ̲̲̅̅ت̲̲̅̅و̲̲̅̅ل̲̲̅̅ی̲̲̅̅د̲̲̅̅] علایق : ʜAᴄKɪNɢ ᴄEʟLᴘHᴏNᴇ ﹗ ɢRᴀPʜIᴄ ﹗ ᴍUsIᴄ ﹠ ᴍOᴠIᴇ ﹗ ɢOᴅ ̲͠м̲͠A̲͠ĸ̲͠E̲ ̲͠B̲͠e̲͠L̲͠ι̲͠V̲͠e̲ راه های ارتباط با بنده : iphotoshop_hossein@yahoo.com FB/Hossein.Tori gmail: d4rknes3@gmail.com ̶̲͠т̶̲͠W̶̲͠ι̶̲͠T̶̲͠т̶̲͠E̶̲͠r̶̲ ̶̲͠/̶̲ ̶̲͠v̶̲͠I̶̲͠в̶̲͠E̶̲͠r̶̲ ̶̲͠/̶̲ ̶̲͠l̶̲͠I̶̲͠ɴ̶̲͠E̶̲ ̶̲͠/̶̲

۲۳ دیدگاه

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

  2. سلام
    ممنون از آموزشاتون .
    مثل همیشه عالی.
    من همیشه اموزشاتون رو دنبال میکنم .یه مدت نبودید.

  3. ممنون بابت مطلب جالبتون خیلی دنبال سایتی میگشتم که خیلی راحت و آسون آموزش طراحی لوگو رو توضیح بده که به سایت شما برخورد کردم
    فقط یه سوال،برای حرف A یه افکت جالب رو توضیح میدید؟

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

  5. با سلام خدمت شما
    واقعا سایتتون عالی هست و بیشتر کار هایی که یاد گرفتم مدیون سایت خوب شما هستم.دوست دارم اموزش های بیشتری از طراحی لوگو ببینم لطفا آموزش های دیگه از طراحی لوگو رو هم بزارین.مرسی
    اینم چیزی که من زدمD:
    http://8pic.ir/images/mp9pv33gcpk97n0hsj9u.png

  6. سلام
    واسه آموزش لوگو واسه هیئت های مذهبیهم آموزش بدید ممنون میشم

  7. سلام
    خیلی آموزش خوبیه
    سعی کنید بیشتر واسه آموزش ساخت لوگو مطلب بذارید
    ممنونم ازتون
    اینم لوگویی ک من ساختم
    لطفا نظرتون رو بگید
    http://8pic.ir/images/ctenogmzgnu870psdx7g.jpg

  8. سلام
    فقط نمیدونم این خط های سفیدی که اطراف کار افتاده دلیلش چیه ؟! ۰_۰

  9. سلام خیلی خیلی ممنون.عالی بود

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

  11. سلام
    عالی بود
    اگه میشه یه لوگو با عنوان اخبار علمی یا دنیای علم طراحی کنید.

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

    • سلام خدمت شما کاربر گرامی
      هر آموزش متناسب با محتوا ، نحوه نگارش اون انجام میشه! اگر دقت بفرمائید این مطالب نه میتونه توش خنده و شوخی و مزاح به کار بره و نه میتونه تعاریف دیگه ای به خودش بگیره ، چون آموزش نیست بلکه مقاله ای اطلاعاتی( مقاله/آموزش) برای افرادی خاص مانند وب مستر ها و دوستانی که در انجمن فعایت میکنند میباشد ، اصول و قواعد اصلی رو نمیتوان به شکل محاوره ای بیان کرد مگر در شرایط خاص
      این آموزش هم به درد افراد خاص میخوره نه تمامی دوستان گرافیک !
      بهرحال در آموزش های بعدی که مربوط به قسمت های متنی و تصویری و عکس بود سعی میشه با مزاح بیشتری نگارش بشه
      با تشکر از شما

دیدگاهتان را بنویسید

بپر بالا !