شما اینجا هستید: خانه / افکت های تصویری / آموزش ایجاد برچسب و ساختن والپیپر اینفو گرافی در فتوشاپ{ آپدیت}
آموزش ایجاد برچسب و ساختن والپیپر اینفو گرافی در فتوشاپ{ آپدیت}

آموزش ایجاد برچسب و ساختن والپیپر اینفو گرافی در فتوشاپ{ آپدیت}

خب سلام ! اینبار در خدمت شما هستیم با یه آموزش زیبا , جذاب , کاربردی ! بسیار بسیار ساده ! موضوع اصلی آموزش : آموزش برچسب زدن روی تصاویر { سری جدید / ۲ومین آموزش برچسب هست و مدلشو آپدیت کردیم } اما چون ما اینجا خواننده های بسیار صمیمی و همیشگی داریم  ایجاد والپیپر با همون تکنیک رو  هم اضافه کردیم به اموزش تا زیباتر شه کارمون  ! کجا بدرد میخوره : از صفحه پروفایل شخصی بگیرید تو وبلاگ ها و وبسایت ها !  و بدرد والپیپر های شخصی برای دسکتاپ رایانه + نوشتن اینفو و عکس خودتون در والپیپر . آموزش به دلیل درخواست دوست خوبمون لیلا خانوم انجام گرفته و با توضیحات تکمیلی هست ! عکس های زیاد آموزش گولتون نزنه چون بسیار ساده  دیزاین میشه !  با ما باشید.

 

 

ذکر چند نکته بنا بر رسم همیشگی :

۱٫ چون خیلی سادست آموزش و برای همه سری های فتوشاپ و برای سطوح های   مبتدی تا متوسط  قرار گرفته ؛خیلی انتظار خاصی نداشته باشید.

۲٫ گام به گام با ما انجام بدید .

۳٫ رو عکس هایی که نمیبینید زوم کنید حتما

۴٫ خودت بس کن:D بریم سراغ آموزش

 

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

 

خب سایز دسکتاپتون چقدره ؟ نمیدونی ! رو صفحه رایانت راست کلیک کن و screen resolution رو بزن و مثل شکل زیر ما ببین. خب برای ما

۱۶۰۰ در ۹۰۰ هست !

00

خب حالا نرم افزار photoshop رو باز کن و Ctrl+n رو بزن.  اندازه رو طبق شکل زیر ما بده

01

خب حالا بریم سراغ رنگ ها ! در قسمت سمت چپتون پایین پایین ابزار ها ۲ کادر مستطیل شکل میبینید. خب مستطیل بالایی رو foreground color مینامند و پایینی رو background color ! خب بر روی بالایی یبار کلیک کنید و کد رنگ زیر رو بدید

e18b0f

02

حالا بر روی مستطیل پایینی کلیک کنید و کد رنگ زیر رو بدید.

۸۹۵۹۰۴

03

نتیجه

04

حالا بر روی ابزار gradient tool کلیک نمایید. کادر ظاهر شده در بالای زیر نوار ابزار رنگ هایی که در قسمت قبل تنظیم کرده بودیم رو به خودش گرفته

05

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

06

خب این عکس زیبا رو از اینجا دانلود کنید . { دانلود با لینک مستقیم } سپس با CTRL+O اون رو با فتوشاپ  باز کنید. حالا با ابزار rectangular marquee tool اون رو سلکت کنید کامل و CTRL+C رو بزنید تا کپی بگیره!

07

حالا به لایه اصلی بازگشته و CTRL+V رو بزنید. در ابتدا تصویر با تصویر قبلی مطابقت ندارد. خب باید چه کار کنیم؟CTRL+T رو که بزنید گوشه های تصویر مکعب های ظاهر میشوند. میتوانید با موس ان را بچرخانید , زاویه بدید , کوچک و….کنید. خب فیت تصویر قرار بدید.

08

09

حالا برای اینکه سرجاش بمونه برید به قسمت موس از ابزار های سمت چپ و روش کلیک کنید apply ظاهر میشه

10

حالا لیر مد { حالت لایه } رو به overlay تغییر بدید.

11

حالا عکس شخصیتون رو با CTRL+O باز کنید. اگه عکس شخصیتون حاشیه زیاد داشت میتونید از ابزار CROP tool استفاده کنید و  دور عکس خودتون رو فقط با Crop مشخص کنید تا بقیه فضای ضایع و بکگراند عکس از بین بره ! اگه عکستون مناسب بود و حاشیه کم داشت نمیخواد این مرحله !

12

13

خب بعد از Crop کردن و کوچیک کردن محیط عکس برید سراغ ابزار rectangular marquee tool و کل عکس رو سلکت کنید و با CTRL+C اون رو کپی کنید.

14

حالا در لایه اصلیمون بیاید و CTRL+V رو بزنید تا عکس در این جا ظاهر بشه ! بازم مثل مرحله قبل عکس رو با CTRL+T یکم کوچیک کنید و یکم چرخشش بدید تا یه چیزی مثل شکل زیر ما بشه

15

خب حالا رو لایه عکسمون { که وقتی پیست میکنید layer 2 میشه } کلیک راست کنید و  blending option رو انتخاب کنید. سپس تنظیمات زیر رو اجرا کنید.

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

{ در قسمت اول یکم عکس رو محو میکنیم با کم کردن fill opacity }

16

سپس به قسمت Storke بروید و کد رنگ زیر رو در قسمت color وارد کنید و بقیه تنظیمات مانند تصاویر

کد رنگ : fa8100

17

