• توجه: در صورتی که از کاربران قدیمی ایران انجمن هستید و امکان ورود به سایت را ندارید، میتوانید با آیدی altin_admin@ در تلگرام تماس حاصل نمایید.

میخواهم ساده طراحی کنم!

sky boy

متخصص بخش برنامه نویسی
سلام
این تاپیک برای دوستانی هست که تازه دست بکار شدن یا هنوز نشدند و میخوان بشن هست
و خوندنش خالی از لطف نیست.
خیلی ها دوست دارند طراحی کنند بصورت ساده و نمیدونن از کجا و چطور شروع کنن تا از خودشون طرحی بسازند.
وقتی گفته میشه طراحی اسم فتوشاپ یا برنامه های سنگین و تخصصی دیگه میاد
خیلیها از کار با فتوشاپ خوششون نمیاد و راحت نیستند باهاش و یا هر دلیل دیگه
ولی برنامه های ساده تر هم هستند که میشه از اونها کمک گرفت و بعد از تمرین و جا افتادن موضوع میتونن برن سراغ برنامه های تخصصی تر.
برنامه های ساده در این مورد زیاده و من این برنامه رو معرفی میکنم:photoFiltre_Studio_X10.7.1 حجم 10مگ

http://www.mediafire.com/download/iovz2azqlrqgwrp/PhotoFiltre_Studio_X10.7.1.rar

لینک دانلودش هم گذاشتم از مدیا فایر برنامه نیاز به سریال داره که بعد از باز کردن فایل فشرده درونش یه فایل تکست هست
که 2 تا یوزر و پسورد گذاشتم توش یکی شون کفایت میکنه و دومیه محض احتیاطه:خنده2:
بعد از نصب برای سریال:
2013-06-28_131008.jpg

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

sky boy

متخصص بخش برنامه نویسی
خب حالا اگه برنامه رو دانلود کرديد ميتونيم کار رو براي يه طراحي ساده شروع کنيم
ميخوام يه طراح که از نوشته تشکيل شده باشه رو در ابتدا توضيح بدم

نکته مهم:ميدونيد که فرق jpg و png چي هست؟
رايج ترين و يکي از سبک ترين فرمت هاي عکس jpg محسوب ميشه و همه ميشناسيد.
ولي قابليت Transparencyيا همون شفافيت رو نداره و پشتیبانی نمیکنه!
ولي دیگر فرمتهاي پيشرفته عکس اين قبليت رو دارند مثلا png-gif-psd-ai-eps و....
به دو تصوير پايين نگاه کنيد
اولیjpg و دومی png هست شاید الان در اینجا خوب به چشمتون نیاد
اگه سیو کنید بهتر میشه دید ولی تصویر اول بکگراندی سفید و دومی بدون بک گراند هست

p1.jpg
p2.png

ادامه دارد..
 

sky boy

متخصص بخش برنامه نویسی
حالا يک فايل جديد باز کنيد تو برنامه (عکس رو هم ببينيد)


p3.jpg

همونطور که ميبينيد برنامه گزينه هاي زيادي داره

p4.jpg
و کارهايي انجام ميده که بعضا فکرش رو هم نميتونيد بکنيد
همچنین فيلتتر هاي زيادي هم داره براي اعمال کردن با پيش نمايش


p5.jpg


وچون گفتم که قرار نيست کلا آموزش بدم و جاش هم اينجا نيست فعلا ميگذرم
خب بريم سر موضوع اصلي صفحه جديد رو که باز کرديد و چون خواستيم طرح نوشتاري داشته باشيم توي نوار منو گزينهT رو بزنيد:

p6.jpg

چون ادامه توضیحش مفصل تر و باید یکدست بشه در ادامه میذارم.


 

sky boy

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


p7.jpg

خب متن رو که در جای مخصوص مینویسید
نکته:اگر مثلا میخواید یه بیت شعر باشه یا متنی با یکی دو جمله بهتره تیکه تیکه بنویسید و همش رو یه بار ننویسید
چراش رو در ادامه میگم البته فرقی نداره ولی جا برای مانور کردن اونوقت ندارید
مثلا بخواید حرکت بدید مجبورید همه رو یهو حرکت بدید ولی تکه تکه باشه راحت تر و بهتره

