Category Archives: I.T

Photoshop Tool: Slice Tool


Slice tool is used to divide an image into sections. This is very useful when you have a design layout for your website and want to slice them to get the same image output as that of the image. There are actually two tools under it: Slice which has the capabilities to divide / slice an image. The other one is Slice Select (from the name itself) which lets you select and modify a sliced section.

I gathered these videos from youtube that will help you understand slicing more:

Slice Tool – Adobe Photoshop

Photoshop Tips – Slice Tool

Aside from those videos above, here is another useful information from Adobe Help Page:

Slices are categorized by their content type (Table, Image, No Image) and by the way they are created (user, layer-based, auto).
Slices created with the Slice tool are called user slices; slices created from a layer are called layer-based slices. When you create a new user slice or layer-based slice, additional auto slices are generated to account for the remaining areas of the image. In other words, auto slices fill the space in the image that is not defined by user slices or layer-based slices. Auto slices are regenerated every time you add or edit user slices or layer‑based slices. You can convert auto slices to user slices.
User slices, layer-based slices, and auto slices look different—user slices and layer-based slices are defined by a solid line, whereas auto slices are defined by a dotted line. In addition, user slices and layer-based slices display a distinct icon. You can choose to show or hide auto slices, which can make your work with user-slices and layer-based slices easier to view.
A subslice is a type of auto slice that is generated when you create overlapping slices. Subslices indicate how the image is divided when you save the optimized file. Although subslices are numbered and display a slice symbol, you cannot select or edit them separately from the underlying slice. Subslices are regenerated every time you arrange the stacking order of slices.
Advertisements

Photoshop Tool: Crop Tool


PHOTOSOP_CROP_TOOL

Crop tool in Photoshop is just like other crop tool. It is use to select a rectangular area of an image and disregard outside the selection. Some are saying “Crop tool is to re-size an image”. Resizing an image is different from cropping.

Resizing means changing the size of an image whether to make it larger or smaller but cropping does not enlarge or reduce content size. When you say crop, you just make a selection and disregarding those that are unselected.

To understand the differences between the two more, consider having the image below:

crop_vs_resizingThe image shows how cropping and resizing differs. The first one shows resizing in which a larger image can become smaller or vice versa.

The second one shows how cropping is done. From the complete image. Once you crop it and select only a specific area, the selected is left and disregarded the unselected.

Be careful of deciding whether to crop or re-size your image. Sometimes, confusion will lead to a wrong decision.

Let’s talk about slicing next.

Thanks for reading. 🙂

Photoshop Tool: Magic Wand Tool


PHOTOSOP_MAGIC_WAND_TOOL

Magic Wand tool allows you to select an area of an image based on its edge colour. If you want to create a selection for your face and want to disregard your background, this tool is very helpful for you. You may think about using the pen tool which is everyone’s first choice of doing crops and selection. But you may encounter problem such as inaccurate edges and some fails of selecting an edge.

Thmagic wande magic wand tool will cut your problem off your chest. If you don’t know what it’s look like, the magic wand tool looks like a magic wand in fairy tales. Try opening an image file. Click an area on your image using a magic wand tool. As noticed, all areas that has similar colour are selected.

You can do a lot of changes with the use of your options bar. You can change your tolerance value fro

m 0 to 255.

tolerance

Note: the higher the tolerance, the larger the selection.

You can check the anti-aliased to define a smooth edge to the selection. If you want to only select an area which is joined together, you check the contiguous. Check Use All Layers to select areas from all layers.

options

Please see the above image for options 🙂

Photoshop Tool: Lasso Tool


PHOTOSOP_LASSO_TOOL

Lasso tools allow you to select certain areas of an image by tracing the selection outline. Like the Marquee tool, Lasso has different tools available as well:

According to mediacollege.com,

Lasso Tool

This is a freehand selection tool. Click and hold your left mouse button on the image and draw your selection.

Polygonal Lasso Tool

