Make Your Own Tumblr Icon? The 139 Latest Answer

Are you looking for an answer to the topic “make your own tumblr icon“? We answer all your questions at the website https://chewathai27.com/ppa in category: https://chewathai27.com/ppa/blog. You will find the answer right below.

Can you create icons in Photoshop?

As designers, we know what an app icon is: a small graphical symbol that represents an application program. We also know that a successful icon will attract more consumers to the application itself.

What is the Tumblr icon size?

Tumblr icon is square. The ideal icon size for Tumblr is 128×128. If you upload larger than this size, Tumblr will automatically lower it.

how to make icons without photoshop

The Tumblr icon is square. The ideal icon size for Tumblr is 128×128. If you exceed this size, Tumblr will automatically scale it down.

Tumblr allowed you to create humble microblogs that people use to express themselves when the Instagram craze hasn’t started yet.

I also had a tumblr. I haven’t shared a lot of content, but I’ve enjoyed viewing the content shared by others.

He was more upbeat than Twitter and more real than Instagram.

By the way, don’t look at me when I talk like Tumblr is dead. This social media site is still open and active.

When it first opened, it managed to attract over 50,000 users in a short span of time. This number was reasonable for the early days of the Internet. That is still a high number today.

Tumblr works similar to Facebook and Instagram.

You create an account with an email address. And it consists of a custom URL for you. You can use this URL to share articles, images and links.

You can follow others. And maybe you like the things they share.

It looks like Twitter. But there are no brutal character limits like Twitter.

The fact that Twitter is more popular than Tumblr makes it clear that restricting the user is not a bad idea.

Now that you have learned the size of the Tumblr icon, you can now change your avatar.

To know Tumblr GIF size limit, you can visit this page.

How do you make a Masterlist link on Tumblr?

i’ll try and do it step by step, i hope this helps!
  1. login to tumblr on desktop or on safari/google on mobile (this won’t work on the app). …
  2. click the top left corner icon that looks like 3 lines.
  3. click settings.
  4. click account.
  5. it’ll bring you up to a page with a list of your blogs to the right hand side.

how to make icons without photoshop

February 6th

Hello Y/N,

I know you are probably wondering why you are receiving this letter from me. And if I’m honest, I also wonder why. But the truth is that I am writing to you because I missed my opportunity to say something in person that I should have said a long time ago.

I’m a fool for letting you go after the last time I saw you. When we met in this tiny cafe, I almost couldn’t believe it was real. I mean how often do our dreams come alive like this? And then we spent the next few hours talking and it reminded me of all the times we spent together at school.

You kept me level headed and calm as the rest of my life fell apart. I know I thanked you for that at the time, but not a lot of words could express how much it meant to me. And how much you mean to me now.

As we left that day, my heart was beating at a million beats per minute and my mind just couldn’t keep up. I wanted to keep you from walking, taking your hand and pulling away, even if it was just for a little while longer. Because the truth is, the time I spent with you that day has stayed with me ever since. Those were some of the best lessons I’ve had lately. Not that life has been terribly difficult, I mean, there’s no dark lord coming after me now, so I can’t complain. But something was missing and just for those few hours I felt like I might have found it. And I did.

It was you Y/N. It always has been, but you know I’ve been told I can be pretty fat at times. I don’t realize what I have until I don’t have it. And that’s why I’m writing you this letter in the hope that you may have felt something too. Hoping that you might be interested in having dinner with me one evening so maybe we can start something new and exciting.

And look, even if you don’t just want to have dinner with me, I know the others would love to see you, so hopefully you could at least come over and see them too. I think Hermione was going to write you soon anyway.

That being said, some of us will be getting together for dinner and game night later this month if you want to get involved.

Y/N I hope every day is as wonderful as you because you deserve the best. And even if you never want to see me again (I hope you don’t), just know that I admire you and always have. I’m just an idiot for not saying anything sooner. Please forgive me for waiting so long to tell you how much I long to see you again.

I hope you will accept, or at least consider, my invitation to dinner. But I wish you the best of luck no matter what you decide.

Kind regards,

Harry

How do I add a link on my Tumblr theme?

How to: Add links to your Tumblr description/sidebar
  1. Step one: Open the “edit theme” page. Log into Tumblr and click on the ‘human’ cog icon and Select your blog from the right-hand column. Click the Edit appearance option.
  2. Step two: changing your description. I’ve highlighted the box where you can add your description.