نکته درباره 4 تا گزينه که گفتم:
وقتي ميخوايد توي قسمت نوشتن بنويسيد و قرار باشه متن فارسي بنویسید خب بايد از توي کيبورد آلت و شيفت رو بزنيد
ولي وقتي بار اول این کار رو کنید اون 4 تا گزينه از بين ميرن طوري که انگار برنامه هنگ کرده باشه ولي طوري نيست!
چون برنامه ميخواد خودشو با نوشتار تطبيق بده اونطور ميشه و کافيه پنجره نوشتن رو ببنديد و دوباره باز کنيد که حل ميشه
حالا بريد به گزينه Effects که در عکس بالا هم اشاره کردم



p8.jpg

یادتون باشه در پایان ok که زدید و خواستید کار رو سیو کنید از نوار منو file رو بزنید و در اونجا گزینه ..save as رو انتخاب کنید
و فایل رو سیو اس png کنید فرمت اصلی برنامه pfi هست

خب فعلا من یه متن ساده نوشتم که در مجموع چیز خاصی نیست و فقط براش سایه گذاشتم
يک نمونه بسیار ساده هست و در ادامه کارهایی که میشه کرد با یه متن رو بیشتر میگم



k.png

اگه یادتون باشه گفتم بهتره تیکه تیکه بنویسید و این هم یه نمونه ساده دیگه

k1.png


 
آخرین ویرایش:

sky boy

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

p11.jpg

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

نکته بسیار مهم:زمانی میتونید این کارها رو انجام بدید که در حالت ادیت باشید!
عکس پایین رو ببینید!

p12.jpg

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

نکته بعد:مثلا شما 4-5 تا تکه متن نوشتید و میخواید در هنگام نوشتن متنهای دیگه یا حرکت دادنشون
بقیه متنها اشتباهی حرکتی داده نشن و سر جاشون بمونن کافیه در همون حالت ادیت کلیک راست کنید
و ..(عکس رو ببینید)

p13.jpg

ادامه دارد...

 

sky boy

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


attachment.php


نکته اول:ببینید چه این برنامه و چه برنامه های دیگه مثلا آفیس و ... قرار بشه در برنامه متنی نوشته بشه
خب 100 درصد فونتی هم باید باشه و این برنامه ها از فونت سیستم خودِ شما بهره میگیرند!

نکته دوم:یکی از ابزارهای مهم در طراحی مخصوصا وقتی نوشته ای در کار باشه فونت هست!فونتها مهم هستند و فونتهای بسیار زیادی وجود دارند
در دسته بندی های مختلف برای استفاده.
نکته سوم:برای اضافه کردن فونت به سیستم کافیه فونتی که دارید یا دانلود کردید(ttf- فرمت فونت)اون رو کپی کنید و برید
به کنترل پنل ویندوز -پوشه Fonts و در کنار بقیه فونتها Paste کنید!واگه برنامه باز هست یه بار ببندید و باز کنید تا فونت بهش اضاف بشه همین.
و اسم فونتها رو هم بخاطر داشته باشید
خب من چند تا فونت فارسی زیبا براتون معرفی میکنم،با توجه به اسمشون میتونید راحت پیداشون کنید
و اگه نتونستید بگید خودم لینک میذارم


p14.jpg
 
آخرین ویرایش:

sky boy

متخصص بخش برنامه نویسی
خب در ادامه بحث فونت باید بگم به همین جا ختم نمیشه و فونتهای دیگری هم وجود دارند
که نمیدونم در اصل اسمشون رو چی میگن من بهشون میگم فونتهای گرافیکی که بصورت شکل و...هستند
کلمات نوشتاری و نمونه های مذهبی هم وجود داره که من براتون یکی همینجا میذارم برای دانلود

دانلود فونت آقا اسلامی

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


1372714968.jpg




برنامه رو باز میکنم و یه صفحه جدید و با فونت آقا اسلامی کلید 2 رو از کیبورد میزنم
و یک بسم الله زیبا میبیند و این بصورت ساده