در این قسمت هم بر روی gradient  دوبار کلیک نمایید. در کادر ظاهر شده رنگ های رنگین کمان رو انتخاب کنید و بقیه مانند تصاویر

18

در قسمت outer glow هم کد رنگ زیر رو وارد کنید و بقیه تنظیمات مانند تصویر

f011ce

19

حالا یه لایه جدید ایجاد کنید . CTRL+SHIFT+N

و سپس با ابزار Rectangular marquee tool یه مستطیل ایجاد کنید. دقت کنید مستطیل خیلی به سمت گوشه هاو بالا و پایین تصویر کشیده نشه !

21

سپس بر روی آن کلیک راست نماییدو Fill را بزنید. در کادر ظاهر شده use  رو بر روی white قرار بدید.

22

حالا بر روی همین لایه ای که ایجاد کردید و کار های بالا رو روش پیاد کردید راست کلیک کنید و blending option رو بزنید و تنظیمات زیر

23

24

آموزش برچسب زدن

 

خب حالا یه لایه جدید دیگر ایجاد کنید.

سپس سراغ ابزار Rectangular marquee tool بروید و یک مستطیل ایجاد کنید !{ اندازه متعارف مثل شکل زیر }

25

سپس بر روی آن راست کلیک نمایید و fill رو بزنید. در کادر ظاهر شده use رو بر روی color ببرید و کد رنگ زیر رو بدید.

کد رنگ: aea07e

26

حالا با CTRL+T اون رو یکم جابه جا کنید و بر روی گوشه های تصویر بیارید. { مانند شکل زیر }

27

حالا ابزار polygonall lasso tool رو انتخاب نمایید. شکلی همانند شکل زیر بر روی برچسب ایجاد نمایید. { البته کمی باسلیقه تر نه مثل ما }

28

سپس به قسمت select/invers بروید و کلید DELETE رو از روی کیبرد فشار بدید. نتیجه شکل زیر خواهد شد

29

حالا بر روی لایه راست کلیک نمایید و تنظیمات زیر رو اجرا کنید.

30

31

32

33

سپس کار ما تمام شد. از لایه برچسب که فکر میکنم لایه layer 4 برای همه نام گرفته کپی بگیرید  ۳ بار با CTRL+J . سپس با موس بر رو لایه قبلی رفته و اون هارو جابه جا کنید . { دقت کنید وقتی اولین بار کپی گرفتید باید موس رو بر روی لایه برچسب قبلی ببرید و کلیک کنید و بعد تکون بدید . ضمنا با CTRL+T میتونید زاویه اش رو تغییر بدید و مثل شکل زیر……..}

3435

خب حالا ابزار T رو بزنید و   داخل کادرمون یه اینفوگرافی از خودتون تایپ کنید . برای اون کار اگه رنگ و فونت خاصی مد نظرتون نیست از رنگ و فونت زیر استفاده کنید . { فونت داخل خود ویندوز به طور پیشفرض هست ! البته در سون و ویستا و ۸ }

37

36

میتونید با shape هم چند تا ستاره تو بخش اینفو گرافی قرار بدید یا قلب ……..دیگه اون سلیقه ای هست

38

 

نتیجه روی دسکتاپ رایانه

39

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

نظرت در مورد آموزش؟

راه های ارتباط با ما هم تو شکل معلومه دیگه تایپ نمیکنم

پایدار و سربلند باشید.

شاید عکس آموزش بعدی؟ { نتیجه چهره اعتراض کننده ! البته هنوز کاملش نکردم  و نیمه کارست }

000000000 (1)

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

نام ::̤̈م̤̤̈̈ح̤̤̈̈م̤̤̈̈د̤̤̈̈ ̤̤̈̈ح̤̤̈̈س̤̤̈̈ی̤̤̈̈ن̤̤̈̈ ̤̤̈̈ب̤̤̈̈ه̤̤̈̈ر̤̤̈̈ا̤̤̈̈م̤̤̈̈ی̤̤̈̈ ̤̈: متولد : مهر 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. سلام خوب شدگفتم سریع نیازش دارم اگه این نمیگفتم چی میشد؟؟؟
    قدیما خیلی بهتربودن حالاکه…

  4. سلام سیوش کردم ولی هنوز کار نکردم به نظر جالب میاد
    ولطفا به کمکتون نیازدارم اگه میشه یه آموزش درمورد اینکه وقتی یه کارت ویزیت یاچیزدیگری بااندازه ازپیش تعیین شده طراحی کردیم وخواستیم تو یه برگ آچار باآرایش دقیق بچینیم بدون اینکه وقت ببره بذارید.مثلا:یه کارت با اندازه ۶*۱۰درست کردیم وبخواهیم توی یه صفحه۲۱*۳۰آچار به طورکامل ویکجابچینیم.(اگه میشه سریعترخیلی نیازش دارم)

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

  6. عاقا من اون پترن رو ندارم!!!

  7. مرسی چه جالب بود این…ولی من هنوز چشم به راه اون آموزشتم هممچنان!!شاید این جمعه بزاری شایـــــــــــــــد:-)

  8. آآآآآآآآآآآآ فدات
    این نوع آموزشا را خعلی دوست دارم
    [بوس]

  9. خیلی جالب بود ! من که کلا خیلی کیف میکنم با این نوع آموزش ها ,, لطفا در آینده بیشتر هم بزار
    راستی عکسِ آموزش بعدی هم بدجور داره قلقلک میده منو !
    این هم کارِ ما :
    http://nbaimg.com/images/01559771443431926977.jpg

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

بپر بالا !