how to make icons without photoshop

In this tutorial, we’ll walk you through adding links to your theme’s description, which often appear in the header or sidebar.

Step One: Open the Edit Theme page.

1. Log into Tumblr and click on the “human” gear icon and select your blog from the right column.

2. Click the Edit Appearance option.

3. Click Edit Topic

Step two: change your description

I’ve highlighted the box where you can add your description.

To complete your description, just type something in the box.

If you want to add links, copy and paste this into your box:

Link to Quick Guide

Replace “http://quickguide.tumblr.com/” with the website you want people to go to (make sure you include the http:// part or the link won’t work) and replace ” Link to Quick Guide” with words you want people to see.

For example, I added two links to a Tumblr blog and an Instagram account in my page description field:

Now when I open my tumblr blog you can see the links:

Other tips

To add a line break (a “gap”) in your description, add the following code to your description:

How do I create an icon logo?

Here’s the simple three-step process to design your stunning icon logo.
  1. Step 1: Enter your business name.
  2. Step 2: Enter a slogan (if you’ve got one)
  3. Step 3: Click ‘Generate’ to get hundreds of icon logo designs.

how to make icons without photoshop

What to consider when designing a logo for an icon?

Do you have an idea for an app, game or maybe a new business and need to create the right logo icon to illustrate it? Or maybe you have a client designing an app or project that can best be represented with an icon logo? Flat, outline, filled or hand drawn, LOGO.com logo maker can offer you hundreds of beautiful and high quality icon logos for your business or company. Get the best visual/graphic representation of your concept with LOGO.com’s free logo maker to create a unique logo that conveys your message. Here’s the simple 3-step process to design your stunning icon logo.

Step 1: Enter your company name

Step 2: Enter a slogan (if you have one)

Step 3 Click “Generate” to get hundreds of icon logo designs

You can choose the logo design you like the most and customize it by changing fonts, colors, icons and more. You only have to pay when you are happy with your icon logo and want to use it on your website, social media, business card and more.

The logo kit includes not only your logo files, but also a social media kit, a free domain name, and a website builder to help you build and improve your business.

How do I make unique icons?

Here are the tips to create cohesive icon sets.
  1. Stick To One Style. Sounds obvious, doesn’t it? …
  2. Keep The Same Stylistics. This is slightly different than maintaining the same style. …
  3. Size Matters! Maintain the same size of each icon in the set. …
  4. Use Grids. …
  5. Use The Same Elements Throughout The Set. …
  6. Use The Same Color Palette.

how to make icons without photoshop

ok guys It’s time for a serious conversation about iconic styles.

Creating a beautiful icon is easy. Creating some nice looking icons isn’t that hard either. It makes them cohesive, which can throw you off.

Completing a series of connected symbols is one hell of a challenge. Indeed one of the largest in the world of icon making. But that’s exactly why I’m here – to help you overcome them and find your way to the top. Read on for 6 useful tips to improve your skills in creating exquisite cohesive icon sets.

Buckle up, space cadets, and let’s go! But before we take off –

Why symbols should be contiguous?

Well, icon design is so much more than just graphic icons that represent real-world objects. It is a unique language where each symbol is a word that has its own meaning. But it’s only when they’re combined that a real conversation begins. That’s right, you use symbols to communicate with people in the digital world just like you do to talk to your friends in a real world.

Using differently designed symbols in one sentence is like mixing different languages ​​in one sentence — even if you’re lucky enough to be understood, people won’t take you seriously anyway. Make your icon set cohesive and it will talk.

Now let’s get back on track. Here are the tips for creating coherent icon sets.

1. Stick to one style

Sounds obvious, doesn’t it? However, this is the key point if you want your symbols to be nice and consistent. Don’t start creating icons until you’ve decided what style they’re going to be.

There are many styles and style variations. The most common ones are: outline icons, glyphs, flat icons, skeuomorphic icons, hand drawn icons, etc. Feel free to follow me on Pinterest for the coolest icons, awesome freebies, and some inspiration!

Once you’ve decided on the style of your future symbols, stick with each and every symbol in the set. An icon in a different style catches the eye, but not in a good way. It ruins the cohesion, beauty and value of the entire set.

