1 introductory.docx

Embed Size (px)

Citation preview

  • 7/27/2019 1 introductory.docx

    1/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    1. Introduction

    It may seem to be a far away approach if firstly I try speak about the visual stimulus in

    connection with a subject such as the mobile phone, which was made to present the visual

    design of these hopefully popular applications . However, I encourage the reader to linger a few

    ideas up around this topic. During the last sixty years we have experienced that the structure of

    the human thought has changed at the same time with the perception of the visual perspective.

    The human visual perception as a primary source of information of the environment, is a natural

    sight (and by that we can even understand the pristine nature)which reception has at least the

    same number of abstract visual stimuli, that is, the image decoding facility. We can interpret the

    original three-dimensional image of objects without difficulty, and we can confidently orient in

    the plane between the objects of our daily lives - most significantly in front of a monitor. If all

    this seems to be too obvious we have to think that it was not always that way. We know

    experiments in which researchers have tested the natural nations relationship with images. It isan interesting experiment that the people socialized in tribal culture, in many cases; they could

    not identify themselves or their peers with the recording shown on Polaroid figure. They shot the

    photo around was, smelled it, but since neither the size nor the shape, not even the material did

    not like the 'original' sight, they did not connected with it. All this happened because they were

    not required to change their lives reflexively with visuals Sikkim abstraction. With us it would

    also be a similar disorder: imagine the chaos that would result in, for example, if the entire

    world's traffic tables because of a higher command it would be changed coordinately and at once.

    From one moment to another we meet with unusual shapes, symbols and color coding, what

    would not be based on international conventions, forms and colors. Of course, the use of the

    right hand rule and related concepts would be helpful in the previous experience, but you also

    have unforeseen problems with orientation in an unfamiliar city. Something similar happened in

    human thinking with the proliferation of personal computers and the Internet. Who wanted to

    orient correctly on the informationsuperhighway had to master in a relatively short period of

    time a new system, and it turned out that in this new system the images and visuals played an

    important role. After these probably will not be a surprise if I have to draw the conclusion that a

    lot has happened since the design of the first website till the editing of today's smart surfaces of

    the mobile platform. Virtually everything has radically changed in the computing field, the field

    of opportunities offered by the web as well as in the field of mobile telecommunications and, of

    course, all of these graphic design, presentation and display areas.In this book in connection with the editing of the mobile phones graphical interface I concretely

    write about the aesthetic principles that are useful in all cases, and in some situations we have to

  • 7/27/2019 1 introductory.docx

    2/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    bare them in mind. There is no mention about programming knowledge. I'd like to make it seen

    that the design of the most appropriate content or the appearance is not secondary or negligible,

    and I hope that this text is considered useful to help the reader to develop a visual and content-

    harmony.

    2. The Asset Base

    Nearly a quarter century passed before the first commercial computer appeared in 1975, till the

    appearance of the personal computer Altair 8800, what was manufactured and marketed

    specifically for personal use. Two years later the Tandy Corporation started to produce- with

    keyboard and CRT monitor- Tandy TRS -80 Model I., which has been programmed in BASIC

    language, what was easy to learn, in addition to the computer could be connected to a cassette

    tape on which information can be stored. In the same year, 1977, in the United States the

    legendary Apple II appeared. Of course, the hardwares popularity was growing in synchrony

    with this the software developers -in addition to various data processing softwarehave created

    programs for data visualization, or digital drawing, and image editing. A process has started with

    this- until the present, a self-reinforcing process - in which the options and the users needs effect

    on each other operates very efficiently.

    In the 80s with the development of the staff - especially the window menu, the graphical

    interface is gaining ground - it is noticed that the keyboard previously used almost exclusively it

  • 7/27/2019 1 introductory.docx

    3/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    was necessary less and less, however, the mouse has become a necessity to surface navigation

    purposes. This leads to the need that instead of the often uncomfortable Appendix treated

    peripheral devices; we should use an interactive display interface that is able to perform data

    entry and visual display functions as well. We had to wait a relatively long time for a touch-

    screen device; the first developments began almost simultaneously with the development of the

    personal computers. The first touch screens, what could be operated with light pen touch, were

    made in the fifties and sixties for air traffic control, and in 1983 Hewlett Packard HP -150 types,

    touch-screen computer with infrared sensors, appeared on the PC market. They can not spread

    out widely, perhaps because of the high price and the low stage of the technology. The first multi

    touch screen was developed in 1984 by AT & T Bell Labs, but the real PDAs have appeared only

    in the nineties. First, Apple has introduced 93 models in the Newton PDA a bit later; the IBM

    also came up with a phone called Simon personal, which has already contained a small touch

    screen. This device combined firstly the touch screen technology and mobile phone, but the real

    breakthrough came in 2007 due to the launch of iPhone. Nokia much earlier, in 2003, launched

    Nokia 3108, touch screen phone. The first time to get a touch screen mobile in Hungary was in2004, and it was Nokia 7710 mobile. N800 and N810 around the same time with iPhone, in form

    of a tablet were available. In 2006, Samsung introduced the first touch-screen smart phone called

    Omnia.

  • 7/27/2019 1 introductory.docx

    4/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    In case of the phones the function of the touch is currently playing a leading role, but customers

    also demand of traditional push-button versions, and there are some costumers who insist on the

    full QWERTY keyboard. As mobile technology can be seen as one of the most spectacularly

    developing industry, technological innovations are expected from almost every other component.

    The major products of top companies are no longer a rarity, not even the four, or even eight-core

    processor, Samsung has unveiled unbreakable, flexible LCD display and in recent years,

    significant results were achieved in the field of speech recognition as well. At the time of thiswriting the most recent innovation may be the introduction of the Eye Scroll and Eye Pause

    system, based on interviews with experts the smart phone can detect automatically the user's eye

    movements and due to this it scrolls the menu bar, and stop surfing when the eye movement

    wanders from the screen. These undoubtedly will result in significant changes on the field of the

    mobile phones in the near future.

    Computer and mobile industry together with digital cameras and camcorders are also developing

    rapidly. As in computing without the primitive data saving - the magnetic recording was the

    premise, the digital photography would not exist without the appearance of video technology.

    Unlike the conventional camera, the video tape does not record frames, but secured encrypted

    signals which can decode and display picture again as a VCR. In other words, firstly the digital

    photography had to invent a system where analog sight is encoded to data quantity and an

    additional, condition that the same code is necessary to reconstruct the original image. The CCD

    (charge - coupled device or charge - coupled device) is the keyword of the technology what

    replaces the celluloid film.

  • 7/27/2019 1 introductory.docx

    5/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    In 1969 at AT & T Bell Labs the first CCD has seen the light of day, and this experience was

    used in 1975 by Eastman Kodak engineer, Steve Sasson, who first made a test camera, which

    had light sensor chips instead of film. It had quite modest abilities, which allowed them 100

    100 pixel resolution; the image was encoded into digital data and it was recorded on cassette

    tape. The first commercially available digital camera, called the Sony Mavica, was manufactured

    in 1981. This machine had interchangeable lens, a special card reader to make the images

    watchable it was inserted on the television, because at the time personal computers were still

    incapable of displaying the photos. We had to wait until 1988 to get a digital camera what can

    capture a removable memory card images. At that time Fuji presented DS-1P camera type and inthe same year the JPEG compression was born, which was a new milestone in the development

    of digital imaging. From here, the technology has spread rapidly; leading to the mass production

    launch, this camera has been very hefty price, available for the amateur user.

    3. Contemporary Visual Culture

    Status and changes in the critical sense of the pictures

    The previous paragraphs have shortly outlined the development of daily technology, which

    played an important role in the change of the social status and judgment of the visual stimulidefined as image. Today, almost every modern household (even moderately equipped) is

    equipped with modern computer, an Internet connection a personal computer, a mobile phone

  • 7/27/2019 1 introductory.docx

    6/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    and camera at the same time. We may analyze some segments of this tool park so that the

    computer can be a desktop computer - among them IBM or Macintosh system - or laptop. You

    can choose a mobile phone according to their functions, such as conventional or smart phone,

    and the latter, iOS , Android , Symbian and Windows Phone is based on the platform. Depending

    on the user's intent and wallet a camera can be SLR camera, DSLR, Compact or Bridge camera,

    we can enjoy the captured images on different types of computer monitors, TV, digital picture

    frame projector or tablet as well. As the outdated appliances are replaced with new ones, it is

    observed that the LCD or LED display technology imperceptibly enmeshed in our daily life,

    because almost every household has this electric machine and we could find one in almost all the

    rooms of our home. But leaving our homes, on the street, in the car or on public transport we

    perceive useful or useless information. This huge display conveys lot of images for us and our

    brain gets used to process such data. We select the uninteresting pictures without much focus on

    communicating information, and we store useful ones in our photographic memories. This is not

    only vegetative, but also played a direct process, and has become reflexive for humans of the

    modern age. We often experience that the phone's built- shoot camera, timetable plastered ad orother text information are recorded by someone. The same phenomenon is increasingly common

    in school performances, when the students take photo on the projected frame - instead of taking

    notes - considering this more important. This is surprising at first, but it is perfectly reasonable

    gesture because as opposed to a notebook and writing utensil the cell phone is reliable and

    always at hand. The communication devices with cameras in addition to the photo sharing social

    networking sites can directly transmit the photograph , so that the data can be shared as quickly

    as possible available to others . Sounds unbelievable, but true , that the photographs is made is

    almost 20 % of Facebook, and this ratio is quite significant when you consider that the number

    on Facebook filled images for 2012 is much higher than has been the 140 billion. This amount is

    rightly called the world's largest photo archive. It is also interesting to note that the preparation

    of the images being transmitted to inspire you to upload your photo, will be shared . Most of the

    pictures here recorded for an event, and the nature of the document - for at least the creator - the

    picture is more important than any other value, which underpin the interpretation of the image

    data as a hypothesis.

    The image as information

    The earliest photograph is not 200 years old yet. If we try to express the number of all the imageswhich have been ever made, in particular, we should

  • 7/27/2019 1 introductory.docx

    7/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    quantify the number of the analog inputs of all the images. Of course, it is difficult to make an

    estimate about the initial era, but before the estimation we have to clarify what is considered to

    be a photo in those days. We can declare that the number of photos was not more than one

    million, before the introduction of the Kodak Brownie in the market, in 1901. We can use the

    reasonable estimates of the Kodak statistics from then on. First the photo was mass-market,

    public goods, from 1984 based on the estimates published by the Silver Institute and PMIA we

    know the number of physical files taken on the world each year. Year after year, the numbers

    have been growing, as more and more people have been taking more and more photos, the 20th

    century was the golden age of analog photography, which reached its highest point in 2000. At

    that time, an incredible number of 85 billion physical, tangible picture was taken. Estimated by

    the number of cameras we can calculate that 2500 images were taken every second in the world.

    These numbers show an incredible dimension, but they serve only as a modest introduction to

    imagine the size of the digital times. At present, it is almost impossible to prepare a summary

    about the number of the cameras and other devices of photo taking existing in the world today

    even with the help of the number based on the data provided by the manufacturers. However, in2011, it can be stated based on the approximate numbers that more than 2.5 billion pieces of

    camera devices are in use around the world. When we look at an average person shooting habits

    the statistical data shows that 150 photos are taken in a year, by the end of 2011, there are 375

    billion photos in the world. The trend continues to grow exponentially, and based on the figures

    mentioned before, it was calculated that humanity has exceeded 3.5 trillion photos1.

    Did we have time to develop a critical attitude in this image floatation? Did the aesthetic senses

    co- evolve with the ability of reception these the large amount of image information or the

    perception of the images has changed functionally? This pretty much means that we do not deal

    with them in the classical sense as an image or picture, but as a coded surface. One explanation

    may be that the digital image is a set data in all cases, and even people are aware of this fact that

    did not have the forced experience to make the analog -to-digital conversion. With this in mind it

    may be easier to accept the inherent roots of image data as data storage data, and they can be

    considered less original (and therefore often associated with the uniqueness assumption of

    unrepeatability) images. Hopefully we will get an answer to the question what is the difference

    between them.

    The digital graphics

    We can talk about computer graphics since 1963, when Ivan Edward Sutherland developed the

    1source: http://tizidesign.com (08.02.2013.)

  • 7/27/2019 1 introductory.docx

    8/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    American scientist program called Sketchpad, which was essentially the first real graphics

    program. He founded the general spread of object-oriented programming and use of graphical

    interfaces. Thus began the human-computer interaction thinking and this provided an opportunity

    to computer graphics to be used for technical and artistic purposes can. Computer technology has

    developed parallel with the evolution of computer graphics, and it united and applied almost

    immediately the classical art form genres (eg. street art and public art) and the characteristics of

    other art areas. It has become one of the most intensively evolving artistic areas that has made its

    effects felt in painting, photography, graffiti, graphics, individual or applied graphics, animation

    and cinematic genres and so on. Indeed, the use of computer graphics is very diverse from the

    field of individual art to the field of applied art.

    The number of artists who do not use computer in their work is very little. Perhaps as the most

    obvious example could be mentioned the territory of photography in which the original image

    can be corrected instantly and can be manipulated using a suitable software. On a color image

    can be created countless variations just by changing the color channels or contrast, but obviously

    it's not an accident that such software offers rich options of effects and in this way from the raw aworkof art " should be created. Painters also commonly use a computer -prepared digital

    projector to outline the projected screen, and after that they copy it on the surface. The graphical

    can create a lined drawing by using some effects what is in negative; can be similar to the excited

    graphics, so he can plan to see more before making the strut. The former practice of animation,

    the traditional stop-motion technology was forgotten immediately by the spread of software

    options. Previously, the illusion of movement was hatched by the movement between two key

    frames phases of paper, they drew and photographed them extensively on the film strip. It was

    time-consuming and required a coordinated work of several people; it was long work that is now

    by the use of digital environment can be done alone in a few minutes. The artists used different

    tools (eg. magnifying frame or camera obscura) at work, so we do not have to think that the

    computer as a tool reduces the artistic value of a work of art. In addition to the two- dimensional

    works it is not uncommon now, that a sculptor does a digital work. The 3D modeling allows him

    to virtually make models on plastic, and with the use of the available technology he can print the

    work on a 3D printer. Currently, it has limitations in size, but in practice it works so a public

    sculpture should be assembled from smaller components as well. Computer graphics is important

    not only for art consumption but also for practical applications. In fact, an industrial designer can

    make the model of car bodywork; an architecture can design the complex model of a building

  • 7/27/2019 1 introductory.docx

    9/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    (a good example is the mock-up of Buda Castle Hill 25 years development)2

    or a mechanical

    engineercan use it to build prototype of a complex industrial part similar to the sculptures

    method. All of these are specially developed for use in the field of professional graphics

    programs. Each of these programs have their own development process, taking into account the

    needs of the users and dozens of engineers are working on the development of the ideal software.

    One of the most famous image of the editing software, Photoshop, by Adobe Systems which was

    introduced in 1990.

    We see that the current trend in computer graphics is defined by the current state ofcomputer technology what is widely available and it is influenced by the perception of art as

    well. We have to note that only the available technology can determine the style, as it is well

    known that much of the research is likely to go ahead than the computing devices sold on the

    market on available price. The trend is formed by casual users; the tester of the new

    achievements can hardly shape it (although their task is not to create a new form of world).

    2http://epiteszforum.hu/25-ev-fejlesztese-25-het-alatt-1-1000-ben (04.07.2013.)

  • 7/27/2019 1 introductory.docx

    10/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    jpeg ny02 (2004)

    The German photographer, Thomas Ruff, created a series of jpeg images and it reveals the

    compression characteristics. This low-resolution image was found on the Internet, and it was

    enlarged into huge size (269 364 cm) and it was decomposed into a mosaic grid when we view

    it up close.

    4. Compositional Principles

    I can say that the reader of these lines is certainly have prepared countless compositions, even if

    they have not thought to do so. Composition can be either arranged on a bookshelf or preparing

    and serving a meal even in the case where the artistic intent is not controlled by its creator. If youwish to define, during the composition we can understand an action created by humans. The

    word comes from the Latin componen, that means the verb compose. These include the size of

    specific objects, range consisting of composition components, such as the traditional Japanese

    flower arrangement, the ikebana preoccupations, but composition is referred to an abstract

    concept from - in this example the note from - consisting of orientation as well as a score, whichthe composer composes various musical instruments and parts. The letters, texts can be edited

  • 7/27/2019 1 introductory.docx

    11/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    into compositions about this we will discuss in a later section about typography.

    The basic units of composition

    Roy Lichtenstein: Girl with tear III. (1977, oil

    canvas, 117 101, 5 cm)

    If we look carefully a graphic composition, we find that - in terms of visual basic unitsit is

    divided into points, lines and spots. Among them, the smallest unit is obviously the point andseries of dots form the line. Set of points or grid of lines form the spot. It seems to be strange, but

    this simple symbol builds a broad universe of dazzling works of art, at least in terms of two-

    dimensional works. If the point is not interpreted as a unit of autonomous artistic composition,

    but as part of the printing technology, we should imagine the grid point. In case of the offsetprinting technology the spot image appears as divided into small grid points. The print detail in

    the unit area (square centimeter) depends on the number of the first grid point. The same features

    characterize the image of the grid graphic or pixel graphic, but in this case the resolution is

    interpreted with dpi (dot per inch) identifier, where the number of dots per inch is given. Thevector graphics uses curves and polygons instead of the orderly arrangement of imaging points of

    straight lines, which are called geometric primitives.

  • 7/27/2019 1 introductory.docx

    12/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    Rate Systems and the Visual Dynamics

    The composition of the artworks is one of the most important features and also one of the

    fundamental dilemmas of the creative arts. It has internal discipline within the piece of art,editorial principles, which constitute the visible surface of the items placed there and arranged bythe artist. Meanwhile, taking note of the lines, spots, their tone, the proportions, shapes and

    colors of light and shadow effects, rhythm, contrast, the facture and various image plane some

    cases beyond the sight we pay attention on the associated tone or temporality as well. Besidethese, we have to take into consideration certain rules (for example, the perspective shortening)

    which also contain the primary function of the composition to convey the artist's thoughts, or

    express something. The composition is not only well designed, if it creates peace in the viewer,

    but also the seemingly tangled, disheveled , disorganized file structures can convey moods.

    Piet Mondrian: Composition with red, yellow and blue (1937-42, oilcanvas, 72.5 69 cm) and Jackson Pollock: Number 1 (1950, oil canvas, 221 x 300 cm)

    A different era in art history has its own characteristic compositional schemata, which can be

    typified according to the characteristics of a mainline. In ancient Egypt the stonecutters edited

    and depicted the events in lines, but this editorial principle was also dominant in the time of the

    Romanesque. The Gothic church art favored the symmetrical triangle layout, from which the

    Renaissance evolved its suggestive harmonious triangular arrangement of space; this was

    followed by thebaroques highly dynamic diagonal compositions. The asymmetrical framing

    system of Classicism and Romanticism were replaced by the abstract schemas of the isms from

    the 20 century, and compositions can be discovered especially in complex dynamic situations.Even where there is no hierarchical relationship between the elements, there is not a main motive

    and the background of the machined surface is equivalent so it would be difficult to draw the

  • 7/27/2019 1 introductory.docx

    13/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    dynamic power lines.

    It is also a common image editing principle when at first glance in a harmonious integrated

    interface we can discover something, something out of the ordinary only after a deep

    investigation. This is one of the typical surrealist paintings editorial principles, and it tests our

    associative ability, but this free association gives us the experience of discovery, and this may be

    one of the adequate forms.

  • 7/27/2019 1 introductory.docx

    14/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

  • 7/27/2019 1 introductory.docx

    15/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    Ren Magritte's La Reproduction Interdite

    (1937, oil canvas, 81 65 cm 3)

    Optical Phenomena

    I have already indicated the concept of a complex composition but by no means to all of them,

    since by composition we can understand the relationship between the things, and therefore it is

    very suitable for the practice of contrasts assignment. We can give as example a rustic, rough

    surface and a smooth and silky one. The juxtaposition of the quality of the two materials creates

    a particular tension; it gives the composition a perceptible dynamism. The same principle is of

    course not only working for bipolar opposition but also for similar surfaces. For example,

    association between the images hides specific potentials. We can speak about a photo of a leafmade in opposite light, where as quite sensitive line network the sense of the plant and all this is

    combined with the feeling of a polished, cold, marble pattern stone. Similar examples could be

    listed as well.

    It is a special challenge to present the special effect inside a plain composition. It can be used for

    a variety of instruments, such as a wipeout. The objects and shapes which are in the foreground

    uncover a part of the background, so a range of body position in space can be determined as a

    pack of card. The illusion should be improved further by applying the rules of perspective in

    which case the distant figures appear smaller and / or parallel lines converge into one point. A

    well- known, identifiable object with the use of shadow, can also serve for the illustration of

    distance in the composition. Objects, such as a matchbox or a coin are often used to present this,because their size is known by everybody, so the size of the other unknown dimensional shapes

    next to them can be presented but at the same time if we use them indirectly we can create funny

    composition or it can make us think about it. Certainly it is familiar to everybody when a relative

    uses this perspective to prevent the inclination of the Leaning Tower of Pisa and he is

    photographed for the sake of a joke. Another popular example is the glass pyramid at the Louvre

    in Paris, there postaments have been specifically designed for the sake of the tourists who were

    standing on them with their palm-down imitating that in the distance behind the tip they are

    touching thepyramid on the square. It depends on the photographers compositional skills how

    to use the spatial distance and the scale differences together.

    For the artistic perception of the distance it is a solution in two dimensions as well, and that is the

    use of air perspective. We can observe, in particular, in case of rangy landscapes, in rural areas

  • 7/27/2019 1 introductory.docx

    16/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    that the high mountains which are in the distance have a gray-blue color, while the color of the

    nearer mountains seems to be lighter. A similar effect can be achieved if we manipulate the

    viewer with the richness of detail and its gradual dimming in the function of the distance. If we

    do not want to demonstrate such a great perspective, but a minor depression or protrusion it can

    be easily solved with the help of light and shadow. We can find different type of key imitations

    in the menus of computer programs where the graphic designers used this effect. Each of these

    buttons also indicate interactivity, in many cases we reach this by lowering or embossing them,

    because our sight is designed so it is paying attention on the distinct spots. We used different

    optical effects to highlight the essence but the emphasis also implies the subordination order as

    well. In painting we present the irrelevant details as shaded or obscured, we blur the outlines, the

    tone is faintly indicated, and the artist avoids the contrasting parts. In this way the artist can

    achieve to drive the views attention to those details, which he considers necessary to receive the

    message of the image. Some artists show the outline or contour, they use sharp discrimination or

    isolation from other forms or from the background to make emphasize.

    Caravaggio: David and Goliath (1600, Oil canvas, 110 x 91 cm) Matisse and Henry L. N.

    Delakorskaya portrait (1947, oil canvas, 64.5 x 49, 5 cm)

    Optical Illusions

    We have to know the optical illusion in the editing of a composition because we may want to

  • 7/27/2019 1 introductory.docx

    17/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    avoid or to take advantage of them. The most obvious eye spoofing is when in the reality two

    objects have the same length but they seem to be different, or when we put dark squares on a

    light background on the lattice points of it seems to appear a dark gray stain, which of course

    does not exist. The positive and negative spots which are in sharp contrast almost offer the

    chance to play with forms, but the artists can paint more complicated illusions than the form of

    vases, which display the profile of a mirror-image face.

    M. C. Escher: Sky & Water I (1938, woodcut, 44 x 44 cm) and Regular Division of the Plane III.

    (1957-1958, woodcut, 37 x 26.5 cm)

  • 7/27/2019 1 introductory.docx

    18/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    Salvador Dal: Slave Market disappearing bust of Voltaire (1940, oil on canvas, 46.7 x 65.9 cm)

    Jesus Rafael Soto: Estructura Cinetic (1967, silkscreen, acrylic, metal rods, 34 34 18 cm)

    Applications display on mobile phone is form of compositional arrangement that is why we

    should take into account some important points in their design. Firstly we have to decide if the

    elements of the application would appear on display in portrait or in landscape position. We have

    to keep in mind that many phones are already equipped with the automatic position option, and

    turning the device the available information on the screen will be either in landscape or portrait

  • 7/27/2019 1 introductory.docx

    19/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    orientation. Therefore, the components shall be arranged so that neither of the positions that may

    occur should overlap, we have to make sure at the initial stage of the designing process that we

    apply the appropriate bays. The composition will be good if by interchanging parts, colors, ratio

    the balance what it otherwise suggests would capsize. If we think that the positioning of the

    components is random, the proportions to each may be relative, their positions are

    interchangeable the composition is certainly wrong. If we choose the main point incorrectly we

    may feel that the image swings or capsizes so its dynamic was not developed well.

    We should take into consideration the role of the bays when we determine the shapes and

    positions of the items, because the negative relationship between the spot with the main shapes is

    not negligible. Their ratio will determine that simple question whether the interface is congested

    or highly visible. If the space is tight, the important elements appear to be too close to each other,

    two different elements may seem to be connected on the other hand if the space is too large the

    main elements may become unstressed. If we choose the ratio of the negative spot correctly it

    helps the eye to wander the composition, to interpret it or to emphasize on the main shapes. In

    case of details of the surface, we must be able to recognize the important details, like an activearea immediately. If the surface is crowded it is difficult to find the information what we need.

    This may be a further navigation zone or a link. Similarly be misleading , for example, is an

    excerpt seems to be active , but actually inactive , that is, the emphasis misses the target in this

    case. It is confusing when a part appears to be active but it is inactive, in this case the

    highlighting is misleading. If some parts of the surface tend to be similar it may cause misleading

    and confusion. The user are tired by such mistakes who whenever he can, probably will avoid the

    use of this application.

  • 7/27/2019 1 introductory.docx

    20/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    An optical illusion street art plant.

    5. Color Study

    General color theory

    The ability of color vision is very important evolutionary outcome, due to this we can distinguish

    different regions, animate and inanimate objects. Basically, for the formation of the color

    impression three components are needed, such as source of light, an object to be detected, and of

    course, the observer himself. The examination of light and color has a long history; the

    researches can be dated back to ancient times. The originally Persian, Muslim/Arab scientist, Ibn

    Al- Hazen (965-1040) is well-known as the first scientist, due to the posterity of the scientific

    method; he is respected as a pioneer of experimental physics. His extant study, the Opticare

    Thesaurus Case occurred around 1000 B.C. In this study he summarized the long -known

    phenomena of optics and also revolutionized the science, with the understanding that the light is

    built from rays to illustrate this he made the camera obscura as well. He was among the first ones

    who made experiment with the separation of the white light. Much later, in 1672, Isaac Newton

    published in his study,Light and Color Theory, the optical phenomenon of refraction, according

    to that by introducing a prism we can break white light in different spectrums and by insertinganother prism we can reset the white light again. Newton also observed that, contrary to previous

    assumptions the reflection of light is not changed, and the various colors can not be made by

  • 7/27/2019 1 introductory.docx

    21/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    objects. We perceive the color of the objects because of the reflected light rays. In 1810 Goethe

    published his writings of the three stages and in the polemical part he questioned the accuracy of

    Newton's theory of color. In the famous debate it was represented the physical optics approach

    by Newton and Goethe's color aesthetic approach. Thomas Youngs trichromatic theory, English

    physician and physicist refuted Newton's theory (and therefore Goethe was justified). His idea -

    which was published in 1802 - was that the colors perceived by photoreceptors what are located

    in the eye, a separate tap for the red, green and blue -violet color. With all this it is proved that

    any other color can be created from these three basic colors. Hermann Ludwig von Helmholtz

    amended Young 's theory fifty years after its announcement, of so it became known as the

    Young- Helmholtz theory according to this theory if we tease the substrate with other colors than

    the basic ones all of the receptor groups should be actuated simultaneously. As it used to be in

    case of a scientific study, this theory also had many opponents. The opponent color theory - by

    Ewald Herling, reviewed in 1874 - the essence of this theory is the following, hat color vision is

    basically the perception of contrast colors. Herling enrolled t red, green and blue as primary

    colors but he added yellow to this list, and just as red and green, the blue and yellow is oppositecolors, and they are not apparent at the same time. We do not know yellowish or greenish blue

    shades of red. Only in the 1970s - mostly relying on Edwin Lands research results, who is the

    inventor of Polaroid photography the three color theory and the opposite color theory are not

    contradictory, but complementary theories. The first models the eye operation, while the latter

    explains the basics psychic of vision.

  • 7/27/2019 1 introductory.docx

    22/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    Located color LED wall matrix

    Color Matches

    We know from Newton's theory that from the primary colors of the spectrum what contains

    white, the rest can be obtained. This is called combination or additive color mixing. This

    principle works on the television screen, a computer display or the mobile phone's color display,

    as well as in the case of digital cameras, video cameras and scanners receptor unit.

    An extraction and subtractive color mixing will happen if we remove colors from the white light.This phenomenon occurs, for example, with the stained-glass windows, where a portion of the

    sunlight is filtering through (to a certain wavelength ranges) it is absorbed by the stained glass,

    and the interior of the church is decorated with colorful lights. If an analog photographic work or

    print images (color mixing for printing) does not have its own light source, the primary colors

    will be cyan, magenta, and yellow.

  • 7/27/2019 1 introductory.docx

    23/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    The name of t he color code is CMYK (cyan, magenta, yellow, and K as key), where the black

    color is represented as a key. We do not get a perfect black with the printing on each other of the

    three primary colors, so it is necessary to use a fourth color (black) too.

    A glass window in Cologne Cathedral (1848)

    The color wheel

  • 7/27/2019 1 introductory.docx

    24/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    It is well known that the role of emotion in art is more important than the rationally determined

    things. However, there are some areas where the constructive approach meets with knowledge

    gained through experience. The constructive color theory is such an area. In order to understand

    this we prepare the twelve -view color wheel, to do so the three primary colors, yellow, red and

    blue serve as a basis. Interestingly, the perfect musical pitch is very rare, every healthy people

    can have the absolute color vision. In other words, basically we can establish if a blue color is

    pure blue or blue-green, or with reddish tinge. We can also observe if the yellow color changes

    into bluish or reddish - yellow, and if the red color contains yellowish or bluish tones. We place

    three primary colors in an equilateral triangle, in the following order: yellow on top, red at lower

    right and at blue lower left. Place this triangle in a circle and construct a regular hexagon, each

    vertex has to touch the circle. We fill the resulting triangles with color mixed from the three

    basic colors. The mixing of blue and yellow will be green, from yellow and red will result orange

    and from red and blue we get violet. It is important that these three mixed color must contain the

    two main colors from which they are made in equal proportion. We draw around the circle which

    contains the hexagon a larger circle, and then we divide it in 12 equal pies. We colorcorresponding points of the hexagon to the already established colors, and we color the rest to

    the tones created by mixing the primary and secondary colors. As a result, we get a color wheel

    with 12 colors and their place is unchangeable.

    Newton was the first, who drew color circle, but its color range is actually a curved linear

    spectrum, the red and violet was located on the ends. Newton added the magenta spectrum that

    was mixed from red and violet in equal proportions, in this way the color wheel is not refracted

    and the two colors can form a transition. The color wheel became complete with this

    intervention. Goethe did not regard Newton's color circle complete, when he created his own

    color circle - instead of using a linear spectrumhe paid attention on the continuum transitions.

    Newton's color circle

  • 7/27/2019 1 introductory.docx

    25/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    A 12-view color wheel

    Color Contrast

    Maybe it is a surprise but a color itself is a hardly perceptible quality. Its vision or mental

  • 7/27/2019 1 introductory.docx

    26/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    efficiency is always complete if another color or colors are assigned next to it; we perceive it bytheir relationship to each other. We speak about contrast when we notice a conspicuously marked

    difference between the two colors. For example, imagine that you see a crowded car park from

    the balcony of a high floor. If there is only gray and silver cars parked, and among them only onered can be discovered, it is likely that will be the first spot what we observe. The opposite case is

    also true from a lot of brightly colored car we must firstly perceive the grayish tone. But naturecan produce similar effects, we are familiar with the patterns of the brightly colored poison arrowfrog. These small amphibians indicate with different colors as their he natural surroundings that

    they do not want to play the role of a prey.

    The lack of contrast can be observed in other species of poison dart frog, for example the toad

    what can not produce such a powerful poison so they rather wear hidden colors. Peopleconsciously apply the same. We use this for construction, transport, or other public locations,

    they are marked with black and yellow stripes danger because the two colors together have the

    most attention-grabbing effect. However, the defense industry generally applies the gray-green

    khaki camouflage colors and the organic alignment of different shades of ocher and green.

    Johannes Itten, the Swiss painter and art theorist - who was one of the most important teachers of

    Bauhaus school - said about the effect of colors: " A color is only awarded for its value if it

  • 7/27/2019 1 introductory.docx

    27/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    comes in contact with a non -color , such as black, white gray, or one or more other colors . The

    perception of color contrast is not a physic- chemical reality but a psychophysical of reality"3.

    Itten testified, and with the examples above, I also wanted to draw attention to this, a color can

    only be awarded for its value if it is placed next to another color. Let's see how to create a color

    contrast when we know that the different colors psycho- physical reality simultaneously have a

    different effect.

    1 Contrast between Light and Shadow

    The easiest way to make contrast is with black and white or with shades of gray, but this does not

    mean that the light and shadow contrast can not be created by using different color fields. To

    determine each level of gray depends on the acuity of the human eye, but external factors - eg.

    light - can affect it. It is interesting that when, for example in a bath with white milk even one

    hint of black Indian ink goers, the result is already grayscale even if there is no human eye which

    perceive this insignificant change. Not only the gray monochrome (the presence of the blackcolors only cause percentage), but also other " gray color " exists, they contain, in addition to

    black and white other colors as well. The colored shades of gray can create a pleasant neutral

    surface what can be used as a background color. The toughest contrast can be created by using

    only black and white, but we should be careful with its use, as it can easily cause annoying

    flicker on the surface of the eye if it is tired. To avoid this, it would be a successful approach to

    use a few percent of the gray - white and 90-95 % gray instead of black.

    2. Individual Color Contrast

    To prepare this it is required to use at least three different markedly distinguishable color. It can

    be further enhanced if next to the homogeneous basic colors we insert even a black or white

    field. The effect of the individual color contrast is strong and it draws awareness, therefore, its

    excessive use can be roar. On such an intensive surface it can be difficult to follow the cursors

    movement and the positioning of text can cause readability problems. In order to release this

    strong we should effectively use other colors than the main ones.

    3Johannes Itten: The Art of the Colors, Budapest, Goncol Press, 2000, 1 page 9 (translated by Gabor Kartson)

  • 7/27/2019 1 introductory.docx

    28/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    3 Hot-cold Contrast

    On the right side of the color wheel the cold colors are located while on the left hand side, wecan find the warm colors. We know that colors can affect our sense of heat, which affects the

    ability to concentrate as well. Various attempts have been made to detect this. Horse racingstables are divided into two parts, one part is red and the other singer is blue. After the race, theblue room calms the horses down a lot sooner than, the red one, there the horses are longer tense.

    It has been observed that on the red side there were an unusual number of flies, while on the blue

    side there were not flies. The shades of orange-red evoke higher thermal comfort because they

    have been associated with fire and glow. However, the greenish-blue tones have been associatedwith ice, freezing coupled, so we think that they have a lower temperature but actually blue has a

    higher temperature. We think that Saturn red is the hottest color between yellow, yellow-orange,

    orange, orange-red, red and reddish purple colors. Among yellow-green, green, teal, blue and

    blue-violet colors the coldest blue-green color is the manganese oxide. The cold-hot contrastcreates a strong distinction what is highly expressive, its use is draws awareness and it is well

    suited to distinguish different territories. Moreover, the blue colors seem to be optically distant,while the red colors seem to be closer.

  • 7/27/2019 1 introductory.docx

    29/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    4 Complementary contrast

    If we watch a red form for a long time, then we close our eyes, we will see green in the sameform. We can do this practice with any other color; the after-image in each case will be their

    complementary color. We can reach a shiny, decorative effect if we put two complementary

    colors next to each other using a good proportion. The complementary are opposite to each other

    on the color circle and so they form pairs. One color has only one complementary pair that one

    which is diagonally across to it. When we mix these two complementary light colors, the result is

    a visible white light or if a green object is illuminated with red, black will appear. If the two

    colors what we want to blend is not light, but a pigment, finally we get an almost neutral gray,

    (with the exception of the green and red pair of complementary mix, which results in gray

    instead of brown).

    5. Simultaneous Contrast

  • 7/27/2019 1 introductory.docx

    30/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    The phenomenon of simultaneous contrast is also related to the complementary pairs. According

    to Itten in the law of color harmony he also includes the complementary - law. We can speak

    about simultaneous contrast when a color is detected; the eye automatically assigns its

    complementary pair, even if it is not present. The simultaneously created color perception may

    not even exist, but it is generated in our eyes. The simultaneous effect in many cases diverts

    attention what becomes tedious, and it can be confusing. Therefore, we should know how to

    avoid it. The easiest way, if instead of a natural gray we use a colored gray, we mix into it some

    of the basic colors. If the base color of gray is added from a complementary color, the effect is

    simultaneously amplified. Another method to reduce the danger is if we use different color

    brightness scale.

    6. Qualitative Contrast

    This is sometimes referred as saturation contrast, because of the clear, saturated colors and thejuxtaposition of their softer version. The degree of saturation of each color determines the color

    quality. If we added to a color pure white it will be brighter, it becomes darker if we add black to

    it. If we add white and black at the same time, it is attenuated the colors brilliance, but also by

    adding the complementary pair a curved gray dimming can be performed. By neutralizing the

    color loses its expressive power and vividness, optically it seems further away than it. A muted

    version of the color can be used as a background or as an inactive surface, and on this we can

    locate its spot can be a good modality to highlight something.

    7. Quantitative Contrast

    Quantitative contrast, as the name may be inferred, appears when the spots of different colors in

    different size are compared. In order to avoid excessive vibration on a surface and to radiate

    harmony rather than suspense, we have to find the good proportions of the color spots. Account

    should be taken of the fact that an optical spot of color determines the size and strength of

    lighting as well. For example, on a starry sky where the large, homogeneous surfaces are quite

    dark, due to the small, proportionally insignificant points of light we may have the impression

    that it is bigger than the real spot size. This example shows that the intensity of colors and their

    effect is different. Goethe expressed approximately correct the equilibrium percentage point in

    numbers of different colors :

  • 7/27/2019 1 introductory.docx

    31/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    Yellow: Orange : Red : Violet : blue : green light has the ratio of

    9 : 8 : 6 : 3: 4 : 6

    The complementary color pairs ratio is the following:

    Yellow : Violet 9 = 3 = 3: 1

    Orange : Blue = 8 : 4 = 1: 2

    red : green = 6 : 6 = 1: 1

    If we want to create a harmonious surface, we have to apply the inverse of these values. For

    example, the vivid yellow must occupy one-third than its complement what is considerably

    fainter, the violet.

    6. Typography

    At the beginning of this book I wrote about the phenomenon that we tend to consider the images

    as an original source of information, in opposition with their multiple functions what is primarilyan aesthetic one. I do not think that the civilization of the pictures could take the role of the

    written text or Internet can replace the printed book. If we look around, we can see the

    unavoidably presence and forms of typography in our daily lives. Any kind of writing or even a

    letter placed on a surface - even without a conscious editing - belongs to the field of typography

    and it is the main source of communication for a long time.

    The Greek word typo means an engraved or minted figure; the word graft is equivalent with a

    write word. This word combination is used from the 16 century. At that time it referred to the

    preparation of books with the demand of an artistic method. In other words, it required the

    selection of letters that best fits to the content of the text, the aesthetic layout of the articles,

    illustrations, headings on the page. The books were printed by hand the text were printed line by

    line using cast letters. The personal computer or the spread of digital technology has radically

    changed the nature of typology, because now every user creates text on daily basis, and we

    organize it at some level. Nowadays it generally accepted that the most important means of

    cultural dissemination is the book, but we can see this as an anachronism because on the internet

    we can find an incredible amount of written material, and the popularity of e -book, audio books

    is growing. However, reading and writing will always be an essential factor, because without this

    knowledge we can not deal with the computer. In order to edit a text it is useful - in addition to

    reading comprehension and correct language usage- to study and understand the typological

    rules. It is not enough to use of the rules dogmatically, it is a necessity to have sense of beauty,

    general sense of composition routine, a fine eye for the proportions and to apply the rule of

    thumb. A good typographer is able to use exact knowledge and he can also apply subjective

  • 7/27/2019 1 introductory.docx

    32/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    considerations as well.

    The Development of Writing

    The necessity of verbal communication is as old as humanity itself, the writingaccording to

    Umberto Ecocan be regarded as an extension of the hand, and in this sense it can be seen

    almost as biological phenomenon. Writing - continues Ecois communication technology what

    is directly linked to the body. Once we discovered it, we are no longer able to live without it4.

    The first evidence of human drawings can not be defined as writing, but its development was

    definitely needed. The graphical forms of communication evolved from a pictographic script

    (pictography), which marked concrete concepts. Later some pictographic signs appeared that did

    not refer to depictable concepts. The easy line art was not suitable to capture the concepts, so in

    order to expression correlations the concept of writing was developed (Ideographs). After the

    introduction of the ideograms the next stage was the development of converting notes to writtensymbols, and the appearance of sound writing was a turning point in the history of writing, after

    which only the formal changes were developed.

    4Jean-Claude Carrire - Umberto Eco: Do not expect to get rid of books. Routledge,

    Budapest, 2010. Translated by Thomas Sajo (21)

  • 7/27/2019 1 introductory.docx

    33/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    We know that writing was preceded by the drawing as the recording of the first ideas and the

    transmission of the activities. The ancient man already felt the urge to preserve his message, thistendency can be traced in cave drawings, which were formed by sharp stones, bones, wood,

    branches, or simply by their hands and fingers. The oldest of these findings is around 9000 BC.Just about 5-6000 years ago, we can speak about image writing. They used hundreds of mark,

    but they were only able to capture the essence of the thing to be communicated, not the whole

    remark. We can speak about pure picture writing in case of the Egyptian hieroglyphics andChinese characters. In Egypt, the image writing existed in sophisticated form so they

    distinguished the nouns from verbs, but they subordinated the entire writing system to aesthetics,

    and they did not use spaces. Just about the same time with the formation of hieroglyphs inMesopotamia the cuneiform writing was developed. Among them the oldest is the Sumerian

    writing, its structural rules correspond to the Egyptian writing, though formally we can observesignificant differences. In the beginning they also used pictographs and then switched to syllabic

    references, they used wedge -shaped symbols. The Babylonians adopted the late Sumerian

    writing, but instead of its long horizontal rows they wrote their units from left to right direction.The image applying nations soon faced with the problem that the drawn or etched line drawings

    were not suitable for communicating abstract concepts. Therefore, among the signs of

    pictographs appeared signs that did not draw concepts, and soon they applied the hieratic writing(taken from the Greek word priestly writing group) they no longer set it in stone, but they wrote

    mostly with brushes on papyrus, tiles or fabrics. Its great advantage was that it could be done

    faster, because they did not have to use a complex hieroglyphic system of images. The hieratic

    writing was followed by the demotic (popular). The name derives from the fact that it mainlyserved to record their private affairs. It was developed in the 8-7. Century B.C. and the last

    known demotic inscription could be dated from 452 B.C. It was developing continuously during

    a long period of time and three stages can be distinguished: the archaic, the Ptolemaic era and thelate period. With the spread of Christianity the demotic writing was used by the Gentiles, and it

    soon disappeared, and the use of the Greek alphabet became general. The writing could be

    connected to the Phoenician merchant ships, which first used abstract symbols instead of images,

    or characters in modern sense. They changed the signs of the cuneiform and they formed them ina way that they can write them on papyrus, its development can be dated about the same time

    with the development of the Greek alphabet, around 1050 B.C. The Phoenician and the Greek

    alphabets letter contained only 22 consonants, so the missing vowels and the words of the texthad been concluded from the context. The letters of both alphabets were named, the difference is

    that the Phoenicians wrote from right to left, the Greek vice versa. At first they did not use space,

    then they marked it with fine points.

  • 7/27/2019 1 introductory.docx

    34/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    Mesa stele is a Moabite stone. The black basalt stone was found in 1868 at the Dead Sea, by a

    German priest. This is the most significant memory of ancient Hebrew writing, as it contains the

    longest known Hebrew text (34 lines).

  • 7/27/2019 1 introductory.docx

    35/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

  • 7/27/2019 1 introductory.docx

    36/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    The Greek alphabet formed from the ancient Greek was the first in which both the vowels and

    the consonants had special punctuation. At first, in the Greek alphabet also was featured several

    versions at once, and with the Ionian writing has been widely accepted. The direction of the

    writing changed ultimately, which can be seen as a transition to the initial right-to -left writing in

    alternate rows (this is the boustrophedon line guidance, what was called as " ox- plowing "

    writing) was followed and eventually switched to the left to the right holder. In southern Italy,

    the Greek tribes first interacted with Etruscans who also took the science of Greek writing, and

    with their interventions - either with Phoenician or Greek influenceit was developed in the 3rd

    Century B.C. the Latin alphabet which has 19 -letters. After several changes in the 1.Century

    B.C. it was developed the present, 23-letters swollen form. Several nations adopted this alphabet

    as a result of Roman conquests and trade relations.

    Font

    The variety of eye-catching font families were developed a long time ago and their development

    were determined by the sort of material by they were made and by the material they were

    written, but in the case of the digital vector font editing can be observed that it has similar

    characteristics. In addition to the traditional typefaces it appeared - in parallel - font sets which

    were based on the characteristics of the handwriting, letters which imitated the characteristics of

    electronic displays, raster characteristics of street art, airbrush feature or the retro style of the

    eroded letters. Because of this development process we have the possibility of editing three -

    dimensional subtitles, the tool is the computer, whiteboard, and the surface is the monitor instead

    of the stone tablets and parchment.

    The first version of the classical Roman writings were rectangular, square (caps quadrata), hard -

    line letters, which stems from the fact that it were only carved in stone, and the shape of a letter

    made the job a bit easier. It contained only capital letters (maiscula), the spaces were designated

    by points. On the papyrus and parchment was written a later version (rustica) which had finer

    lines than its predecessor, it was more appropriate for handwriting. On the wax -coated pressed

    wooden boards it was etched its cursive version. As the papyrus used for writing it was almost

    exclusively produced in Egypt because of its high cost and long time of purchase - and also

    because the Egyptian king feared the knowledge he banned the delivery to the city of Pergamon -

    after a while the scribes began to use animal skins. The term was originally used only for the

    untanned parchment of goat or sheepskins, bleached sheets, then for all the writing on so called

    skin membrane. The finest parchment was the skin of stillborn calf what was called vellum. The

    transition from papyrus to parchment had two major consequences, the first was the use of the

  • 7/27/2019 1 introductory.docx

    37/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    quill, the other was appearance and spread of the codex. The codex copying task required

    meticulous, careful and painstaking work, and for a very long time, from the 2nd century A.D. to

    1440 the invention of Gutenberg printing no other method was in practice. Although in the 8th

    century, in China engraved wooden board has been used to high pressure strutter for book

    reproduction but in Europe, this technology was not widespread. In China even before Gutenberg

    the removable sample letters were invented in the 11th century. In China they printed on paper,

    they were probably already familiar with the method of preparation of the paper before the time

    too. The first paper mill was built on the Arab - China trade route, Samarkand, so that the

    method of manufacture may have spread to the Muslim world, and only in the 8th century it

    came to Europe, through Arabia and North Africa.

    A page from Diamond Sutra, a wood cut board book, from China in 868.

    In 1962, the Canadian scholar Marshall McLuhan published his book the Gutenberg Galaxy inwhich he presented the cultural history of mankind, the importance of the role of the printed

    book. According to his theory the release of phonetic alphabet was essential for the invention of

  • 7/27/2019 1 introductory.docx

    38/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    the printing press5. He describes how the monks copied the codex saying it out loud, this process

    was based on the auditory - tactile sensation, while the typographic effect upon our interpretation

    of the text has visual characteristic. It is instructive that the word Gutenberg galaxy itself will

    become general when it comes to paper-based publishing what is at risk because of the internet.

    Another interesting thing is that McLuhan also predicted the emergence of the Internet; he used

    the expression of global village 30 years before its creation.

    The fonts currently in use can be divided into ten categories by their common graphical

    principles, they are:

    1. Renaissance antique

    2. Baroque antique

    3. Neo-classical antique

    4. Antique (Egyptian)

    5. Sans serif linear antique (grotesque)

    6. Other antiques7. Handwriting imitating fonts

    8. Ornamental and advertising letters

    9. Fractional generous letters (Fraktur types)

    10. Foreign Fonts

    1. Renaissance Antiqua

    It was formed in the 15-16th century it has block fonts, it is also called humanist. It is dating

    back to the form quadrants from the ancient Roman world. It emerged from the Roman capital

    majuscule and Carolingian minuscule. The typeface of the letters has different thicknesses it may

    give the impression that it was drawn by a pen or a brush, but there is no big difference between

    the baseline and guides thickness. It mimics the rhythm of handwriting, perfect for long text. It

    can be characterized by the fine attention to details, in case of the serif and closing lines we can

    observe the rounding and round shapes have the tendency to inclined alignment. Two groups can

    be distinguished, the Venetian Renaissance and French Renaissance antiques. The difference is

    barely noticeable, the oblique lines of letter "e" in the Venetian antique is transverse, while the

    French version is horizontal. This group includes for example the Garamond, Palatino and the

    5McLuhan, Marshall, The Gutenberg Galaxy. The creation of typographic. Deposit Book and Newspaper Publishing,

    Budapest, 2001trans. by: Kristof Istvn Nagy.

  • 7/27/2019 1 introductory.docx

    39/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    Centaur font family.

    2. Antique baroque

    it can be characterized with the A 17-18th century block font feature. In 1695, Louis Simoneau

    worked it out because of the commission of XIV. Louis, based on his Mathematical Principles,

    later Pierre Simon Fournier revised the slightly stiff letters. He changed the font width ratio so he

    formed final version of the Antique Baroque. Thus, this font also became capable of reading

    longer texts. Fournier was also the one who worked out the typographic measurement system

    what is still in use. We have to distinguish from the Renaissance antique it is a difference in the

    thickness of the auxiliary and the main lines, the rim and the closing lines are less round, in case

    of the axis of the round forms is less oblique, it also can be vertical in some font families. The

    roman baroque Times and Baskerville font families are well known and often used.

    3. Neo-classical antiquities

    It was released at the end of the 17.century it is a block font type. The design of the earlier forms

    what imitated the handwriting was no longer in use, and instead of a pen scriber, a marking

    needle was used according to the fashion an attractive thin line font editor was introduced. As a

    significant difference, thereby a high contrast effect can be observed between the thicknesses of

    font stems. This allows it to present highlighted parts, for example, picking the titles of books

    and newspapers, but the continuous reading of the text would be confusing, and so it is not in use

    for this. The rounding of the letters stand is low or not even exists; the circular sensitive axis is

    always vertical. The Bodoni and Zapf font families are examples for neo-classical antique.

  • 7/27/2019 1 introductory.docx

    40/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    Renaissance (Garamond), Baroque (Baskerville) and classical (Bodoni) antique. The change in

    rates is clearly visible in the relative thickness of the letter stems.

    4. Antique

    It was a significant font family at the end of the19th Century and at the beginning of the 20th

    century. It is also called as Egyptian it can be dated at the time of the formation of Napoleon's

    Egyptian campaign when in England it was intense interest in Egyptian art. Another theory is

    that the letter was appointed directly by the vessel named Egyptienne, which supplied the

    Rosetta stone in England. The Egyptienne first appeared in print on a poster made by Vincent

    Figgins. This font can be distinguished because of its straight lines, regular, geometric shapes,

    and powerful rim. The letter stems have equal thickness and the thickness of the rounding rims

    associated with them is the same. Firstly it was designed for advertising purposes, and for this is

    the most appropriate, but in rare cases it can be applied as stuffing letter. In case of the circular

    letters the axis is completely vertical. The Courier, Rockwell and Memphis are examples for this

    type.

    5. Linear Sans Serif Antiqua

    Its development is largely at the same time with antique, the end of the 19th century, but in the

    early 20th century it was a popular model as well. In 1803, Robert Thorne, a letter-cutter and

    mold master made the first version. The earlier antique possessed rims, so the letters stand for the

    non- standard language called grotesque, and this nickname is still maintained. The American

    savage letter was described as Gothics. The first sans serif letters were prepared for blind people

    to read with their fingers, the serif should not be a distraction. It is interesting that many antique

    linear grotesque font families still do not have a cursive version, the italic letters are usually

    created by decision of the letters. It is characterized by equally thick letter stems and vertical

    axis. The best known versions of this type are: Arial, Futura and Helvetica.

    6. Other Antique

  • 7/27/2019 1 introductory.docx

    41/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    Theses are typical fonts of the 20th century, which are mostly converted from traditional,

    historical fonts. Varia is also known as this type. They are determined by light, unique and

    individual characteristics. These fonts are already digitally edited, but the designers have tried to

    maintain the features of cut the tip pens. Minion, Palatino, Optima and Catullo are mostly known

    as this type.

    7. Imitating Handwriting Fonts

    Imitating the handwriting fonts carry effect of uniqueness, immediacy. Its application in all cases

    results in a product of personal tone, it reflects the free world of feeling of the creator. This type

    is the most vulnerable to the style of fashion. The writing instruments are different in every

    period, but the script itself is dynamic, it changes almost with every generation. If we compare

    the handwriting of our grandparents with ours, it is easy to understand why. It can be well used

    generally with other fonts, but it is not used in text but for headings. Its common types areVivaldi and Mistral.

    8. Ornamental and Advertising Letters

    The most significant characteristic is that this font is the easiest to read, but, as their name may

    suggest, they are used for headings, they are the fonts of the awareness boards, so on. Their use

    should be treated with caution because it may seem to be part of the decoration. It is difficult to

    group the letters based on their substances or character, and it is not any requirement about the

    writing of the letters. Its construction was based on the Renaissance, Baroque or Classical

    antique, the linear antique is rarely used, but it was not uncommon to design unique letters

    required by the content of the text. Examples of this kind include Chisel, Impact, Stencil, Wide

    Latin.

  • 7/27/2019 1 introductory.docx

    42/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    9. Fractional generous letters (Fracture font)

    In the 11th century, it was primarily used to write the codex, they used pen to write this thick-

    tipped, slant range letter. It was known as Gothic letters because of the spread of Gothic

    architecture; it started to widespread from France and Flanders. We can speak about several

    developmental stages before it won the final form; it is closely linked to the evolution of book

    writing and illustration.

    Gutenberg also used Fraktur

    letters when he printed his forty-

    two-line Bible in 1456. Thecharacteristics of the off-line

    letters are that it is difficult to

    read, because the dens vertical

    form creates the grid effect.

    Quoting the archaic knowledge

    of codexin mostly German-

    speaking countriesit is often

    used as the headlines of the daily newspapers. Such fonts are Saxony, Tudor, London or Old

    English.

    10. Foreign Fonts

    All the letters from every foreign alphabet families can be grouped here. The Greek and Cyrillicletters has played a major role for several years related to Hungary, but it has lost much of its

    importance with the end of the compulsory Russian language learning. The knowledge of the

  • 7/27/2019 1 introductory.docx

    43/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    Greek characters, however, continued to be important owing to the conventional physical and

    mathematical marks. The fonts of Arabic, Hebrew, Chinese, Japanese, etc. are part of the foreign

    fonts, but some letters from the Slavic languages, French and German alphabet contains special

    marks. The Hungarian long accents cause difficulties when in the usage of a font set.

    The fonts based on their form can be painless, thin (condensed or narrow), Normal, Wide (wide)

    or cursive (italic or italic) letters, according to thickness of the letter stem: light (light), normal

    (regular), bold (semi bold) and fat (bold) form. The fonts that are similar to the typewriter letters,

    fonts with the same width (such as Courier) are called monospace.

    Text Editing Principles

    As I mentioned before, to form a text it is not enough to know the basic rules, but it requires

    some subjective senses to a coherent interpretation of the text what should not be tedious for the

    reader. In addition of forming the text, the placement of the highlighted text, explanatory

    diagrams and other illustrations can be part of the job. In other words, we create a composition

    whose elements are emphasized in a series of letters and lines composed from stain effect. Based

    on our previous compositional knowledge we can rely on it to design a text -enabled sites, but in

    this case we should not forget about the readability, the rhythm of articulation can be determined

    by the content of the text. It is significant for example where we insert a diagram into the text

    and it is also important what kind of text image does the different length sections show.

    The text is composed by paragraphs, paragraphs are composed by sentences, and the phrases by

    words but the letter is the smallest unit of the text. First consideration to take into account whenwe start editing a text is the length and the number of other components such tables, pictures,

    diagrams and other components associate with the text. The length defines the structure of the

    surface, and based on this knowledge we can determine what kind of decorative accessories can

    be seen on the edit page. The length of the text in most cases determines the font and its size. The

    font, if no other is privileged, is determined in most of the text, by the mood we want to edit, the

    material, content, or the target audience (in most cell phones are basically used sans serif font). It

    is good if the image fits with its style to the message of the text, but readability is the first.

    Taking readability into consideration, we need to select the font size, we must take into account

    if footnotes are necessary which font size is with one or two points less than in the main text, the

    main and subheads, motto, special sentences are denoted with bigger font size. The same is valid

    for the correct spacing, and even for the letter spacing as well. The overcrowding is a mistake

  • 7/27/2019 1 introductory.docx

    44/63

    DIGITAL IMAGE AND TEXT EDITING KNOWLEDGE

    The training material was realized under the "Mobile development with the application

    of an innovative information technology knowledge,"

    the code of the project TMOP-2.2.4-11/1-2012-0055 .

    that ruins the interpretation and readability.

    We should be careful with the mixing of fonts, not all letters can bear the appearance of other

    types on the same surface. The text bears the association of different fonts when we speak about

    the headings and filling lines. The graphics uses a variety of colors, different font size and