How To Make Realistic Screen Mockup With GIMP - Bagaimana membuat Realistic Screen Mockup Dengan GIMP

in utopian-io •  7 years ago  (edited)

[English]
Hello Friends ... !!! today i will making a tutorial Realistic Screen Mockup. Mockup is a preview of a design concept that will show a real picture before it is applied. To create a mockup first you donwload the image you need.

  1. The first step open the image file that will be mockup (Click File - Open).
    image.png

  2. Next click right on the Layer-Brushes select (Add Alpha Channel)
    image.png

  3. Press "U" on the keyboard to call the Fuzzy Select Tool which selects the area on the nearest colored streak.
    image.png

  4. Select the object on the layer you want to select and to shoot the silver press "Shift" on the keyboard
    image.png

  5. After the selected layer then select (Edit - Clear) to remove the selected layer.
    image.png

  6. Open the image to be placed above the mockup layer by select (File – Open)
    image.png

  7. then the image will open, on select (Edit - Copy) to do an open image on the previous object.
    image.png

  8. Click on select mockup layer (Edit - Paste As - New Layer) to create a new layer on Object.
    image.png

  9. drag the image below the mockup layer and set the image display position to suit your likes.
    image.png

  10. Select (Select - None) to remove the selection on the layer.
    image.png

  11. and press (Shift - T) to call the Scale Tool, and click on the image, then set the image size according to the mockup layer.
    image.png

  12. Give effect to mockup layer by select (Color - Brightness-Contrast) to make mockup layer more interesting.
    image.png

  13. Set contrast brightness to your liking.
    image.png

  14. Here are last result :
    image.png.

Donwload Project
Donwload Hasil

[Indonesia]

Hallo teman – teman ...!! hari ini aku mau buat tutorial Realistic Screen Mockup. Mockup adalah bentuk preview dari sebuah konsep desain yang akan memperlihatkan gambaran seperti nyata sebelum di terapkan. Untuk membuat mockup terlebih dahulu kamu donwload gambar yang di butuhkan.

  1. Langkah pertama buka file gambar yang akan dijadikan mockup (Klik File – Open).
    image.png

  2. Selanjutnya klik kanan pada Layer-Brushes pilih (Add Alpa Channel).
    image.png

  3. Tekan “U” pada kayboard untuk memanggil Fuzzy Select Tool yang berfungsi memilih area pada basi warna terdekat.
    image.png

  4. Pilih objek pada layer yang akan di select dan untuk memanbah sileksi tekan “Shift” pada keyboard.
    image.png

  5. Setelah layer terseleksi maka pilih ( Edit – Clear ) untuk menghapus layer yang di seleksi.
    image.png

  6. Dan buka gambar yang akan di letakkan di atas layer mockup dengan pilih (File – Open ).
    image.png

  7. Kemudian gambar akan terbuka, pada pilih (Edit – Copy) untuk melakukan gambar terbuka pada objek sebelumnya.
    image.png

  8. Klik pada layer mockup pilih (Edit – Paste As – New Layer) untuk membuat layer baru pada Objek.
    image.png

  9. Tarik gambar tersebut di bawah layer mockup dan atur posisi layar gambar sesuaai dengan kamu suka.
    image.png

  10. Pilih ( Select – None ) untuk menghilangkan seleksi pada layer.
    image.png

  11. dan tekan (Shift – T) untuk memanggil Scale Tool, dan klik pada gambar, kemudian atur ukuran gambar sesuai dengan layer mockup.
    image.png

  12. Dan beri efek pada layer mockup dengan pilih ( Color – Brigthess-Contrass) untuk membuat layer mockup lebih menarik.
    image.png

  13. Atur contrass brigtness sesuai dengan keinginan kamu.
    image.png

  14. Dan inilah hasil akhir nya :
    image.png.

Donwload Project
Donwload Hasil



Posted on Utopian.io - Rewarding Open Source Contributors

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Your contribution cannot be approved yet because it is not as informative as other contributions. See the Utopian Rules. Please edit your contribution and add try to improve the length and detail of your contribution (or add more images/mockups/screenshots), to reapply for approval.

You may edit your post here, as shown below:

You can contact us on Discord.
[utopian-moderator]

Please check again
because, i have edited
thank you

Can you improve the resolution of imgages ?

please check my post
i have finished improve the resolution of image
thank you

Hey @pikakamal I am @utopian-io. I have just upvoted you!

Achievements

  • You have less than 500 followers. Just gave you a gift to help you succeed!
  • This is your first accepted contribution here in Utopian. Welcome!

Suggestions

  • Contribute more often to get higher and higher rewards. I wish to see you often!
  • Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!

Get Noticed!

  • Did you know project owners can manually vote with their own voting power or by voting power delegated to their projects? Ask the project owner to review your contributions!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x