How to make a simple amazing cool portrait

In this post episodes, I’d like to show you how to make a simple, but an amazing cool portrait like what I’ve told you in the previous post. Before you start to work on this one, I suggest you to read my post entitled How to Create Special Custom Brush in Photoshop before you begin with this one. Because it’s related to one another. Ok, here, I’ll be using this image:

a

Ok now open your image on Photoshop, double click on your image to unlock it then make a new layer, and fill it with white and place it under the Layer zero

a

a

Now click on your model layer and apply layer mask, and don’t forget to fill your layer mask with black color. And now it’s time to paint on our layer mask, but before we do that, now we select our brush that we have made in the previous post. You can just press B on keyboard to make it quick. If you done, please click on the icon that I mark with red square

a

Here I’ll go to Brush Tip Shape, and I’ll make the spacing around 32%or you can create your own style

a

Now go on Shape Dynamics. Now I’ll adjust the Minimum Diameter to 5%, keep the Angle Jitter on 100%, make the Roundness Jitter to 100%, and the Minimum Roundness to 25%. Now you can see, that our brush is changing

a

And then also go to Scattering, I’m going to make it 100%, not too much but not too little. And the count is 2, and the Count Jitter is around 4%

a

Then we go to Transfer, make the Opacity Jitter 10%, and Flow Jitter 9%, and make sure the Smoothing is turn on

a

And we’ve done about the brushes. Now it’s time to paint on our model’s layer mask, you can make the brush bigger or smaller by pressing [ or ] on the keyboard. When you paint you model, please make sure that the face is completely visible to make it looks good.

a

If you’ve done painting with your model, now I’ll go to create a new solid color layer. I’ll choose blue color

a

And now change the blending mode into Exclusion

a

And now I’ll create the lighting effect by creating a new blank layer, select your brush tool, and choose the regular brush, and I’ll choose the color to orange

a

a

Paint the brush on wherever you like the light you want to be,

a

Then choose the blending mode to Screen. And we’ve done.

a

Isn’t that easy? Well, that’s how to create a simple amazing cool portrait on Photoshop. Check out other tutorial and also design tips and trick on my blog, and don’t forget to hit follow button on my blog to support me. Comments are very welcome. And just like as usual I’d like to remind you that please always keep in mind that “Practices makes perfect”. See you on the next post, Adios fellas.

How to Create Special Custom Brush in Photoshop

Here, I’d like to show you how to make custom brushes of your own. Basically it’s very simple indeed, but I’ll show you how to keep your brushes a little bit special that you can use later to make an amazing photo effect. This tutorial of creating brushes is linked together to the next Photoshop tutorial that I’m about to post later. So please read it carefully and try to practice it.

First thing first, like always. You have to create a new document. But here, make it square, it’s about 1200px*1200px, and then click ok.

1

Now you select your brush tool by pressing B on your keyboard, it is the simplest and fastest way though. And click on the brushes option, look at my red square. Here I choose oil medium wet flow brushes, but if you want another you can choose whatever you want that you like. But here, I recommend you to use the same as mine.

1

And you can draw a line on your workplace, it will look like something like this:

1

But as you can see there is nothing special about this brush, it’s just looks like a common brush. So, here we go. Now you click on the little box besides beside brush option

1

And then you’ll see a dialog box like this, click on Brush Tip Shape, and make sure the spacing is approximately about 23% or you can make it more or less but don’t too much or too low.

1

And then you can go to Shape Dynamics, make sure that Size Jitter is about 100%, and Angle Jitter is 100% as well.

1

Now, make your workplace clean, you can press ctrl+Z. and then draw your brush upon you clear workplace. You can make it bigger or smaller by pressing on bracket keys [  or  ]

1

It looks fantastic, isn’t it? And now to create a brush like this, you must go to edit and click on Define Brush Preset

1

And now you can name your brush whatever you want, here I named it tutorial brush, then click Ok.

1

Now your brush is ready. Easy and simple, isn’t it? Okay don’t forget to follow my blog because in the next post, I’ll write a tutorial about how to make a simple amazing cool portrait using this brush. See you on the next post, adios and merci 😊

How to Make Ramadan Greeting Cards