1372660333.png



ادامه دارد...

 
آخرین ویرایش:

sky boy

متخصص بخش برنامه نویسی
خب فونت رو که گفتم و اگه یادتون باشه در این عکس پایین که قبلا گذاشته بودم،پایینش به پَترن اشاره کردم!

attachment.php


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


2013-06-30_124726.jpg

حالا در پست بعدی میخوایم از پترن اسفاده کنیم تا تفاوت کار رو بیشتر ببینیم
 
آخرین ویرایش:

sky boy

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

نمونه:

ed.png

yu.png

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

Darya

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

sky boy

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


مثلا چه فونتی؟فونت مورد نظر فارسی رو پشتیبانی میکنه؟
مطمئنم این موضوع به نرم افزار ربط نداره و مشکل از جایی دیگه باید باشه
ویندوزت 7 هست؟اگه آره یه نگاه به قسمت Region and Language توی کنترل پنل بنداز ببین قسمت لوکیشن iran هست!
و توی تب آخری در پایینش Current Language رو ببین persian هستش یا نه
attachment.php





ere.gif
 

Darya

متخصص بخش گفتگوی آزاد
درست شد ممنونم:4:
مشکل از همون current language بود عجیبه من این همه مدت تو آفیس و فتوشاپ مشکل نداشتم
بازم ممنون :گل:
 

sky boy

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

سه تا عکس نمونه شعروگرافی و در پست بعدی چند تا نمونه ساده که خودم با ذهنیت خودم درست کردم
فقط واسه شفاف تر شدن موضوع
 

پیوست ها

  • 27.jpg
    27.jpg
    71.2 کیلوبایت · بازدیدها: 1
  • 13471334801.jpg
    13471334801.jpg
    108.3 کیلوبایت · بازدیدها: 0
  • 19.jpg
    19.jpg
    41.6 کیلوبایت · بازدیدها: 0

sky boy

متخصص بخش برنامه نویسی
این هم چند نمونه ساده که زیاد روشون کار نکردم
و فقط واسه نشون دادن این که شعروگرافی حول چه محوری میتونه باشه
و مهمتر چقدر میتونه کمک کنه به بروز دادن خلاقیتهای خودمون
برای سایز اصلی روشون کلیک کنید
5999d1363807681-ff.png

6020d1364125232-1.jpg

Sunt.jpg

6048d1364501668-sky-bd.jpg

6102d1365969465-skydark.png

6110d1366066018-redsky.png

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

 

sky boy

متخصص بخش برنامه نویسی
خب بذارید اینجوری شروع کنم
اگه شما یه قسمتی از یه عکس رو بخواید خب اولین فکر اینه که اون قسمت رو جدا کنید
خب راهی دیگه هم داره،تمام قسمتها رو پاک کنید و اون قسمت مورد نظر بمونه!!!
این عکس نمونه اصلی هست که انتخاب کردم

q1.jpg

توی برنامه بازش میکنم،و میخوام قسمتهایی رو پاک کنم
نکته:فرمت عکس jpg هست
ولی جای پاک شده رنگ سفید باقی میمونه و من اینو نمیخوام باید چکار کنم؟

q2.jpg

خب عکس رو توی برنامه بازش میکنیم و باید ببینیم اندازه اون عکس چند در چند پیکسل هست
عکسی که گذاشتم600×900 هست.توی برنامه یه فایل جدید باز میکنیم با قابلیت شفافیت و اندازه دقیق همون عکس خودمون رو بهش میدیم
اونوقت روی عکس اولیه کلیک راست میکنیم و select All میزنیم و کپی میکنیم و روی فایلی که جدید باز کردیم پیست میکنیمش
اونوقت با پاک کردنش به نتیجه میرسیم

q3.jpg

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

attachment.php



 

پیوست ها

  • sohrab.png
    sohrab.png
    219.8 کیلوبایت · بازدیدها: 26

sky boy

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

[FLASH=sky boy]http://p30up.ir/images/59sk4xq7k7qtchndhyc3.swf[/FLASH]
 
آخرین ویرایش:
بالا