Similar to the lasso tool, except that instead of holding your mouse button down to draw, left-click on various points to create a selection with a series of straight edges.

You can also hold down the Alt key (Windows) or Option key (Mac OS) to draw freehand sections.

Magnetic Lasso Tool

This is a very handy tool for selecting areas which have reasonably well-defined edges. Left-click at the starting point of your selection and simply move the mouse along the edge.

“Fastening points” are automatically made at various points along the edges. Left-click at any time to add a fastening point manually.

To Complete a Selection

To finish drawing a selection, either click on the selection starting point or double-click anywhere.

Well, a lasso tool works somewhat like the marquee as well. It also creates a marquee to your image and you can use the move tool to move it. 🙂

Photoshop Tool: Move Tool


PHOTOSOP_MOVE_TOOL

Move tool is actually understandable. There is no need to for further discussion. Move tool is use to move an element or a selection.

move

I use move tool after marquee. As I open an image, I will do selection of some of its parts with the help of the marquee tool. If you have read my last post, you will understand why.

According to Wikipedia, The marquee tool can make selections that are single row, single column, rectangular and elliptical. Once an area of an image is highlighted, the move tool can be used to manually relocate the selected piece to anywhere on the canvas.

Furthermore, move tool is not only use to move an image inside your canvas, but you can also move it from one canvas to another.

Photoshop Tool: Marquee Tool


PHOTOSOP_MARQUEE_TOOL

Marquee is used when you want to make a square/rectangular shape on your image. That’s the definition I always give when talking about the marquee tool. But marquee is not only use to make a selection for square or rectangular shape. Marquee comes in different shapes:

marquee

Rectangular Marquee

This is the one I always use. You will use it if you want to make a rectangular shape selection into your image.

Elliptical Marquee

This is a marquee tool that is use when you want to make an elliptical shape of selections.

Single Row marquee

It will make selection to one row of your image. This marquee will create 1 pixel high – horizontal selection on your image.

Single Column Marquee

It will make selection to one column of your image. This marquee will create 1 pixel wide – vertical selection on your image.

Note: You can try them out by clicking a part of your image >> holding your mouse >> move

You can see a formation of marquee tool depending of what marquee you are using.

Photoshop: Introduction to Different Tools


PHOTOSOP_INT_TO_DIFF_TOOLS

In order to understand Photoshop, you have to familiarize the tools used by designers. The tools of Photoshop are divided into five parts: (1) Selection, Crop & Slice Tools, (2) Retouch & Paint Tools, (3) Drawing & Type Tools, (4) Annotation/Measurements, and (5) Color box.

select_crop_slice

Selection, Crop & Slice Tools

This includes marquee, move, lasso, magic wand, crop, and slice tool. Usually, marquee is used when you want to make a square/rectangular shape on your image. Move is understandable already(use to move things). Lasso is use to draw selections in any shape that you would like to create. Magic Wand is used to select a color range. Crop is self-explanatory. Use to crop your image. Slice is used to slice an image when you do slicing. Most commonly, I use this tool when I start to build a new website design.

retouch_paint

Retouch & Paint Tools

This includes healing, brush, clone, history, eraser, fill/gradient, sharpen/blur, and  dodge. Healing is use when repairing something. Brush is very useful and everyone love this because, this is the only tool that you don’t need to study. Clone is somewhat have the same capability to a healing tool. History brush works like a normal brush but the only difference is that it’s paints is from the original state of your image. Eraser is understandable as well. It works like a simple eraser. You can use it when you have made a mistake. Fill is used to fill color to a specific selection. Gradient is use when you are making a gradiation of colors. Sharpen is use when making putting some emphasis to your image corners. Blur can make things blurry. Dodge is used to lighten any area.

drawing_type

Drawing & Type Tools

This group of tools are used for vector based drawing and type. This includes path selection, horizontal type, rectangle and my favorite pen tool.

annotation_measurement

Annotation/Measurements

