Thursday, 24 November 2016

Your digital typography

Link to the padlet

Made with Padlet

Digital Typography

First of all... a game for all the group:

Alphabets - Typography on PhotoPeach

And now, some interactive activities:
Activities for the computer room
  • Look, you will be able to build your name using letters from Flickr. Look at my name:
 letter O letra S letra A

If you want to build yours, this is the link: http://metaatem.net/words/. You only have to write the name in the white box, click on "spell" and you will get your letters. If you want to change the type, just click on each letter and a new one will apperar.  Click right mouse button on each letter to save it as a jpg image. You can use them in your school homeworks, posters, in headlines, titles, headings... or just to write a letter or a greeting card to a friend. This is more original than using Word or PowerPoint WordArt. Isn´t it?.
  • Periodic table writer. Try! 
  • Try another one. Using the software CoolText, we transform a text into amazing icons. I have used it and this is what I got:
  • The following one is in French, but I'm sure you will do with it: Coloriage Prenom.

More:
Letters can be used to create whatever you like. Have a look:
Do you want to try?
And more:

Thursday, 20 October 2016

Stippling and Pointllism

STIPPLING (just dotting)

Stippling is the creation of a pattern simulating varying degrees of value or shading by using small dots. Such a pattern may occur in nature and these effects are frequently emulated by artists.

Google Search "Stippling"

POINTILLISM

Pointillism is a technique of painting in which small, distinct dots of color are applied in patterns to form an image. Georges Seurat and Paul Signac developed the technique in 1886, branching from Impressionism. The technique relies on the ability of the eye and mind of the viewer to blend the color spots into a fuller range of tones.

Google Search "Pointillism"
Paul SignacFemmes au Puits, 1892, showing a detail with constituent colors. Musée d'Orsay, Paris. Public Domain.
Detail showing pointillism technique. Instead of painting outlines and shapes with brush strokes and areas of color, pointillism builds up the image from separate colored dots of paint. From a distance, the dots merge to some extent and appear to be areas of shaded tones, but the colors have an extra vibrancy from the juxtaposition of contrasting dots.

Go to Google Arts & Culture (former Google Art Project) and visit Seurat's artworks.
Zoom in his pointillist artworks

Saturday, 15 October 2016

Complementary colours


PRIMARY.......................................................SECONDARY
YELLOW............................................PURPLE(magenta+cyan)
CYAN...........................................ORANGE (yellow+magenta)
MAGENTA.............................................GREEN (yellow+cyan)
.

Saturday, 8 October 2016

Typography

TYPOGRAPHY is what language looks like. 
It is the art and technics of type design.


Type the sky

Type the sky is an original project by Lisa Rienermann, a student of Duisburg-Essen University. Each letter is an empty space in the sky of Barcelona surrounded by buildings. She says: "Todo comenzó por la Q. Estaba en una pequeña calle de Barcelona y al mirar hacia arriba vi las casas, el cielo y las nubes. El área oscurecida por las casas dejaba entrever una forma en el cielo que parecía una Q. Esa fue la idea de la técnica. Pensé que si una Q me había encontrado a mi, no sería difícil que yo encontrara al resto del alfabeto. De modo que pasé semanas mirando al cielo, buscando el resto de las letras entre las casas."



Eatphabet

Eating from A to Z! By Luiza P. (Flicker user). She says: “This project was conceived as a way to document my eating habits and routine, through the creation of an alphabet.“
















Types
A pop-up book.


Human alphabets
Human Alphabets 3



Human alphabets 2
Human alphabets 1


More examples:

  • Draw me a song: take a look to these wonderful typography examples. Posters.
  • Modular typography: Made typography using half moon shape as the negative space between box shapes. Then translated into cardboard sculptures mimicking the same design elements. Sculptures.
  • Fillingraphy on typography. Cakes!

Friday, 30 September 2016

Thales theorem

A very funny way of explaining Thales Theorem:

Dividing a segment into several equal parts
We use Thales theorem to divide a given line segment into a number of equal parts with compass and straightedge or ruler.  By using a compass and straightedge construction, we do this without measuring the line.
STEPS:
    1. Draw the given segment AB. This is the segment that we want to divide.
    2. From point A draw an oblique ray (r).
    3. Chose a measure with your compass and from point A draw arcs on the oblique ray as many arcs as parts you need.
    4. Join the last point of the oblique ray with point B.
    5. Draw parallels using your set square to the segment B7 from the other points on the ray.
Here we have divided the segment in seven parts, but you can divide the segment in as many parts as you need.
I think my construction is easier, but here you have another construction. In the applet we divide it into five parts but it can be any number. You will discover that both are the same!.

Monday, 26 September 2016

Parallel, Perpendicular and Intersecting lines




How do we use the set square?
You have to handle your set square softly and with accuracy without exercising too much pressure on them, only the needed one to avoid movement.

PARALLEL LINES
  1. The 45 set square hypotenuse (longest side) is placed attached to the line to which we want to draw the parallels (GUIDE).
  2. The 60-30 set square hypotenuse is attached to the 45 set square leg.
  3. Fix the 60-30 set square and move the 45 set square upwards or downwards drawing the desired parallel lines along its hypotenuse.
PERPENDICULAR LINES

If we want to draw perpendicular lines to one direction, we will have to follow the first two steps as stated for parallel lines and then the following ones:
  1. Having fixed the 60-30 set square, the 45 set square is turned until the other leg is attached to the hypotenuse of the 60-30 set square.
  2. Draw the perpendicular line along the hypotenuse of the 45 set square.

Let's review how to draw parallel and perpendicular lines using the triangular set squares.






Link to the task                Example of task

Sunday, 25 September 2016

