Dec 18, 2014

Minggu 12

Untuk minggu ni..Dr J menyatakan : the most important tool in photoshop is the : Selection Tool : Marquee / lasso/ magic wand tool

__________________________________________

Kelas disambung dengan presentation dari rakan dari kumpulan last week yang tak sempat nak present .

Topik : retouching

Berkaitan dengan removing red eye , using patch tool , using spot healing brush, healing brush and clon stamp tool

Clone Stamp : WYSIWYG ( What You See Is What You Get )

_____________________________________________________

Dr J memberikan tugasan iaitu :


  1. Image manipulation
  • Combining image 
  • Use as many tools as possible
  • Must be creative
  • Have efforts
  • Maximum of 10 to be send to Dr J
    2.  Graphics Design

  • Poster / Book Cover
  • A3 Size
  • Poster : Educational
  • Must be " less text , deliver a message"

Perlu di hantar dalam bentuk cd .



Minggu 14

Untuk minggu ini , kami belajar mengenai  :


  • fungsi dan kegunaan Healing Brush 
  • fungsi dan kegunaan  clone stamp...
  • Free software yang fungsi seperti photoshop : 





 Gimp merupakan perisian open source , but can run under windows operating system.

_____________________________________

Kelas di teruskan  dengan presentation rakan sekelas berkaitan dengan printing. Tertarik dengan thermography printing. Antara kandungan presentation adalah :

  • Digital printing (color modes): RGB untuk screen dan CMYK untuk printing
  • Image resolution
  • File Format

_____________________________________________

Dr J telah memberikan permasalahan scenario berkaitan dengan printing. Kami perlu mencari penyelesaian untuk scenario , dan akan dibincangkan pada minggu depan.

__________________________________

Dr J juga menerangkan mengenai Printing.Antaranya adalah :

  • Basic printing untuk bunting adalah 300 minimum
  • Terdapat perbezaan antara imej resolution dan printing resolution
  • DPI merupakan istilah yang digunakan untuk printing bukan untuk screen
  • Resolution can be improved by decreasing the image size.
  • Recapturing the image  : by :- scan it back or capture new using camera  ( using the highest quality setting)
  • Keywords : interpolation , upscaling, resampling/sampling (related to resolution)
" Create artwork way larger than you think it needs to be"






Minggu 15

Minggu ini merupakan minggu terakhir kuliah untuk keals visual technology.Untuk kelas ini, kelas dimulakan dengan masalah scenario yang diberi pada minggu lepas iaitu berkaitan dengan visual printing.

Cara menyelesaikan masalah telah saya update dalam blog ini.

_______________________________

Dr J menekankan mengenai pekara-pekara yang penting iaitu :

  • 72- 96 dpi sesuai untuk resolusi monitor (untuk mata)
  • 300 dpi dan ke atas adalah sesuai untuk printing.
  • Sekiranya pixel tinggi, kualiti printing akan menjadi rendah iaitu  menjadi jagged @ blotched.
Cara penyelesaian yang diberikan oleh Dr J adalah:

Aktiviti 1
       Solution 1
  • untick the resample image box 
                             
         Resample a.k.a interpolation - adding up pixels for bigger resolution

    Solution 2 
  • Recapture again the image using camera , using higher resolution

Aktiviti 2

Solution

  • Untick the resample image box
  • Resolution maintain
  • The size is change
___________________________________________________

Dr J also said that - for photoshop project to make book cover or poster with A3 size , choose custom with the size as :

  •  297 mm X 420 mm  / 11.69 " X 16.54 "
______________________________________________________

Dr J juga telah mengajar cara teknik blending. Yang boleh digunakan dalam projek photoshop untuk kombinasi 2 @ lebih gambar menjadi satu gambar. Teknik ini membolehkan imej-imej yang digabungkan seolah olah imej yang tiada perubahan dibuat.

  • Using brush /gradient tool
  • Using layer mask tool at the active layer
  • Make sure the foreground color is black and white. The black color for delete and the white color for undelete.
  • Use the brush tool, by choosing the right brush size and maintain the hardness
  • If mistakenly delete - change the foreground to white and black
  • Lastly, change the opacity 
    foreground color
    _________________________________________________
Dr J juga memberi " tips " untuk exam...tips soalan exam secara asasnya,,,(jenis-jenis soalan )
Dr J dengan tips exam

____________________________________________________

Sebelum kelas berakhir, Dr J telah memberi lagi sedikit ilmu berkaitan membuat watermark secara batch kepada gambar-gambar .Cara yang ditunjuk Dr J menggunakan action yang boleh dibuat baru secara custom. Sangat best teknik ini...memudahkan kerja ...

Untuk membuat watermark banyak-banyak untuk gambar- gunakan action custom yang telah dibuat itu. Kemudian file >automate>batch.. selesai kerja watermarks...

