Tutorial Tema Google Chrome

how to create your own Google Chrome theme

Preparation

1. The preparation for creating this Chrome theme is the screen size of your desktop/laptop.
2. Adobe Photoshop or Photopea (if you lazy to Install Photoshop)
3. ThemeBeta Web, to create and publish the theme

---

Take a Screenshot

Take a screenshot of your desktop, then paste it into a photo editor. Here, I’m using Photopea (because I can’t be bothered to open Photoshop).

Don’t forget to mark it like this, this is to determine the layout so that it is more perfect when applied.

---

Cut some parts

Now we cut several pieces, which will later be divided into 6 pieces, namely:

1. Toolbar
2. NTP Background
3. Frame
4. Tab Background
5. NTP Attribution (You can skip this part)
6. Frame Overlay

---

Create a background for the toolbar

First, cut the screenshot you took earlier like this

After that, choose your favorite image as the theme. Here, I used the character Nao Tomori as the base theme. Add the base color and character like this, then save it in PNG format.

After that, let’s upload it as a test to ThemeBeta, and this is a temporary preview.

---

NTP Background

Now, let’s to the next step, which is creating the NTP Background. Now, let’s cut this part again. Then, let’s add the background like this and save it as a png file.

Bro, the image I’m using doesn’t match the preview? Let’s measure it again and crop it.

When cropping a screenshot, it is recommended to zoom in like this.

After that, add your image, save it again, and test it again on ThemeBeta. The result will look like this.

---

Frame & Latar Tab

Next, we add a frame image with the same image. Here, you can just use the auto color picker. Then, for the tab background, we give it a color taken from the character’s own color.

---

Finalizing

Now, once it’s done, name your theme, then save it or publish it on ThemeBeta & any other website, then apply it and the result will look like this.

Done and easy, right?

---