Feb. 27, 2015

Web colors are colors used in displaying web pages, and the methods for describing and specifying those colors. Colors may be specified as an RGB triplet or in hexadecimal format (a hex triplet). They may also be specified according to their common English names in some cases. Often a color tool or other graphics software is used to generate color values. In some uses, hexadecimal color codes are specified with notation using a leading number sign (#).A color is specified according to the intensity of its red, green and blue components, each represented by eight bits. Thus, there are 24 bits used to specify a web color, and 16,777,216 colors that may be so specified.

EXHADECIMAL COLORS

EXHA = Letters

DECIMAL = Numbers

                                                  0 ----- 9 – A ----- F

                                           Black                           White

Ex.

# 000000 – Black

# ffffff – White

#ff0000 – Red

# 00ff00 – Green

# 0000ff – Blue

# 00ffff – C

# ff00ff – M

# ffff00 – Y

# ff9999 – Pink

C.I.E. Chromacity Diagram

    The CIE 1931 color spaces are the first defined quantitative links between a) physical pure colors (i.e wavelengths) in the electromagnetic Visible spectrum and b) physiological perceived colors in human Color Vision. The mathematical relationships that define these color spaces are essential tools for color management. They allow one to translate different physical responses to visible radiation in color inks, illuminated displays, and recording devices such as digital cameras into a universal human color vision response. CIE 1931 RGB color space and CIE 1931 XYZ color space were created by the International Commission on Illumination (CIE) in 1931. The CIE XYZ color space was derived from a series of experiments done in the late 1920s by William David Wright and John Guild. Their experimental results were combined into the specification of the CIE RGB color space, from which the CIE XYZ color space was derived.

-- And we made a Text Portrait or Typography with an 8R size.

Feb. 13, 2015

We made some 3D Anaglyphs on images using Photoshop.

We also made a Depth map from the image below to create a 3D Anaglyph.

Original Image

Depth map

3D Anaglyph with depth map

Feb. 6, 2015

Sir Ray checked our Calling cards and gave us more tips to make it more desirable.


We discussed about Ads

•  The Art of 30 secs

     We also learned that producing a TV commercials was really expensive,


"SEED"
     We all learned the same thing in class and the only difference we have are having the skills and talent. That is why it is wise to use your own potential in good use in the right place, in the right time.


We learned that there are a lot of parts in typography and we made an image showing the anatomy of typography.

Created by Joshua S. Valino

Dec. 19, 2014

Photoshop Tools

We learned  to use some basic Photoshop tools and then took the prelim exam online.

Jan. 16, 2015

Types of Logo

• Text based
• Emblem/Iconic
• Illustrative/Illustration
• a combination of two or three types

Characteristics of a good logo design

• Simple
• You can redraw it in the sand
• 2 colors or less (fewer colors means saving in the long run)
• From colored version - can be converted into black and White

Typography
Tracking - In typography, letter-spacing, usually called tracking by typographers, refers to a consistent degree of increase (or sometimes decrease) of space between letters to affect density in a line or block of text.
Leading - In typography, leading /ˈlɛdɪŋ/ refers to the distance between the baselines of successive lines of type. The term originated in the days of hand-typesetting, when thin strips oflead were inserted into the forms to increase the vertical distance between lines of type. The term is still used in modern page layout software such as QuarkXPress and Adobe InDesign.

In consumer-oriented word processing software, this concept is usually referred to as "line spacing" or "interline spacing."

Say No to Faux Bold!

Crisp - default in Photoshop.

Jan. 9, 2015

The Internet

     The history of the Internet begins with the development of electronic computers in the 1950s. Initial concepts of packet networking originated in several computer science laboratories in the United States, Great Britain, and France. The US Department of Defense awarded contracts as early as the 1960s for packet network systems, including the development of the ARPANET (which would become the first network to use the Internet Protocol.) The first message was sent over the ARPANET from computer science Professor Leonard Kleinrock's laboratory at University of California, Los Angeles (UCLA) to the second network node at Stanford Research Institute (SRI).

The Web Browser

     A web browser (commonly referred to as a browser) is a software application for retrieving, presenting and traversing information resources on the World Wide Web. An information resource is identified by a Uniform Resource Identifier (URI/URL) and may be a web page, image, video or other piece of content. Hyperlinks present in resources enable users easily to navigate their browsers to related resources.

Although browsers are primarily intended to use the World Wide Web, they can also be used to access information provided by web servers in private networks or files in file systems.

The major web browsers are Firefox, Internet Explorer, Google Chrome, Opera, and Safari.

Image setting

-Baseline Standard
-Baseline Optimized
-Progressive
 

8-Bit to 64-Bit

1 bit is on & off
 8-bit = 2x2x2x2x2x2x2x2
         = 256
RGB
      R = 256
      G = 256
      B = 256
 8-bit = 16.8M

Then we leaned to use different types of brush tool and turning images into a brush in Photoshop CS.

I used a picture of a cat and put some designs in all sides using Brush tools.