These are tools use for remarks and dimensions. This includes notes, eyedropper, hand, and zoom. Note is use if you want to make a small note to your image. Eyedropper is use when you like to change your foreground background color to whatever color you want. Hand is use to move the image. Zoom is understandable. Use to change the size of your image.

foreground_background

Color Box

This contains boxes of colors. Foreground is the one in front and Background is the one at the back. You can click on any of them to bring up the color.

New Chapter: Photoshop


NEW_CHAPTER_PHOTOSHOP

When people ask for the best application to use for photo editing, Photoshop is the first in the list. It can be an image creation tool and an image editor at the same time. What is a Photoshop? How to Photoshop? According to Wikipedia, Photoshop is a graphics editing program developed and published by Adobe Systems.

index

Adobe’s 2003 “Creative Suite” rebranding led to Adobe Photoshop 8’s renaming to AdobePhotoshop CS. Thus, Adobe Photoshop CS5 is the 12th major release of Adobe Photoshop. The CS rebranding also resulted in Adobe offering numerous software packages containing multiple Adobe programs for a reduced price.

Adobe Photoshop is released in two editions: Adobe Photoshop, and Adobe Photoshop Extended, with the Extended having extra 3D image creation, motion graphics and advanced image analysis features.

Adobe Photoshop Extended is included in all of Adobe’s Creative Suite offerings except Design Standard, which includes the Adobe Photoshop edition.

This new chapter of my session, we will be tackling Photoshop. They said, only “professionals” can use Photoshop (which is very untrue!). I am not a professional but I am using it! My classmates aren’t professionals as well! Let’s take this conversation hanging. Thanks for reading and see you next time.

New Chapter: The come back!


new-chapter

Is it a month since you heard a my last blog post? Nope, maybe two. For my long day of silence, I am coming back for good to share again another chapter of my learning after the Ipv6 session.

Have you learnt something on my past posts? Let me give you a recap:

IPv6 for beginners – I gave highlights of IPV6 for those who are new in this term.

Introduction – I have stated all about me. Few are asking and telling me to make a post that only tackles who I am! So, I made a post for them.

Link Local Address – It defines what a Link Local Address is.

IPv6 Network AddressIPv6 Network Address corresponds to the first 64 bits of the 128 bits IPv6 address.

IPv6: No ARPWhat corresponds to ARP in IPv4 to IPv6.

Convert: IPv6 to IPv4 – Explains how to convert IPV6 to IPv4 and vice versa.

Aside from these stuffs, I have made a blog about those unrelated to IT as well:

Things Need to be Addressed! and Sorry: Easy to say, Hard To Mean.

You can go to my personal blog which has a tag of The best diary ever.

Convert: IPv6 to IPv4


convert-ipv6-ipv4

First requirement that you need to understand this topic is to understand first IPv6. Once you have understood what an IPv6 is all about, you are ready the challenge of converting IPv6 to IPv4 and vice-versa.

Given an IPv4 address of 192.168.1.1. Let us try to convert it to IPv6:

192.168.1.1

First of all, you can group these numbers that are separated with period:

192                     .                     168                     .                     1                     .                     1

As shown above, the address is now divided into four groups. You will use them to get its IPv6 equivalence. If you have noticed, IPv6 has hexadecimals (e.g., fe80::200:f8ff:fe21:67cf, etc.):

Make sure that you know how to convert hexadecimal numbers. We are performing that today:

192         /             16                   =             12                remainder                 0

168         /             16                   =             10                remainder                 8

1              /             16                   =             0                  remainder                 1

1              /             16                   =             0                  remainder                 1

Next is, we will get those numbers at the top:

12                    0                       10                     8                         0                        1                     0                         1

We are aware that there is no number such 12 in hex so,.. it will become:

C   0   A   8    :    0   1   0   1

Hoping,things gets clear. To convert IPv6 to IPv4, just do the same thing. convert hex to decimal:

C0

A8

01

01

Now, could you do that for me? just leave your answer as a comment. Thanks.