From the moment you decide which style to use, all of your set icons should be created in the same style. Don’t let differently designed icons ruin the set and destroy the hard work behind it.

Check out this work by Oliur as an example:

See how the pin icon stands out from the rest?

The designer made a mistake coloring the icons – notice how all the icons are outlined as the pin fills. Do not do that!

Anyway, Oliuri is a wonderful designer and the set is great, so

Go and give him a big like!

The big question is which style to choose. There are many factors to consider. And the topic itself is really huge, so I’ll address it in one of my upcoming newsletters.

2. Keep the same stylistics

This is a little different than keeping the same style.

Every style has its personality. For example, you can create thousands of different outline symbol variations. But choosing the right style is just as important. Will your icons be detailed or minimalist? Is it better to have thick or thin lines? Or maybe mixed line weight? And what about the corners: should they be round or sharp? Will you be using rounded or heel counters?

Important: Know exactly why each item was made the way you made it. Think of all possible details of your future icon set and stick to it until the end. If you want, you can create another set in different stylistics, but for now follow the one you work in.

3. Size matters!

Keep every symbol in the set the same size.

They should not only be the same size in the square frames, they should also look the same! Imagine two shapes of the same size – a circle and a square. A square will always look bigger because it takes up more space. Some changes should be made to make them visually the same. For example, shrink the square a bit.

Quick trick: A good way to check if your icons look the same in terms of size is to print them out and compare them to each other. Write down your comments and do some sketches on the same paper, then fix the sizing issues in Illustrator. Somehow it’s easier to compare the symbols when you have them on paper.

4. Use grids

Great icon sets are always made with grids. Just don’t overuse them. If you see that your icon doesn’t look right when trying to fit the grid – fuck it! Good sets have a grid, but the worst sets stick strictly to that grid. 🙂

I’ll be writing an in-depth article on grids in the future, so stay tuned.

5. Use the same elements throughout the set

It’s easy, if you used a 16px circle in an icon and need a similar circle for another icon, just copy it. There’s no doubt that having objects of the same size throughout the set makes it look more cohesive! And copying elements from other symbols will save you tons of time! Trust me on that.

6. Use the same color palette

Needless to say (but I’ll say it anyway) that identical color combinations should be maintained in all symbols of the set. Pick the colors, add them to swatches and try to use only them. Sure, sometimes you need to make exceptions and add more colors, but boy will you be amazed at how few colors you actually need to color the whole set!

And never forget to prioritize symbol recognition over cohesion!

Clarity and recognition of symbols make a brilliant symbol brilliant! Never give up clarity in favor of cohesion! An icon should first and foremost convey the right message and only then – look good.

Creating cohesive icon sets is a lot harder than it seems. Pay attention to the smallest details, keep revising your sets and always think of ways to improve the set. With that in mind, you’ll master it in no time! Now make some damn connected icons!

Stay great, space cadets!

How do I make an app icon?

Here are some tips for creating an app icon that stands out.
  1. Use a unique shape or symbol. You’ll always be up against dozens of other apps, whether a user is browsing the app store or scrolling through their home screens. …
  2. Keep it simple. …
  3. Don’t include words. …
  4. Choose vibrant colors. …
  5. A/B test different versions.

how to make icons without photoshop

Are you trying to get more people to download your app from the App Store? Your icon can mean the difference between your app being instantly recognized or blatantly overlooked.

Don’t let other people’s eyes wander over your app! Here are some tips for creating an app icon that gets noticed.

1. Use a unique shape or icon

You’ll always be dealing with dozens of other apps, whether a user is browsing the App Store or scrolling through their home screen. Create an icon that is instantly recognizable on search listing pages and on a user’s screen.

For example, here are some apps that use a recognizable shape or symbol as an app icon:

2. Keep it simple

Avoid stuffing lots of colors or images into your app icon. Even if you decide to use a variety of colors and graphics, the best icons focus on one element or concept rather than trying to cram every feature into a tiny icon. You want to be recognized immediately – if someone has to squint to see the details of your symbol, you’re not achieving your goal.

The only exception to this is the gaming category, which has many successful apps with cartoon-like graphics in their icons to show featured characters and game elements. But even if you’re creating an icon for a gaming app, stay focused and simple.

3. Don’t add words