Holy month of Ramadan is the special month for Moslem. Every Moslem in the world is looking forward for this special month. And if you’re happy about the coming of Ramadan, you might want to share your happiness with others, but also for your loved one. You may give them Ramadan greeting cards, and I’m sure, they’ll be happy to get it from you. Especially, if you make your greeting cards by your own. Here, in this special months I’ll show you how to make a simple Ramadan greeting cards. Enjoy learning 😊

First thing first, you got to download some pictures on the internet which have relation to Holy month of Ramadan such mosque picture, Calligraphy picture, or anything you love. But don’t forget to download for the base/ background as well. Here, I’ll be use these pictures:

ab

Basically, you may make the picture and your background on your own. But, it takes time though that’s why I advise you to download it from Google, it’s easier though. Ok, since now you have the pictures, the first thing that you should do is open the background first and make it a little blurry by click on effect – blur – Gaussian blur

1

Then you select on File, choose Place Embedded and choose your picture

Screenshot (171)

Now you can place this picture wherever looks good on your background. You may change the size of the picture by pressing CTRL+T . if you’re done, press Enter. Ah here, you can see that the angle or the calligraphy is different, I changed it by clicking on Edit – Transform – Flip Horizontal

Screenshot (175)

Ok, your Ramadan greeting card background is ready. Now, is finishing. We just need to add text to it so it will become Ramadan greeting cards. Press T on your keyboard, and place it to wherever you want to put the text. Then, write your words,

x

And done, your Ramadan greeting cards is ready. If you want to make your font looks more stunning just like what I did on “Wishing you….” Text, you can add some effect to it like adding shadows, glow, or you can make it textured or embossed. You just have to double click on your text layer. You may change the font as well if you don’t think that your font is good enough. Well, that’s how to create Ramadan Greeting Cards on Photoshop. Check out other tutorial and also design tips and trick on my blog, and don’t forget to hit follow button on my blog to support me. And always keep in mind that “Practices makes perfect”. See you on the next post, Adios fellas and enjoy the Holy month of Ramadan.

Things You Should Know Before Learning Photoshop

It doesn’t matter if you are new to the world of graphic design, or you are a photographer and you want to enhance your photos, you will eventually encounter the need to use Adobe Photoshop. Remembering when I first started out, I wondered how I would ever begin to know how to work my way through Photoshop and create professional quality, eye-dazzling work, L.O.L.  Well, that’s another story. Later on, I use Photoshop on a daily basis, this is how I learn Photoshop. I also keep looking on internet how to use this one, that one, and looking for many words that sounds alien to me. But I keep doing it though. I keep practices whenever and wherever I have time, and I download many tutorials from YouTube on campus. I won’t lie to you. Learning Photoshop is difficult, you can only make it if you keep trying and learning on daily basis. And one thing for sure, you won’t be able to go from getting started, to pro overnight, but you can take comfort in knowing that everyone has to start somewhere, just like I do.

So, here, what I want to tell you is in learning Photoshop, you don’t have to go to Photoshop courses. But if you want to go there, that’s better.  You can learn Photoshop by yourself, believe me. As long as you have a strong will to learn Photoshop, you can learn it from the very small thing. You may begin with by getting acquainted with Photoshop UI and make yourself getting used to it. Frankly speaking, when I learn it for the first time, it’s very frustrating because Photoshop got so many tools, that’s why I suggest you to getting used to it. But Don’t worry, I have made a post that contain the very basic of Photoshop, I explain the tool quite simple though, you must understand it in no time I believe. Just click on this Link.

If Photoshop tools looks alien no more. You can go further to another step. There are a lot of thing that you can do. Just look it up on the internet or YouTube, using keyword Photoshop Tutorial. They will provide a lot of Photoshop Tutorial that you can download it to learn it later on your home, whenever you got time. See? Learning Photoshop should not go to some Photoshop Courses, right? Besides, there are many advantages of learning photoshop at home by yourself. It saving your time, saving your money, and you can explore more about Photoshop.

If you want to master Photoshop, like what I’ve told you before, you should learn it on daily basis just like I do. Because you won’t be able to go from getting started, to pro overnight. And it is recommended as well for you to join any group that will help you learn Photoshop, whether social media group, or communities. It helps a lot because you would have many friends to share with. It will motivate you as well. By looking on your friend’s work, it will arouse your inner desire to learn more about Photoshop. Maybe you have a question, Oh really? Can I master photoshop without taking any Photoshop courses? The answer is YES, as long as you keep practicing, especially on daily basis, always trying something new, and never give up, it will.