The first task: Typography - your names


This is a task I like doing when we begin a new course. It let me get to know you, learn your names and, by the way, we work with a "popurrí" of items which will be a review of first of ESO: elements of art and technical drawing (parallelism, perpendicularity, Thales), image, typography, visual elements (dots, lines, shapes, colours, textures), design process, sketching ...

You will see your drawings published in this blog very soon....

Tuesday, 13 September 2016

Who are you?


Publishing comments on this blog sometimes will be a task in order to answer a question, give your opinion, do a challenge, ...
Therefore, I want you to begin with the first one:

I would like you to introduce yourselves.

1. Just click on "X comments", under this post.
2. Go to the bottom of the article:
3. Write your name followed by the initial of your surname and your course.
You can tell me about your hobbies or whatever you want to share with us.
Example: Nadia C. 1st A. Hello teacher. My hobbies are basketball and dancing.
4. Publish!
I moderate your comments, so, you will not see it immediately.

Art classroom rules

Monday, 12 September 2016

On your mark, get set, GO!


2nd A, B, C and D: this year I am going to be your Visual Arts teacher.

Hope we have a great time learning content and language and... MAKING ART together!

The countdown is going to start:
And... by the way, we will use and learn new technologies (but... without forgetting the traditional techniques).




And everything LOVING ART!


Wednesday, 29 June 2016

Reviewing Basic Constructions for your Visual Arts exam

A review for the exam (with videos in Spanish)
Don't just watch the videos. Do it yourself using your set squares and compass!

Dividing a line segment into equal parts:


Symmetry of a shape:


Line segments operation (adding up and subtracting):


Perpendicular bisector:


Move or copy an angle:


Angles operation (adding up):


Angles operation (subtracting):


Angle bisector:


Square given a side


Square inscribed in a circumference


Equilateral triangle inscribed in a circumference (given the radius of the circumference)


Equilateral triangle given the side


Circumference through 3 points

Monday, 27 June 2016

Parallel and Perpendicular lines, again!

Take a look to this presentation to review how to create parallel and perpendicular lines, and do the task.


Saturday, 18 June 2016

The Circumference

Angle Bisector

BISECT AN ANGLE
To bisect an angle means that we divide the angle into two equal parts without actually measuring the angle. Each point of an angle bisector is equidistant from the sides  of the angle.
STEPS:
  1. Draw an angle.
  2. Center the compass at vertex of the given angle and draw an arc intersecting both sides of it. We get 1 and 2
  3. Center the compass at point 1 and draw an arc.
  4. With the same measure center it at point 2 and draw another arc.
  5. Where these arcs cross we get point 3.
  6. If we join point 3 with the vertex of the angle we get the angle bisector.
How to bisect an angle with compass and straightedge or ruler animation.

Bisect an angle

Thales Theorem

A very funny way of explaining Thales Theorem:

Dividing a segment into several equal parts
We use Thales theorem to divide a given line segment into a number of equal parts with compass and straightedge or ruler.  By using a compass and straightedge construction, we do this without measuring the line.
STEPS:
    1. Draw the given segment AB. This is the segment that we want to divide.
    2. From point A draw an oblique ray (r).
    3. Chose a measure with your compass and from point A draw arcs on the oblique ray as many arcs as parts you need.
    4. Join the last point of the oblique ray with point B.
    5. Draw parallels using your set square to the segment B7 from the other points on the ray.
Here we have divided the segment in seven parts, but you can divide the segment in as many parts as you need.

I think my construction is easier, but here you have another construction. In the applet we divide it into five parts but it can be any number. You will discover that both are the same!.

Saturday, 11 June 2016

Perpendicular bisector

See perpendicular bisector construction. This construction shows how to draw the perpendicular bisector of a given line segment with compass and straightedge or ruler. This construction bisects the segment (divides it into two equal parts, and is perpendicular to it.            1
STEPS:                                                                     2
First of all we need to draw a segment. We call it PQ (it could have been given).
  1. Center your compass in point P, open it further from the middle of the segment PQ, and draw an arc.
  2. Do the same from point Q, where these arcs cross each other we get points 1 and 2.
  3. Join 1 and 2, and this way we will get the line bisector of segment PQ.

Saturday, 4 June 2016

Angles. Angles operations

ANGLES

Definition: A shape, formed by two lines or rays diverging from a common point (the vertex).
Parts: vertex, legs (rays), interior, exterior.

A triangle has three vertex
TYPES OF ANGLES


Animation.

COPYING OR TRANSLATING AN ANGLE
In Geometry, "translation" simply means moving without rotating, resizing or anything eles, just moving.

STEPS:
  1. Center the compass at vertex of the given angle and draw an arc intersecting both sides of it. Without changing the radius of the compass, center it at point V and draw another arc
  2. Set the compass radius to the distance between the two intersection points of the first arc.
  3. Now center the compass at the point where the second arc intersects ray V.
  4. Mark the arc intersection point 1.
  5. Join point V with point 1 so you get the equal angle.
This page shows how to copy an angle. Given an angle formed by two lines with a common vertex, this animation shows how to construct another angle from it that has the same angle measure using a compass and straightedge or ruler.
ADDING UP ANGLES
The addition of two angles is another angle whose measure is the addition of the measures of those two angles.
STEPS:
  1. Copy angle A using translation of an angle.
  2. From this new angle copy angle B.
  3. The solution is angle C.
SUBTRACTING ANGLES
The subtraction of two angles is another angle whose measure is the subtraction of the measures of those two angles.
STEPS:
  1. Copy angle B (the biggest one) using translation of an angle.
  2. From this new angle copy angle A.
  3. The solution is angle C.
Angles

Copying an angle