Menurut Dr J juga, terdapat juga action percuma yang boleh di muat turun dan di gunakan ..caranya :

  • pilih action 
  • Muat turun
  • Open dengan double click
  • Pilih Photoshop


Visual printing Activity 1 and 2 -Scenario

Scenario 1
Printer requirement : 300 dpi , print out : 5 “ x 7”
Client  ready  Image : 2048 x 1538
Photo Editing Software show : Client reset the dpi to 300
_____________________________
Calculation :
2048/300 =6.83
1538/300= 5.12
Max print size :6.83” x 5.12”

Schematically:

· divide pixels by inches, is the outcome > or exactly 300, you get a good print
· divide pixels by inches, is the outcome < 300, you have to add pixels (resamplen)
· divide pixels by 300, and you’ll get the maximum printsize in inches
 
Dpi is for printing, 300 dpi is good for printing
Solution :
Image >image size

Resampling
a) unticked resample box  
Change the number 72 into 300 and  Uncheck the resample box
·         The dpi-number is meaningless, and a change of that number doesn’t alter your photo. the quality of the photo hasn’t been changed :
·         Same exposure
·         same number of pixels, nothing has changed.
·         Only the number of 72 has been changed into 300.
But it will change the height and width..
b) Change the pixel dimension
Go to image size again…tick the resample size
Need to change the pixel dimensions
Change the unit to percent
Key in  any value …any changes here will effect the   document size ..
Try and make changes at the pixel dimensions until we get the desire document size


Upscaling Images

Normally enlarging the size of an image means losing image quality. Upscale your digital photos for print with almost no visible quality loss.
1. After opening the image to increase, open the Actions palette if not already open (Alt+F9). Since we will be increasing the size of the image at small increments at a time, to create an action to do this multiple times until the desired image size has been reached. This will also come in handy for quickly upscaling other images in the future.
In the bottom-right hand corner of the Actions palette, click on the Create new action button.


2. Use the following settings for creating the new action. Once done, click the Record button.
3. Now that the new action has begun to record our changes, we will begin to increase the image size one time gradually using only the Image Size window. Access this window by going to Image > Image Size (Alt+Ctrl+I). To minimze quality loss, we wil only be increasing the size 10 percent at a time. In the document fieldset within this window, change inches to percent. Then change both the width and height to 110. Lastly, for this effect to work with optimum results, change the selection in the drop down box under Resample image to Bicubic Smoother (best for enlargement). After this has been done, click the OK button.
4. You will notice that the image size has been increased slightly. If you look closely it will still be hard to notice any quality loss, which is exactly what we are attempting to acheive. Now that we are done recording our actions, go back into the Actions palette and click the stop button at the bottom of the palette. Go back into the image size window to see if the image is at the desired size. If not, go back into the actions palette where you will see the newly created Upscale 10% action. To repeat this process (to continue to increase or enlarge the image), select the new action and click the play button as many times as necessary.

4. You may get to a point where your image is just slightly larger than the desired size. To get it to the desired final size, you have two options; crop the image or resize it without enforcing scale styles or constrain properties in the Image Size window.

___________________________________________________________

Scenario 2
Printing at home
Image size wanted : 6” x 4 “
Image size : 28” x 21”
Change settings to 6” x 4.5” – resamples the photo only

Solution :
Resize – downsize
It’s not recommended to downsize an image
For this scenario…
1.   Open  Photoshop
2.    Choose an image
  1. Select the cropping tool (marquee tool)
  2. Edit the style
  3. Change the normal Fixed Aspect Ratio" (force the selection into square)
Normal - free to drag out any size selection we need with any dimensions
  1. Enter width of 6 and height of 4
  2. And select it at the image..after done selecting
  3. Go to image> crop
  4. The  image is 6” x 4 “ as desired.
  5. File menu > print
  6. Page setup -Change the paper orientation .
  7. Click ok..
  8. Tick  the box that says "Scale to Fit Media".
  9.  Click the Print button .

Dec 9, 2014

Assignment 2: Gambar Produk

Berikut merupakan gambar produk yang diambil



Canon EOS 1100D
 ISO :800 / Aperture : f/8 / Shutter Speed : 1/30 sec



Canon EOS 1100D
 ISO :800 / Aperture : f/8 / Shutter Speed : 1/13 sec



Canon EOS 1100D
 ISO :200 / Aperture : f/10  / Shutter Speed : 1/5 sec



     
Canon EOS 1100D
 ISO :800 / Aperture : f/8 / Shutter Speed : 1/13 sec




















Dec 4, 2014

Minggu 11

Minggu ini di mulakan dengan presentation rakan sekelas

Combining two or more image 


  • How to insert image to Adobe Photoshop
Select image 
Drag  and release it to new untitled - in the middle of  the untitled canvas


To edit the image 

Use > transform >scale
To zoom in and out - use ctrl ++ or ctrl --
Use magic wand to eliminate the white area that need to be delete, then click inverse



____________________________________________________