Well, basically Photoshop is an incredibly powerful but also intimidating application though, I couldn’t agree more. But, learning the basics and learning your way around the program can make things quick and easy. As with anything, practice makes perfect. And also, knowing what Photoshop will and won’t do (There isn’t much that Photoshop can’t do) will help you to edit your images and create digital artwork quickly and efficiently. Just remember, “Practice Makes Perfect”. Good Luck.

Mirror Effect Tutorial

In this post, I’ll show you how to make mirror effect on photoshop. Basically it is a  very simple and easy effect, not a time consuming as well . If you’re a beginner, it’s a good starter, although maybe some of you will think that it’s a bit complicated. But believe me, it’s not. So, just open your Photoshop and let’s get started 😊

Here is the image that I’ll be using on this tutorial,

a

this is the picture of Alessandra Ambrosio that I took from Google.

Step 1: Open your image

Just like always, the first thing to do is to open your wanted image. Or you can use the same image as me, just download it. If you have already open your image, unlock the image so we’re free to make it whatever we want.

Step 2: Copy your image

Actually, this is not a necessary thing to do. But, it’s just in case if we screw up something. Just copy your image by press ctrl+J on your keyboard. The, rename the layer 0 to back up.

Step 3: Making a new layer

Making a new layer, and place it under your layer 0 copy. And turn off your backup layer and layer 0 copy, just like what I did down below:

a

Click on paint bucket tool a and fill your layer with black color. And turn on you layer 0 copy, but keep your backup layer off because we don’t need it, yet.

Step 4: Creating stripes

First thing first, select your layer 0 copy. And then, click select marque tool

a

And make a stripe, make sure you select only the parts of the hair. Then you right click and select new layer via cut:

a

And you can see that we make a new layer with a stripe of the image, now just turn it off and your layer will be more look like this:

a

Click on your layer 0 copy, and make another selection on different parts, and just do the same thing.

a

Repeat this action for a few times, as necessary. And in the end it will look like just something like this:

a

Now, you can delete your layer 0 copy since it is useless now. Then turn back on all the layer except the backup layer.

a

Since the image are now on different pieces, that you have to do is spread them by click on stripes layer one by one and move it, don’t forget to activate your move tool first. While moving the stripe layer, please hold shift command on your keyboard while moving the layer to keep the layer stays straight in line.

a

Step 5: Creating the mirror effect

Yeay! Finally, we almost done, just two more steps 😊. Now turn off your black layer, so your photo will be look like this:

a

And then create a blank new layer on top of everything. After that press, CTRL+SHIFT+ALT+E, so now you can see a merge of entire slices that you made before. And you have to duplicate the layer as well by press CTRL+J, and named it like what I did in the picture bellow:

a

If you’ve done, for a moment turn off your dark stripes layer and click on blur. Then select on Filter, Blur, and choose Gaussian Blur.

a

And in the Gaussian Blur, you have to make sure that it’s not a way too blur or too clear otherwise it doesn’t look good enough. If you’ve done, move your blur layer to the bottom of your last stripes or top of your black background. After that, make sure that you click on the move tool, then hold shift key and move the layer a little bit to the left/right whatever you want but make sure it looks proper.

a

So now, put your black stripes layer under the blur layer. Don’t forget to turn it on, then hold on your shift key and move it on the available space that left.

a

Now, turn down the opacity of black stripes layer to about 50%, and the basic mirror effect now is ready.

a

Step 6: Finishing

To make it more stunning, now make a new layer and click on your bucket tool and choose gradient tool, and make sure that you have foreground to transparent on gradient tool. When it’s ready, just hold your shift key and drag a little bit to the middle for two times on each side so it will be look like this:

a

Well, now we come to our last adjustment layer, now go on your adjustment layer, and you select gradient map

aa

Basically, I love it on black and white. But if you want another, you can click on the gradient option

a

And click on the setting icon which I rounded with red in the picture bellow, and choose Photographic Toning.

a

When it comes something like this,

a

Just click Append. Now you have much more gradient option like this. Here I choose sepia 3, then click ok.

a

a