Long words are hard to read in such a small space when they’re sitting next to a bunch of other symbols. Instead, opt to only use the initial of your company or brand, like these apps:

4. Choose vibrant colors

Make sure your app icon looks good on different backgrounds. Using vibrant colors helps your app stand out from both the other apps a user has installed and their wallpaper.

Choose your icon color carefully. Blue is the world’s most popular color, so companies have capitalized on it and many app icons are blue. However, if you choose blue for your icon, you risk blending in with your competition.

5. A/B testing different versions

Create multiple variations of your app icon before submitting your app to Apple for approval. Use a tool like UsabilityHub’s five-second test or Pickfu to gather user reactions ahead of time.

Testing a new icon on the App Store itself—using the volume of app downloads to gauge your success—is risky, as it takes an average of nine days for your app to be re-approved. So if you see a sudden drop when updating your app icon, it may take about nine days to restore your previous app icon if the new one fails.

How do I create an icon online?

Create Icons Online in VistaCreate—Free Icons Editor for Mobile and Desktop
  1. Make Your Own Icon Free. The icons design is the bread-and-butter of web designers. …
  2. Use Text As You Need. Can you use just the icon online, as is? …
  3. Tons of Free Graphic Icons. …
  4. Add the Background. …
  5. Upload Your Own Content. …
  6. Download and Share.

how to make icons without photoshop

1 Select an image When you select a template, you can change any element in it. If you only want to leave the icon, just hover over the items you want to remove, click on them and press delete to clean up the board.

2 Copy and Mirror Sometimes creating great icons is all about that. VistaCreate makes creating multiple copies easy, and the grid helps you mirror and align them.

3 Automate Group multiple symbols at once to move them at once. It’s a useful tool for moving your design and multiplying entire sectors of your layout at once.

What is Avatar in Tumblr?

Tumblr Avatars, or Profile Photos, are the main icons associated with a user’s specific Tumblr account. Tumblr Avatars appears next to a user’s posts with the Tumblr Dashboard, within their follower’s feeds, and next to the follow buttons when someone visits a user’s page.

how to make icons without photoshop

What is Tumblr used for? Tumblr is used as a blogging and social media platform that allows users to publish short-form blog posts. Tumblr offers users the ability to fully customize their own pages, which differentiates the site from other social networks. Tumblr is used for ecommerce, personal use, fan groups, and social causes.

How do you delete your tumblr account? Delete your Tumblr account by logging into your account in a web browser, clicking the account icon and clicking Settings from the drop-down menu. Scroll to the bottom of the page to the Delete Account button, where you will enter your email address and password to confirm. Under the password text box, click Delete everything and your account will be deleted.

How do you delete an avatar on Tumblr?

Click the photo to highlight it, then select “Delete” from the Mega-Editor’s top menu bar.

how to make icons without photoshop

Tumblr’s unique “Reblog” feature allows you to quickly share any type of media—including images, videos, and text content—to give your business’s Tumblr blog more reach. If you’ve uploaded a portrait photo that you no longer want to show on your Tumblr, you can remove it using the controls on your dashboard. Even if the photo has been reblogged by other users, you can still delete it from the site.

How to Edit Your Tumblr [NEW] | Theme, Cursor, Scroll Bar, Add Music,Tagged Pages

How to Edit Your Tumblr [NEW] | Theme, Cursor, Scroll Bar, Add Music,Tagged Pages
How to Edit Your Tumblr [NEW] | Theme, Cursor, Scroll Bar, Add Music,Tagged Pages


See some more details on the topic make your own tumblr icon here:

Icon Tutorial by quirkyresources Hi! A sweet anon…

A sweet anon asked me to make a tutorial on how I make my icons. So here it is! … You can also screencap your own using KMplayer.

+ Read More Here

Source: quirkyresources.tumblr.com

Date Published: 1/4/2021

View: 4461

how to make icons without photoshop

just go to pixlr, which is an online editor that you don’t need an account for either. i’ll be making this icon under the cut. reblog if this …

+ Read More

Source: rabbithelps.tumblr.com

Date Published: 4/11/2022

View: 8510

Top 9 How To Make Icons Tumblr – Thư Viện Hỏi Đáp

1 1. COMPLETERESOURCES — Cutout Icon Tutorial Easy way… 2 2. creating custom shape icons – octomoosey; 3 3 …