Special Effect
Next we learn special effects - using text
 Some of the functions that we learn are :
  • restoration image
  • Filter>liquify
Special effects have many techniques available.Usually it's use by professional editor to edit image



Exercise 1 : Combine 2 or more images


 Hasil  Akhir :-Gabungan 3 gambar 


Gabungan dari gambar-gambar berikut:






Minggu 10

Minggu ke 9 dimulakan dengan presentation dari rakan sekelas - teknik asas menggunakan Adobe Photoshop

tips penting :

  •  layer pertama perlu di duplicate  supaya boleh di edit
  • Rename layer baru untuk sebarang perubahan
  • Tahu penggunaan menu Transform

  • Untuk crop : Ctrl + A dan pilih penggunaan guna marquee tool

  • Di bahagian atas kanan , tekan simbol right untuk confirm dan satu lagi untuk cancel


  • Guna function History untuk undo perubahan.. 
      To display the History panel, choose Window > History, or click the History panel tab.


_________________________________________________

Modifying an image

  • Guna Hue function


_________________________________________________

Replace Color


______________________________________


Under exposed

  • Untuk terangkan warna  gambar yang gelap

  • Duplicate layer yang sama - banyak kali untuk mencerahkan imej
______________________________________


Kelas disambung dengan penerangan dari Dr Jamal mengenai graphic Software

  • Selection tool merupakan tool yang paling penting dalam adobe photoshop
  • Penghasilan poster/banner/pamphlet juga boleh dihasilkan menggunakan adobe illustrator
  • Berikut merupakan interface asas Adobe Photoshop




  •  Tools panel di sebelah kiri interface photoshop.

  • Tip Dr Jamal : Untuk membuat watermark in batch : click file >automatic function
Image mode

  • RGB for computer view
  • CMYK for printing
Q  : What we cannot use flash to edit picture? 
A:  It's because of file quality and file size. We use adobe photoshop before transfer the image to flash.


  • Click on view >actual pixels - to see the real image size
  • Zoom in  - ctrl + +
  • Zoom out - ctrl --
  • Filter function is for special effects
  • It is easier to work with adobe Photoshop by using : arrange >float all in windows
_____________________________________________________

We need to practice selection   (marquee/lasso/ selection tool) by combining two images and upload it through e-learning .

 tips from Dr J: Use magic wand tool







Minggu 8

Dr Jamal mengambil alih kelas bermula pada minggu ini. Kelas Dr Jamal lebih kepada cara memanipulasi imej dengan menggunakan perisian Adobe Photoshop.
Untuk minggu ini, ulangkaji bersama dengan Dr Jamal..antaranya :

A ) Grafik boleh dikategorikan kepada dua iaitu : bitmap (real) dan vector image (cartoon).Untuk             Adobe photoshop hanya menggunakan bitmap.
  • File format untuk DSLR ialah jpeg .. bagi file " raw" ianya bukan file format.
  • Contoh vector imej dalam komputer : clipart dan file format for vector :pcf
  • Kekurangan bitmaps :
  1. Fixed Resolution - dari segi imej dan hardware (cannot be resized without some effects on the clarity of the image)
  2. Downgraded the quality - image lose crispness and clarity
  3. Memory Intensive (larger file size) - the quantity is same but the pixels become bigger)- tidak sesuai menggunakan pendrive.
B) Graphic Quality Factors : 1) Technical aspect 2)hardware

    Adobe Photoshop        
   
   Size : Display resolution
   Resolution : 72 (display)  dpi/ppi


  Simple Image  : Icon/logo/text/border  to be photo realistic image save as :
  • png : transparency (no background, better quality than gif)
  • jpeg - have background       
  • gif - have trasparent


For poster -save it as jpeg

Technic in photoshop :interpolation and dithering- to reduce the colour depth

C) Graphic Software

  • Painting & Image editing Software (bitmap) that are lookalike  as photoshop in term of function is Gimp (an open source and can be downloaded for free).
  • For drawing software (vector) - illustrator, flash, corel draw 
____________________________________________________

Kelas diteruskan dengan presentation seterusnya oleh rakan sekelas dengan tajuk : Basic image editing

  • Free photo editing Software : Gimp, Lazpaint, Photo Pos Pro dan PhotoFiltre
  • Kegunaan Adobe Photoshop : Untuk "alter" , GUI  and high tech coding
  • File format : psd (photoshop) , jpeg ( most popular, support 24 bit color),gif (can make simple animation),png ( support up to 48 bit color) and tiff ( for printing).

Dec 3, 2014

Gambar Tugasan di Melaka Trip 2014 ( 31 Oct 2014)

Berikut merupakan gambar-gambar untuk tugasan yang diberi oleh Dr Shah. Gambar di ambil dengan menggunakan manual setting.

Kategori : Street , Historical dan Composition





Kategori : Historical 




Kategori :  Composition







Kategori : Lain -lain