Now, it looks really good, isn’t it? But I’ll change the blending mode to overlay

a

Now, we’re done. Tada!!!! Here our result,

a

Well, that’s how to create Mirror Effect on Photoshop. Check out other tutorial and also design tips and trick on my blog, and don’t forget to hit follow button on my blog to support me. And always keep in mind that “Practices makes perfect”. See you on the next post, Adios fellas.

Colors in Design

When we think about design, we always think about color. Design and color is something that can’t be separated. Design without the right color, is a chaos. It’s almost like chasing a traceless murder. In design, there are many kinds of color that every designer should know. And if you’re a beginner, you should know that color isn’t only about black and white or red and green, there are many. Besides, the rule of color also does exist. Here, in this post I’ll explain them one by one in the simplest way and easy to understood. Let’s get started:

RGB

RGB color is a model in which red, green, and blue light are added together in various ways to reproduce a broad array of colors. RGB tends to be used for on-screen purposes. So, RGB mode is most suitable and true-to-life to work with. It is good to keep in mind that all monitors are different though. One monitor may display blue slightly different than the next monitor, and both of those could be different than the next in line.

1

Hex

A hex is a six-digit number used in HTML, CSS, and design software applications to represent colors.

2

Palette

A color palette comprises of colors that can be utilized for any illustration or design work that represents your brand. The chosen colors should be designed to work harmoniously with each other.

3

Monochrome

Monochrome is used to describe design or photographs in one color or different shades of the single color.

4

Analogous

Analogous color schemes use colors that are next to each other on the color wheel. They usually match well and create serene and comfortable designs.

5

Complementary

Colors that are opposite each other on the color wheel are considered to be complementary colors (example: red and green).

6

Triadic

A triadic color scheme uses colors that are evenly spaced around the color wheel.

7

CMYK

CMYK is a color model that is used for print purposes. CMYK colors begin as white and then get darker as more colors are combined.

1

Pantone

The Pantone Matching System (PMS) is a standardized color reproduction system. Every hue is given a number, making it easy for people to reference and reproduce the same colors.

1

 Warm colors

Warm colors are made with red, orange yellow and various combinations of these colors. They give a friendly, happy, cozy vibe.

Cool colors

Cool colors such as blue, green and light purple have the ability to calm and soothe.

1

Color theory

Color theories create a logical structure for color. There are three basic categories of color theory: The color wheel, color harmony, and the context of how colors are used. Understanding how to use different colors to convey meaning is an important part of both design and marketing. Here’s a quick guide on how colors affect our brain:

1

Gradient

A gradient is a gradual change of colors (such as green turning gradually into blue) or a color fading into transparency. There are two common types of gradients: radial and linear.

Opacity

Opacity enables us to make an element of a design transparent. The lower the opacity, the more transparent an element is. For example, 100% opacity means an object is solid.

index

Hue

Essentially, a hue is a way to describe a color. And a hue can be any color on the color wheel. For example, red, blue and yellow are all hues.

Tint

A tint is a variety of a color. Craftsy explains that Tints are created when you add white to any hue on the color wheel. This lightens and desaturates the hue, making it less intense.

1

Well, I think that’s all. So, I hope after you read this post, your understanding of color getting greater so you can make the right combination of color and use the right kinds of color on your design. Good luck, always learn and remember “practices makes perfect” so if you’re working on daily basis on coloring, your sense of color will be getting sharp for sure. See you on the next post, adios fellas.

 

UNFEST INTEGRATED EXPO

Unfest Integrated expo adalah bagian dari serangkaian acara Unfest yang diadakan mulai tanggal 27 April 2017. Yang mana acara unfest ini akan ditutup dengan malam puncaknya yaitu concert music yang akan diadakan pada 28 April 2017. Ada banyak konten di integrated expo ini, seperti food corner, exhibition, local brand, dll.

a

Contohnya dalam acara integrated expo ini yang diadakan pada 27 April 2017 di Kampung Budaya UNNES, yang terbuka free untuk umum ini banyak terdapat stand stand yang menawarkan barang-barang dengan harga cukup menarik. Seperti Dans collection ini yang menawarkan banyak baju-baju batik yang bagus-bagus. Seperti yang kita ketahui bahwa batik adalah budaya leluhur kita yang bahkan masyarakat dunia pun mengagumi keindahan batik.

