čtvrtek 17. března 2016

Image Editing Advanced


Download several images from prekladani.capsa.cz - or use your own.

Think first!
What features af a chosen image should be improved? Why and how?
Then open Photoshop and try several methods described below. The teacher will help you individually to solve specific problems.

Which skill is most useful for (English) teachers?
Right, the combination of image + text. Try this out:
Photoshop help - add text

Enjoy filter plugins in Photoshop or Zoner - Google Nik Coleection (Freeware)


 More tips and tricks

1. Adapting RAW - changing the exposure, brightness, contrast, saturation, temperature...
explore and find out how these settings work!

2. Entering text and shapes
 how to create a custom text box

3. Combining two or more images
 two images + text

4. Improving a portrait - loose hair, removing reflections on the skin, freckles...
how to remove glare

5. Making images black and white (use the zebra image)
BW for dummies

 







středa 9. března 2016

Working with audio

Audio material is regularly used when teachng speaking and listening in foreign languages. Therefore the teachers and the students should be able to edit and modify audio as well as texts.
Probably the best freeware available for editing sound is called AUDACITY.




Audacity Basics - you should be able to
- install Audacity and the lame library which enables export to mp3
- open a file in Audacity
- edit the file: cut and paste, fade in/out, change speed, delete, add silence
- create a new file
- combine two files (e.g. speech + background music)
- inserting silence (e.g. as a space for an answer)
- changing the speed or pitch (carefully!)



TASK 1
1. Listen to the story of a toddler falling into a gorilla cage at Youtube.
Download two files from CapsaWTF_ Toddler Falls in Gorilla Cage.mp3 and Gorilla sounds.mp3. Combine them, in order to make a thrilling report on the event, max 70 seconds long.
If you feel like it, find more sounds (e.g. crowd cheering, Zoo animals sounds etc.).
Upload the story with an appropriate illustration to your web.

OR choose, download and edit your own story!

You can use Free YouTube to MP3 Converter to get audio from youtube easily.


TASK 2
2. What does the word "podcast" mean? Go to Podomatic, create an account and browse the site. How can we use it in teaching English?

Good examples - Teacher Luke at PodomaticSplendid Speaking for advances learners

Podcast on podcasting in ELT


HOMEWORK
1. Record comments to the 12 images in your gallery (1 minute max., save in wav file)
2. Edit the recording in Audacity, add background music, cut out noises etc.
3. Export the wav to mp3
4. Upload the mp3 to your website

REMEMBER - before editing, create a backup copy of the original!

Examples of galleries with audio comments created by your colleagues:

http://www.dzblecht.wz.cz/My%20home%20town.html
http://skipit.wz.cz/galerie.html
http://vvalova.wz.cz/gallery.html
http://romankalecky.wz.cz/gallery.html
http://www.springday.euweb.cz/fotogalerie.html
http://personalpage.unas.cz/Personalgallery.html

Sound files extensions:
wav - Standard audio file container format used mainly in Windows PCs. Commonly used for storing uncompressed (PCM), CD-quality sound files, which means that they can be large in size—around 10 MB per minute. Wave files can also contain data encoded with a variety of (lossy) codecs to reduce the file size (for example the GSM or MP3 formats). Wav files use a RIFF structure

mp3 - compressed, MPEG Layer III Audio. Is the most common sound file format used today

flac - Free Lossless Audio Codec
ape - Monkey's Audio lossless audio compression format
ogg - A free, open source container format supporting a variety of formats, the most popular of which is the audio format Vorbis; compression similar to MP3

webm - Royalty-free format created for HTML5 video
aiff - Standard audio file format used by Apple. It could be considered the Apple equivalent of wav

ref: https://en.wikipedia.org/wiki/Audio_file_format



Sluchové pole (nebo oblast slyšitelnosti) je rozsah všech zvuků, které dokáže lidské ucho vnímat. Vnímání zvuku je u člověka omezeno slyšitelnými frekvencemi (přibližně 16–20 000 Hz). U každé frekvence je odlišný rozdíl intenzit, jež slyšíme. Lidský sluchový orgán je nejcitlivější v oblasti frekvencí 1–5 kHz.

http://www.wikiskripta.eu/index.php/Pr%C3%A1h_sluchu_a_sluchov%C3%A9_pole

pondělí 7. března 2016

Editing images


The basic skills you should master:


1. Compressing, saving in various formats (with different extensions) and size
2. Crop (ořez)
3. Changing brightness, sharpness, hue and other basic features
4. Making a part of the image transparent
5. Creating a collage


Tasks:
1. Open your image in Photoshop. Work with Crop first (C). Remember - the main part of the image should be taken by the main object (or idea, or situation)
2.  Use LEVELS to set the Lightning (Photoshop: Ctrl+L, or Obraz - přizpůsobení; Menu in Gimp: Enhance - Adjust Lightning - Levels)
3. Adjust sharpness. play with blur :)
4. Working with layers and masks in Photoshop:

Open the image
Duplicate the layer (Ctrl+J)
Choose the type of layers combination (Měkké světlo, závoj...)
CZ: Přidejte masku vrstvy (možnosti - odkrýt vše nebo skrýt vše)
Malujeme do masky!


5. Use GIMP: Find two images and combine them into one, applying transparency (e.g. Donald Duck walking through Usti nad Labem :) )
6. Advanced: Try to do the same in Photoshop: make a collage of two photos!
tutorial in Czech


TIPS
How to make things transparent in GIMP:
Layers – Transparency – Add alpha channel
Choose the background using the magic wand.
The simplest method is to use Edit → Clear

You can also test transparency in Word - add the image into text and choose Formát obrázku - pozice - před textem.

How to make things transparent in Photoshop:
New Image - Background transparent
Import the image into a new layer
Magic wand - choose parts which should be transparent
Layer - Mask - Hide the choice (Vrstvy - maska - skrýt výběr)


Want a top quality image legally?
Visit Getty.
Fotolia
FreeDigitalPhotos
AdobeStock
Pixabay


HOMEWORK:
Prepare 10 images which you will use in your vocabulary teaching HotPot project. Keep them in the original size + make the same set in web version (max size 40kb per image).


More information on image formats (in Czech) - HERE
How to make a good photography?

Roman Pihan - a whole web on photography, including tutorials, tips and galleries
Ondřej Neff - practiacal tips for all

Jednoduše na kompozici

GIMP online help (in English)

čtvrtek 3. března 2016

Images and Photography

It is easier and more satisfactory to use one's own images and photos instead of steling them from the web and risking troubles.

A teacher should be able to:
- draw a picture, scan, save and publish
- make a good photo which he/she can use in teaching, edit and save


The difference between good and bad photos is obvious to anyone! And it is not so difficult to follow several basic rules to make your photos better.


"Kreativní fotografie si neklade za cíl zobrazit realitu (takové to tam Mařenko bylo) ale zobrazit 
něco víc. Zobrazit emoce (pocity, nálady ...), které autor na místě cítil a chce vám předat.
Když se díváte na fotografie z vaší dovolené obvykle si vybavíte pocity, jaké to tam bylo (jé podívej - tady jsme byli ...). Díváte-li se ale na fotografie z cizí dovolené, vidíte jenom obyčejné pláže, hrady, zámky atp. Prostě emoce spojené s místem a zážitkem vám chybí a proto vám často tyto fotografie připadají obyčejné. Dobrá fotografie vám dokáže předat pocity a zážitky i z míst, kde jste nebyli. A o tom to je...
Když stojíte v lese, vidíte široko okolo sebe, vnímáte vítr, šumění lesa, vůni jehličí a do zad vás pálí slunce. Toto vše na fotografii však chybí. Je tam jen obrazový výsek a to ještě ve 2 rozměrech (3 rozměr prostoru / perspektivy chybí). A proto je to tak těžké. A proto je pokoušet se o to taky tak krásné!"




TASK 1
Look at the following photos. Do you like them? Why?

What shall we know?
1. How to compose a photography
Practical composition (in Czech) 

Do not forget:
concentrate on a single idea, object, feeling
get closer, fill almost the whole field with the target object/situation


TASK 2 (20 minutes)
Look around, go to the corridor if you want. Try to compose a photo which will show the atmosphere at school.
Continue thinking about this task, and make more pictures in the following weeks. Choose the best one to e presented in your webpage.

_________________________________________________________________

What shall we know?
2. How to save an image
raw - full data
jpg - compressed (lossy)
tiff - for print, usually lossless; can handle CMYK
bmp - full data (bitmap)
gif - small (and animated); saves only used colours; 8bit
png - lossless, successor of gif, 8-24-48 bit
psd - photoshop format

For web, an image with the longer side of 1600px is big enough, Let's say the size limit is cca 50KB - to save space.
When reducing the size, always keep the original untouched! Save the small version as a new file, say, IMG2345_Small.jpg. 
JPEGS reduce the size exponetially, so if you reduce the original at 80%, the amount of data may be reduced form 12MB to 1,5 MB. 
Repeatedly saving of jpeg means repeating the compressing process and losing data!


More in Wiki (in Czech)
and Wiki (in English)

_________________________________________________________________

TASK 3
Choose an object within the class and make a picture which shows only the object - as if you needed an illustration of the word. (A key, a pen, an apple, a watch...)
Try to make your own photos of the objects you need for the HotPot project.

What shall we know?
3. How to make a photo of an isolated object
check the background
fill amost the whole image with the object
search for light
use simple aids, such as lamps, scarfs, sheets of paper
experiment 
Product Photography at digineff

_________________________________________________________________

... want to know more? (In Czech) 


HOMEWORK:
1. Choose the best photo expressing the school atmosphere you made, and insert it into your Homepage (index.html) and publish online.