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.

Day 3, Dec. 12, 2014

Day 3

*File Formats

   A file format is a standard way that information is encoded for storage in a computer file. It specifies how bits are used to encode information in a digital storage medium. File formats may be either proprietary or free and may be either unpublished or open.

   There are File formats for:

• Images
• Sounds
• Movies
• Documents
• Miscellaneous 

*Resolution

   Lossy and Lossless

    In information technology, "lossy" compression is the class of data encoding methods that uses inexact approximations (or partial data discarding) for representing the content that has been encoded. Such compression techniques are used to reduce the amount of data that would otherwise be needed to store, handle, and/or transmit the represented content. The different versions of the photo of the cat at the right demonstrate how the approximation of an image becomes progressively coarser as more details of the data that made up the original image are removed. The amount of data reduction possible using lossy compression can often be much more substantial than what is possible with lossless data compressiontechniques.

    Using well-designed lossy compression technology, a substantial amount of data reduction is often possible before the result is sufficiently degraded to be noticed by the user. Even when the degree of degradation becomes noticeable, further data reduction may often be desirable for some applications (e.g., to make real-time communication possible through a limited bit-rate channel, to reduce the time needed to transmit the content, or to reduce the necessary storage capacity).

    Lossy compression is most commonly used to compress multimedia data (audio, video, and still images), especially in applications such as streaming media and internet telephony. By contrast, lossless compression is typically required for text and data files, such as bank records and text articles. In many cases it is advantageous to make a master lossless file that can then be used to produce compressed files for different purposes; for example, a multi-megabyte file can be used at full size to produce a full-page advertisement in a glossy magazine, and a 10 kilobyte lossy copy can be made for a small image on a web page.

   Images

    -Raster = Bitmap

    -Vector = Line

Pixel = Picture Element

1. In digital imaging, a pixel, pel, or picture element is a physical point in a raster image, or the smallest addressable element in an all points addressable display device; so it is the smallest controllable element of a picture represented on the screen.

   

1. *The rule of thirds is applied by aligning a subject with the guide lines and their intersection points, placing the horizon on the top or bottom line, or allowing linear features in the image to flow from section to section.
2. 
3. 
   
   

*Golden Ratio

    In mathematics, two quantities are in the golden ratio if their ratio is the same as the ratio of their sum to the larger of the two quantities. The figure on the right illustrates the geometric relationship. Expressed algebraically, for quantities a and b with a > b > 0,

where the Greek letter phi (φ) represents the golden ratio. Its value is:

    The golden ratio is also called the golden section (Latin: sectio aurea) or golden mean. Other names include extreme and mean ratio, medial section, divine proportion, divine section (Latin: sectio divina), golden proportion, golden cut, and golden number.

Divine Proportion - Arm

Human Body

Face

Architecture

Art