b

Ini tentu sangat bagus untuk mengenalkan pada kawula muda bahwasana batik itu indah dan bagus-bagus. Selain itu, batik juga sangat stylish jika dikombinasikan dengan mode yang cocok. Dengan ini diharapkan agar anak-anak muda mampu mencintai budaya sendiri seperti batik ini, dan sadar bahwasana batik juga keren kok dipake anak muda. Dan ini tentu dengan harapan agar jiwa seni anak muda bangkit dan memungkinkan untuk membuat jenis karya batik baru dengan desain yang modern, dan tentunya desain yang sesuai dengan jiwa muda pada era milenia ini. Terlebih diharapkan, dengan banyaknya expo ini mampu membangkitkan jiwa kreatifitas para desainer muda dan anak muda lainnya.

Square Photo Effect

In this Photoshop tutorial, we’ll learn an easy way to create a square photo effect. This is the easiest one to learn about photo editing on Photoshop.

Here’s the image I’ll be using for this tutorial:

four

Step 1: Open your image

You can open your picture by press ctrl+O, and then choose whatever picture that you want to edit.

1

Step 2: Make a pattern

Start by creating a new document, you can press ctrl+N on your keyboard to make it faster. And make sure the size is 500*500 pixels, and the background color is white.

2

After you click ok, your new document is ready. But, on the right bottom of your layer, you can see that the layer is lock (see on the red round below). Make sure to unlock the layer by clicking on the lock icon.

3

And then right click, and choose Blending Option:

4

Click on Stroke and set Inner Stroke with size 7px

5

And then go up to Edit menu on the Menu Bar, choose Define Pattern

6

Click Ok

7

And now you can close this project and back to your image.

Step 3: Applying your Pattern

First thing first, you have to duplicate your image by pressing ctrl+J. Then, right click on your layer copy and choose Blending Option just like this:

4

Click on pattern overlay and choose our new pattern, and then click Ok:

9

You can change the scale that you want as well after you choose your patter, that we’ve made before:

10

Then right mouse click and choose rasterize layer style, and your image would be like this:

12

Go to select, color range:

13

Click on white, and then click ok:

14

You can see on the image below that the white one are selected. Now, hit DEL key to delete the white:

15

Here’s the result

16

Then click on your layer image, and add layer mask and invert mask to white by pressing on ctrl+I. And hide the layer above your picture layer, see on the red cycle below:

18

If you done, create a new layer and move it to the bottom. Click on paint bucket tool and fill your layer with white.

21

Step 4: Coloring your squares

Choose Rectangular Marquee Tool,

22

and select a few square just like what I did on the picture below:

23

Then go to Adjustment and choose Hue/Saturation

24

You can change saturation and color on selected squares now:

Screenshot (86)

25

Repeat these steps again, but with different color. And you can delete squares on edges too, just select and hit DEL key. Well DONE 🙂

26

yeah! There we have it! That’s how to create square photo effect. Check out other tutorial and also design tips and trick on my blog. And always keep in mind that “Practices makes perfect”. See you on the next post, Adios fellas.

Design Terms

Designers have a vocabulary all their own which it might sounds alien for common people or people who still new in design world. Sometimes, when we’re still new in the design world, it’s hard to communicate with other designer. We might know what we wanted to ask, but don’t know what its name. In this post, I will try to explain the terminology that every designer should know. And knowing the right terminology, I hope that it will help you communicate with one another (designer and market) and get the results you envision in an easier way.

Take a look at these design terms. Study them. Commit them to memory. L.O.L …That’s too much work hahaha. Just bookmark this page and use it as your design word cheat sheet.

  1. Golden ratio

The golden ratio occurs with two objects which, once you divide the larger by the smaller, result in the number 1.6180 (or thereabouts). The most famous golden ratio is the golden rectangle, which can be split into a perfect square and a rectangle the same aspect ratio as the original rectangle. You might see this in image composition or website design and grid layout.

1

By using the golden ratio you can ensure your images are eye-catching and beautifully formatted.

  1. Composition and layout

Composition is the arrangement of design elements that form a whole image. A successful composition attracts the viewer and guides their eye across the design. In visual art, you might hear this referred to as “form.” In graphic design, it’s often called layout. Composition is made up of a number of different visual design elements, including balance, proximity, alignment, repetition, contrast and white space.

  1. Balance