+ Read More

Source: thuvienhoidap.net

Date Published: 12/13/2021

View: 778

How to Create a Tumblr Profile Picture – Kapwing

How to Create a Tumblr Profile Picture · Step One: Head to Kapwing’s Profile Picture Maker · Step Two: Upload Your Picture · Step Three: Adjust the …

+ Read More

Source: www.kapwing.com

Date Published: 7/11/2021

View: 2049

How I Make My Tumblr Icons Tumblr Icon Tutorial – Otosection

Icons Tutorial On Tumblr Hi! i deced to make a veo showing how i make my tumblr icons, but i can’t take all the credit! i followed a tutorial for th.

+ View Here

Source: otosection.com

Date Published: 8/1/2022

View: 183

creating custom shape icons – octomoosey

creating custom shape icons;; making icons from photoshop custom shapes ( tutorial uses CS5 ) [ and view on any colour background – icons are ‘transparent’ ] …

+ View More Here

Source: octomoosey.tumblr.com

Date Published: 5/1/2022

View: 9751

the greatest star — HOW TO MAKE BASIC ICONS

Requested by an anon, I’ll take you through each step I take to make my own – keep in mind that my photoshop skills are minimal, …

+ View Here

Source: watchingrachelrps.tumblr.com

Date Published: 12/5/2021

View: 6503

PS BATCH ICON TUTORIAL

kingsleigh, a blog on Tumblr. Never miss a post from kingsleigh. Make gifs, find your community. Only in the app. Get the app; No thanks …

+ Read More Here

Source: kingsleigh.tumblr.com

Date Published: 7/18/2022

View: 247

a place for photoshop & tumblr resources

Icon tutorial by quirkyresources

Hi! A cute anon asked me to do a tutorial on how to make my icons. So here it is! Please like/reblog if that helped at all!

I’m using Photoshop CC but I think any version of PS will do.

This tutorial is in English.

Let me know if you have any questions here! I like to help when I can. And tag me if you post your icons, I’d love to see them 😀

Steps I will go through:

Find screencaps/photos

Open in Photoshop

Cut out the background (I show several methods)

Use the eraser tool to clean it up

harvest

Add a PSD or color it yourself

hair/clothes/etc. more vivid with the brush tool

Sharpen and add blurred outlines

Add solid color backgrounds

Optional: Add gradient

Optional: add texture

Save as PNG

The tutorial is below the cut! Have fun ♥

Tips:

Use HQ screencaps (720p or 1080p)

Don’t mess up the proportions when cropping

You can always make your screen cover smaller, but not bigger!

Step One: Find Screencaps/Photos

First you need to choose your screencaps. When choosing, it’s important to remember that you’re cutting out the background, so screencaps that have the person(s) on a solid (or almost solid) background are easiest. Others may still work but I’m lazy so I like them better!

Places to find screencaps:

KMplayer also allows you to create your own screencap. Here’s a tutorial on how to do that.

I’m using this Riverdale S01E01 screencap I found on screencapped.net:

Step Two: Open the screencap in Photoshop

Step Three: Cut Out Background (Various Methods)

Option A: Use the quick selection tool (that’s what I use)

Once your screencap is open in PS, select the Quick Select tool.

Now use this tool to select the person(s) you want to keep. Or you can select the background and then right click and click “Reverse Selection” which will select the person!

Then, with the Quick Selection tool still selected, go to the top bar and click the Select And Mask button.

A window is opening! This allows you to smooth/blur/sharpen the edges of your selection. These are the settings I use, but feel free to play around with them until you like what you see.

Click OK.

Now (with the selection tool still selected) you can right click on your selection and click “Layer by Copy”. This makes your selection a layer of its own! Now click on the eyeball icon next to the background layer to make it invisible.

Now you should have something like this:

Other ways to clip the background:

Option B : Same as Option A, but instead of the Quick Selection Tool, use the “Magnetic Lasso Tool”. Here’s a tutorial on how to use it.

: Same as Option A, but instead of using the Quick Selection Tool, use the “Magnetic Lasso Tool”. Here’s a tutorial on how to use it. Option C: Create a new empty layer, select the brush tool and paint around the person with the color you want. (Note: what I don’t like about this method is that it makes it harder to change the background color later if you change your mind or like me want multiple versions of the background color!)