This isn’t your ability to walk a straight line after three beers. In design, balance involves the placement of elements on the page so that the text and graphic elements are evenly distributed. There are three ways to achieve balance: symmetrically, asymmetrically and radially.

Symmetrical

Symmetry is achieved when all design elements are equal on both sides of a central line

Asymmetrical

When graphics and text are not equal on both sides of a central line, a design is said to be asymmetrical. In the example above, there is still balance, but there are graphics on one side and text on the other

Radial

A radial design is one in which elements radiate from a central point, creating balance.

  1. Rule of thirds

You can apply the rule of thirds by imagining a 3×3 grid lying on top of your image and then aligning the subject of the image with the guide lines and their intersection points (e.g. placing the horizon on the top or bottom line) or allowing the elements of the picture to easily flow from section to section.

2

Once you have your grid in place, the spots where the lines intersect each other indicate the prime focal areas within your design:

3

  1. Hierarchy

In design, hierarchy is the organization of elements by level of importance. Newspapers, magazine spreads and movie posters are good examples of the use of design hierarchy. Headlines (also called display type) are usually placed at the top, while subheads and body copy fall underneath.

4

  1. Scale

In design, scale refers to the size of an object in relationship to another object. Two elements of the same size can be seen as being equal. Whereas elements with a clear variation in size tend to be seen as different.

When putting together a design, think about how you can utilize scale to help you illustrate the meaning behind your image. Take the below example; the larger circle appears to be more influential and important that the smaller one. You could even say the smaller circle may be a little timid or shy.

5

  1. Thumbnail sketch

When conceptualizing, a designer will often create small, rough drawings—thumbnail sketches—to explore many ideas.

  1. Mock-up

A mock-up is a real or digital model used to test early design ideas and see how they could look in the real world.

9 . Aspect ratio

An aspect ratio is the proportional relationship between the width and height of a rectangle (a rectangle is used because the vast majority of screens are wider than they are tall). An aspect ratio is defined via a mathematical ratio, with two numbers separated by a colon.

  • width:height
  • This means that 4 inches wide by 3 inches high would be a ratio of 4:3
  1. Texture

A texture is defined as the surface characteristics of your image. In design, you can utilize textures such as cloth and brickwork to mirror the visual appearance of the actual texture.

  1. . Knolling

Knolling is the act of arranging different objects so that they are at 90-degree angles from each other, then photographing them from above. This technique creates a very symmetrical look that feels pleasing to the eye. Images that feature knolling tend to be set against a contrasting solid background.

6

  1. White space

Whitespace, often known as negative space, refers to the area of a design left blank. It’s the space between graphic elements, images, copy, and anything else on the page. Even though it’s known as white space, it can be any color.

An excellent example of white space is the Google homepage. It’s almost filled with whitespace to encourage users to focus on the search bar:

7

  1. Resolution

The resolution of an image determines the quality. As a rule of thumb, the higher the resolution, the higher the quality. A high-resolution image will be clear and crisp whereas a low-resolution image will feel a little pixelated and blurry.

8

  1. Contrast

Contrast occurs when two elements on a page are different. For example, it could be different colors between the text and the background color or dark vs. light colors.

9

One of the main reasons to use contrast in your designs is to grab attention. For example, the infamous iPod silhouette adverts were so memorable because there is a huge contrast between the white iPod and earphones and the bright background and silhouette.

10

  1. Saturation

Saturation refers to the intensity or purity of a color. The more saturated a color is, the more vivid or brighter it appears. Whereas desaturated colors, appear a little duller.

11

Highly saturated images tend to stand out and draw attention, therefore giving the appearance of carrying more weight than less saturated images. If you’re adding a text layer over a picture and would like it to stand out, using a less saturated background can be a great way to do so.

  1. Blur

Blur makes images more unclear or less distinct. Using a blur can be a great way to make text stand out when overlaid onto an image. When you put text over an image, the two elements can form a somewhat competitive relationship (example on the left below), a little blur can make the text stand out more and appear much more readable (on the right below).

12

  1. Crop

When you crop an image, you’re cutting away and discarding the unnecessary portions of the image. Cropping allows you to change the emphasis or direction of an image.

 

13

  1. Pixel

A pixel is a minuscule area of a screen (the word comes from “picture element”). Pixels are the smallest basic unit of programmable color on a computer and images are made up of many individual pixels.

  1. Skeumorphism

Skeuomorphism is when a digital element is designed to look like a replica of the physical work. For example, think iPhone’s calculator or Apple’s newsstand where the bookshelf and magazines look and feel like they do in real life.

14

  1. Flat

Flat design is a minimalistic approach that focuses on simplicity and usability (almost the opposite of Skeuomorphism). It tends to feature plenty of open space, crisp edges, bright colors and two-dimensional illustrations.

15

  1. Raster

Raster images are made up of a set grid of pixels. This means when you change the size of stretch a raster image it can get a little blurry and lose some clarity.

  1. Vector

Vector images a made up of points, lines, and curves. All of the shapes within a vector are calculated using a mathematical equation which means the image can scale in size without losing any quality. Unlike rasters, vectors won’t get blurry when scaled.

After you read about this, I hope know you know more about design terms. I’m sure, if you memorize these terms, alien words on graphic design will exist no more in your vocabulary hahahaha. okay, good luck! Adios fellas. And don’t forget to bookmark this site ha ha ha…

How to Make a Selective Coloring Effect in Photoshop

In this Photoshop tutorial, we’ll learn an easy way to create a popular selective coloring effect. Selective coloring effect is editing a picture by converting a photo to black and white while leaving the main subject in full color. If it sounds complicated or time consuming, it’s not, believe me. It’s okay if you know nothing about how to use layer mask yet, or other tools that sounds alien. All we need to make this stunning coloring effect is only pen tool, selection tool, and adjustment tool. Simple isn’t it?

Well, here I use Photoshop CC on windows. If your Photoshop still CS6, CS5, or the other it is okay because basically they’re almost the same, and the new one only has richer features. Okay, let’s get started:

Here’s the image I’ll be using for this tutorial:

1

For my image, I want to leave the guy in the middle while converting everything to black and white.

Step 1: Open your wanted picture on Photoshop

2

You can open your picture by press ctrl+O as well, and then choose whatever picture that you want to edit. Ah, and don’t forget to duplicate your picture by press Ctrl+J. This is not a must, but I usually do that just in case I need them. Here, I duplicate the picture layer three times.

3

Step 2: Select Your Main Subject

4

You can see, my subject is the guy in the middle. Basically you can use selection tool of your choice ( Lasso Tool, Quick Selection Tool, Pen Tool, etc) but I prefer Pen Tool because it’s more accurate since my subject have smooth and curved edges. But, of course, your photo will be different and different selection tool may work better on your photo. Well, now draw a selection outline around the main subject of your photo. When you’re done, you should see an outline like the picture above.

When your picture is just something like what’s mine above, now you can select your picture by click on the right of your cursor/ mouse, and then you’ll see something like this:

5

Click on make selection, and then you’ll see something like this:

6

Here, I left the Feather Radius 0 and then click OK.

7

Your picture will have already selected.

Steps 3: Invert The Selection

Since now we have our main subject selected, but what we actually need is everything except the main subject to be selected, which means we need to invert our selection. Go up the Select menu in the Menu Bar along the top of the screen and choose inverse, just like this:

8

Or, for a faster way to invert a selection. Just press Shift+Ctrl+I on your keyboard.

You may have to look to notice what happened since the initial selection outline will still be around your subject, but you should now see a second selection outline around the edges of your image. And this tells us that everything in the image except the main subject is now selected.

9

Steps 4: Make the Rest of the Subject Black & White

Believe it or not, we’re almost done! Go up the Images menu in the Menu Bar along the top of the screen and choose Adjustments and then Desaturate. or if you want to be quicker just press Shift+Ctrl+U on your keyboard.

10

After we’ve done, just deselect the selection by go up the Select menu in the Menu Bar along the top of the screen and choose Deselect or press Ctrl+D.

11

And we’ve done. So the result will be look like this:

a

And yeah! There we have it! That’s how to quickly add a selective coloring effect to an image with Photoshop! Check out other tutorial and also design tips and trick on my blog. And always keep in mind that “Practices makes perfect”. See you on the next post, Adios fellas.

Enjoy learning and be my guest.