Step Four: Crop

Now it’s time to prune it! I do this with the crop tool. I set the dimensions to 150px x 150px.

Now I click and drag on my photo to start cropping. You can click and drag the corners of the crop window and zoom in or out. If the person in the screencap doesn’t touch the edges of the corners, you can use it to expand the empty space. Once you like your crop, press Enter. Here is mine so far:

Step Five: Add PSD or Color Yourself

Now it’s time for the fun parts! Or at least I find them funny lol. You can either add a PSD (here’s a navigation page for all the PSDs I reblog) or color them in yourself. I personally like to color them myself, and here is a tutorial on how I color screencaps 🙂

Here’s how I colored mine:

(Download PSD here!)

Step Six: Hair/Clothes/Etc. more vivid with the brush tool

Next, you can add fun colors to specific parts of the screen cover! This usually happens on hair, clothing, face/makeup, etc.

Create a new layer and set it to “soft light”. Make sure this layer is above all other layers by dragging it up.

Select the brush tool and choose a color.

With the new layer selected, paint over the area you want to color! Do this with different colors in different areas. I did the following:

Step Seven: Sharpen and add blurred outlines

This step will blur the edges of the person/persons a bit and sharpen the rest. This creates a more subtle transition between subject and background.

Select all your layers and right click on one and choose “merge layers”. If you don’t see this option, simply do this a number of times until the correct menu appears.

There should now only be one layer left. Right-click on it and choose “Duplicate Layer”. Now there should be two.

Select the bottom layer and go to Filter > Blur > Gaussian Blur. Here are my settings but you can play around with them:

click OK.

Now select the top layer and go to Filter > Sharpen > Smart Sharpen. Here my settings:

And this is what mine looks like now:

Step 8: Add solid color backgrounds

Create a new empty layer and drag it under your other layers. Pick the paint bucket tool and choose a color for the background to be. Select the empty bottom layer and click anywhere on the image/background. You should now have a colored background!

Optional: I like to make different color versions of my icons, one of each color of the rainbow 🙂 You can do this by repeating this step, choosing a different color each time. When you go to save (a few steps from now) you want to hide and save all layers except the color you want to save them as. Then you repeat this for each color. (Sorry, that really doesn’t make sense, but I don’t know how else to explain it!)

Step Nine (Optional): Add gradient

If you want a gradient on the background of your icon, do the following!

Go to Layer > New Fill Layer > Gradient,

In the window that opens, click OK.

Another window should now appear. Use the colorful bar at the top of the window to choose the colors of your gradient. For this tutorial we want this bar to be black and white (for a more drastic gradient) or gray and white (for a more gradual gradient).

To change the colors, double click on the colorful bar and a new window should appear. You can either choose a preset color combination or double-click the small tabs on either side of the gradient bar and choose your own colors. This is what mine looks like:

Once you have done that, click OK.

You can also change it from linear to radial if you want and you can change the angle of the gradient.

Click OK.

Drag the gradient layer below the photo layer but above the background layer. And set it to “soft light” as before.

Now you should have a gradient! 🙂

Step ten (optional): Add a texture

Another thing you can do is add texture to the background. Here is my icon textures tag. Drag the icon texture onto your icon in Photoshop, align it with the icon and press Enter. Now drag this icon texture layer UNDER the photo layers and ABOVE the background layer. Play around with the color mode until you find one you like, or just leave it normal!

This is what the texture would look like:

Step eleven: SAVE!

Now all you have to do is save it! I save it as PNG. Go to File > Save As > Name it and choose file type PNG and click OK.

My end result is this (I skipped the gradient and texture):

If you have any questions, please ask me on my FAQ/Ask page! 😀 I hope this helped! Please like or reblog if it was!

Create an app icon using Photoshop in 20 easy steps

As designers, we know what an app icon is: a small graphical symbol representing an application program. We also know that a successful icon will attract more consumers to the application itself.

In this tutorial I will use Photoshop to explain how to create a cool app icon for a billiard game application. Best of all, I’ll show you how to get amazing results in a SHORT amount of time.

Here we go!

1. Create a new document

We will make our icon 1024×1024 pixels, but you can also make your icon 256×256 or 512×512 pixels.

Since this is going to be used on screen we need to set the color mode to RGB (not CMYK) and the resolution to 72 pixels (not 300).

2. Draw the 1st shape on the 1st layer

Take the Rounded Rectangle Tool (U), draw a shape and then fill it with color (#b67032).

3. Create a wood effect

Create a wood effect using “fibers” from the filter menu (Filter > Render > Fibers), make sure to set the foreground color with #b67032 and the background color with #72319b.

4. Draw the 2nd shape

Again, using the Rounded Rectangle Tool (U), draw the same shape but make it shorter than the first wooden shape (about 6px from the bottom).

Use guides if you’re having trouble making both shapes the same width.

5. Copy the 1st layer to the 2nd shape

Select the shape (Alt + Enter) and then copy the first layer onto the second shape (Ctrl+C then Ctrl+V). So now we have two layers with wood texture but at different heights.

6. Make layer 1 darker

Use the curves adjustment (Ctrl+M) to make layer 1 darker than the other.

7. Add depth using the layer style settings

Double click on layer 1 in the layers palette and then set the layer style settings as below.

I only selected the Inner Shadow and Inner Glow settings.

8. Add more depth with the brush tool

Add depth to layer 1 by shading darker colors with the “Brush” tool (b).

9. Add the Inner Glow effect for Layer 2

On level 2 we will turn on Inner Glow. Double click on layer 2 again in the layers palette to get to the layer style settings.

10. Draw the 3rd shape

Create a new layer and use the rounded rectangle tool and the ellipse tool to create 2 new shapes as shown below.

11. Copy the 2nd level to the 3rd level

Select the shape (Alt + Enter) and then copy layer 2 (Ctrl+C then Ctrl+V) onto layer 3. This step is similar to STEP 5 and STEP 6.

Don’t forget to darken layer 3 by adjusting the Curves setting (Ctrl+M).

12. Duplicate layer 3

Duplicate layer 3 (Ctrl + J), fill it (Alt + Del) with a green color (#005e20) and then move it down slightly. We call this layer the Green Shape Layer.

13. Crop the green shape layer to fit in layer 3

Now we want to erase the green area that is outside of layer 3. To do this, select layer 3 by holding down the Ctrl key and clicking on this layer in the layers palette. You will see that a selection – dotted lines around the elements – is created.

Click again on the green shape layer in the layers palette, but make sure the selection you make is from layer 3. Then clip on the green shape layer (press the delete key).

The green shape should line up with layer 3.

14. Create a pool table hole

Now create a new shape (and layer) with the Ellipse Tool – fill it with black.

15. Give Layer 3 an Outer Glow effect

Go back to Layer 3 and give it an Outer Glow effect (see below).

16. Add depth to the green shape

Similar to STEP 8, add depth to the green shape by adding a darker color with the Brush Tool (b).

17. Add the noise filter

Then add “Noise” on the green shape layer (Filter > Noise > Add Noise).

I gave it about 5% noise.

18. Add highlights and details

Put another black circle on top of the pool table hole shape and then mark the back pool table hole with the Brush Tool (b). Add the noise filter.

19. Draw a simple ball

Using the Elliptical Marquee Tool (m), create a round shape and fill it with white color. Take a darker color (#9d956e) and brush (b) the edge of the image to create a soft gradient. Use a smaller diameter brush and a lighter color for the second gradient highlight. Create a highlight with the Pen Tool (p). Then (b) brush this shape to add a shiny touch to the ball.

20. Create a shadow for the ball

Last step! Create a black circle under the ball and give it the blur effect (Filter > Blur > Gaussian Blur).

And here is the bottom line!

I hope you enjoyed it – thanks for following and good luck with your own designs! 🙂

how to make icons without photoshop

darthvcder:

So if you’re like me and haven’t downloaded Photoshop for various reasons (mine is because I can’t seem to find a reliable link and I don’t have enough disk space on my computer anyway), you can still create icons!

First of all, you don’t need to download anything. Just go to pixlr, an online editor that also doesn’t require an account.

I will make this icon under the cut. Reblog if that helps you!

Continue reading

Related searches to make your own tumblr icon

Information related to the topic make your own tumblr icon

Here are the search results of the thread make your own tumblr icon from Bing. You can read more if you want.


You have just come across an article on the topic make your own tumblr icon. If you found this article useful, please share it. Thank you very much.

Leave a Comment