DEFINISI OF PHOTOSHOP AND TUTORIAL

Pengertian Photoshop

Photoshop?? Semua pasti kenal dengan sofware pualing Mantab yang satu ini , dengan software ini kita dapat mengedit gambar/foto dengan semau kita, Dan satu-satunya software Pengolah gambar yang paling hadal yang pernah ada .heheDan berikut Penjelasan Photoshop dari wikipedia

Adobe Photoshop, atau biasa disebut Photoshop, adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaaniklan sehingga dianggap sebagai pemimpin pasar (market leader) untuk perangkat lunak pengolah gambar/foto, dan, bersama Adobe Acrobat, dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. Versi kedelapan aplikasi ini disebut dengan nama Photoshop CS (Creative Suite), versi sembilan disebut Adobe Photoshop CS2, versi sepuluh disebut Adobe Photoshop CS3 , versi kesebelas adalah Adobe Photoshop CS4 , versi keduabelas adalah Adobe Photoshop CS5 , versi (ketigabelas) adalah Adobe Photoshop CS6, dan Versi yang terakhir adalah versi(keempatbelas) Adobe Photoshop CS7 . 

Sejarah Photoshop

Pada tahun 1987, Thomas Knoll, mahasiswa PhD di Universitas Michigan, mulai menulis sebuah program pada Macintosh Plus-nya untuk menampilkan gambar grayscale pada layar monokrom. Program ini, yang disebut Display, menarik perhatian saudaranya John Knoll, seorang karyawan di Industrial Light & Magic, yang merekomendasikan Thomas agar mengubah programnya menjadi program penyunting gambar penuh. Thomas mengambil enam bulan istirahat dari studi pada tahun 1988 untuk berkolaborasi dengan saudaranya pada program itu, yang telah diubah namanya menjadi ImagePro. Setelah tahun itu, Thomas mengubah nama programnya menjadi Photoshop dan bekerja dalam jangka pendek dengan produsen scanner Barneyscan untuk mendistribusikan salinan dari program tersebut dengan slide scanner; “total sekitar 200 salinan Photoshop telah dikirimkan” dengan cara ini.
Selama waktu itu, John bepergian ke Silicon Valley di California dan memberikan demonstrasi program itu kepada insinyur di Apple Computer Inc. dan Russell Brown, direktur seni di Adobe. Kedua demonstrasi itu berhasil, dan Adobe memutuskan untuk membeli lisensi untuk mendistribusikan pada bulan September 1988.Sementara John bekerja pada plug-in di California, Thomas tetap di Ann Arbor untuk menulis kode program. Photoshop 1.0 dirilis pada 1990 khusus untuk Macintosh.Sumber ( wikipedia)

Fungsi Photoshop

Banyak sekali fugnsi Photoshop , tapi sebelum itu mari saya jelaskan Fungsi Tool-tool Photoshop.

Crop & Slice Tool 

Crop Tool – Shortcut (C), digunakan untuk memotong gambar, foto ataupun canvas (kertas kerja). Pemotongan dengan alat ini dilakukan secara permanen mengubah bentuk dimensi lebar dan tinggi foto. Pemotongan dilakukan dengan menentukan area potong berbentuk kotak dari sebuah foto.

Slice Tool – Shortcut (C), digunakan untuk kebutuhan website dengan cara memotong hasil desain yang telah dibuat di Photoshop menjadi potongan yang lebih kecil.

Slice Select Tool – Shortcut (C), digunakan untuk memilih potongan pada sebuah desain yang telah dipotong sebelumnya dengan menggunakan slice tool.

Annotation, Measuring & Navigation Tool

 

Eyedropper Tool – Shortcut (I), digunakan untuk mengambil sample warna dari sebuah gambar ataupun foto, sample warna diambil dengan cara mengklik warna target yang kemudian secara otomatis akan mengubah warna depan (foreground color) pada toolbox.

Ruler Tool – Shortcut (I), digunakan untuk mengukur dimensi lebar dan tinggi.  alat ini biasanya digunakan untuk kebutuhan website seperti mengukur dan memperkirakan interface tinggi & lebar tombol, header ataupun area website lainnya. Satuan yang digunakan biasanya pixels.

Note tool – Shortcut (I), digunakan untuk memberikan catatan pada hasil desain yang telah di buat. Catatan ini berguna sebagai pengingat dalam proses pembuatan desain ataupun dapat berguna sebagai media untuk penyampaian sebuah pesan ketika bekerja secara team.

Hand Tool – Shortcut (H), digunakan untuk menggeser/memindah bidang pandang foto atau gambar di dalam window view area atau dalam kondisi gambar sedang di perbesar (zoom in). Cukup tekan dan tahan tombol spasi untuk meminjam alat ini.

Zoom Tool – Shortcut (Z), digunakan untuk memperbesar ataupun memperkecil tampilan foto atau gambar. Pengaturan zoom in atau zoom out dapat dilakukan melalui option bar.

Selection Tool

Move Tool – Shortcut (V), alat ini digunakan untuk memindahkan posisi layer dalam satu foto ataupun memindahkan sebuah foto atau layer dalam sebuah foto ke foto yang lain / foto yang berbeda.

Rectangular Marquee Tool – Shortcut (M), alat ini digunakan untuk menyeleksi objek yang berbentuk kotak. Klik kanan diatas alat ini maka akan muncul alat lain dari kelompok marquee tool seperti Eliptical Marquee Tool, Single Row Marquee tool dan Single Column Marquee Tool.

Eliptical Marquee Tool – Shortcut (M), alat ini digunakan untuk menyeleksi objek yang berbentuk lingkaran seperti menyeleksi lingkaran mata, ban mobil dan objek lain. Alat ini masih satu kelompok dengan Rectangular Marquee Tool.

Lasso Tool – Shortcut (L), digunakan untuk menyeleksi objek dengan bentuk bebas, alat ini akan membentuk seleksi sesuai dengan gerakan mouse, penggunaan alat ini sangat bergantung dengan gerakan mouse sehingga cukup sulit mengendalikan dan mencapai hasil yang maksimal.

Polygonal Lasso Tool – Shortcut (L), digunakan untuk menyeleksi objek dengan bentuk bebas bersudut, alat ini membentuk seleksi melalui titik-titik point yang dibuat dengan menggunakan klik kiri mouse. Alat ini juga dapat digunakan untuk memotong dan mengubah background foto.

Magnetic Lasso Tool – Shortcut (L), digunakan untuk menyeleksi objek dengan bentuk bebas, cara kerja alat ini adalah menempel pada tepi objek yang akan dipotong ketika mouse bergerak mengelilingi tepian objek, selama proses seleksi alat ini membentuk titik-titik penghubung seleksi.

Magic Wand Tool – Shortcut (W), digunakan untuk  menyeleksi satu jenis warna (warna solid) pada foto. Alat ini dapat menyeleksi dengan pengaturan nilai tolerance atau nilai cakupan warna, semakin besar nilai tersebut maka semakin luas cakupan warna yang di seleksi.

Retouching Tool 

Spot Healing Brush – Shortcut (J), digunakan untuk menghapus noda pada sebuah foto ataupun gambar, alat ini juga biasanya digunakan untuk menghilangkan noda di wajah ataupun menghilangkan jerawat diwajah.

Patch Tool – Shortcut (J), digunakan untuk memperbaiki foto dengan cara memanfaatkan pola yang terdapat pada foto tersebut. Perbaikan dilakukan dengan menyeleksi kerusakan area kemudian menarik seleksi tersebut diatas pola target untuk menutupi area kerusakan.

Red Eye Tool – Shortcut (J), digunakan untuk menghilangkan efek mata merah yang timbul pada foto akibat pengambilan foto dalam kondisi gelap menyebabkan flash kamera memantulkan warna merah pembuluh darah dibalik mata.

Clone Stamp Tool – Shortcut (S), digunakan untuk mengambil sample dari sebuah area gambar kemudian mengkloning / menerapkan sample tersebut untuk dilukiskan diatas area foto lain berdasarkan sample foto yang diambil.

Pattern Stamp Tool – Shortcut (S), digunakan untuk melukis image dengan menggunakan pola tertentu sesuai dengan pola yang dipilih pada option bar.

Eraser Tool – Shortcut (E), digunakan untuk menghapus foto atau gambar dalam sebuah layer raster.

Background Eraser Tool – Shortcut (E), digunakan untuk menghapus foto atau gambar sehingga menghasilkan layer transparant pada bagian foto atau pada area yang dihapus.

Magic Eraser Tool – Shortcut (E), digunakan untuk menghapus area tertentu dari sebuah foto atau gambar yang memiliki warna yang serupa (satu warna solid) menjadi transparan dengan satu kali klik pada area warna tersebut. Bisa dimanfaatkan untukmenghapus background satu warna.

Blur Tool – digunakan untuk menghaluskan/mengaburkan area tertentu dari sebuah foto atau gambar. Dengan mengaburkan gambar akan memberikan kesan halus, blur juga dapat menyamarkan pixels gambar.

Sharpen Tool – digunakan untuk menajamkan area tertentu dari sebuah foto atau gambar.

Smudge Tool – digunakan untuk menggosok/mencoreng area tertentu dari sebuah foto atau gambar seolah-olah di pengaruhi oleh sapuan jari telunjuk diatas sebuah lukisan.

Dodge Tool – Shortcut (O), digunakan untuk menerangkan warna di area tertentu pada gambar atau foto dengan memberikan highlights pada area tertentu hingga area tersebut tampak lebih cerah / terang.

Burn Tool – Shortcut (O), digunakan untuk menggelapkan warna di area tertentu pada gambar atau foto dengan memberikan shadow / bayangan pada area tertentu hingga tampak lebih gelap.

Sponge Tool – Shortcut (O), digunakan untuk mengubah saturation di area tertentu pada area gambar atau foto.

Painting Tool

Brush Tool – Shortcut (B), digunakan untuk melukis foto atau gambar dengan goresan kuas berdasarkan warna depan (foreground color) yang telah dipilih.

History Brush Tool – Shortcut (Y), digunakan untuk melukis image menggunakan snapshot atau state history dari Image.

Art History Brush Tool – Shortcut (Y), digunakan untuk melukis image menggunakan snapshot atau state history dari image, dengan model artistik tertentu.

 Pencil Tool – Shortcut (B), digunakan untuk melukis dengan efek goresan pensil.

Gradient Tool – Shortcut (G), digunakan untuk mengecat area yang dipilih (selected area) dengan perpaduan dua warna atau lebih. Gradient ini juga memiliki beberapa pengaturan dan tipe untuk menghasilkan efek perpaduan warna yang sesuai dengan keinginan.

Paint Bucket Tool – Shortcut (G), digunakan untuk mengecat atau mewarnai area tertentu atau layer tertentu berdasarkan warna depan (foreground color) yang telah dipilih.

Drawing and Type Tool

Path Selection Tool – Shortcut (A), digunakan untuk menyeleksi path yang telah dibuat dengan menggunakan pen tool.

Horizontal Type Tool – Shortcut (T), digunakan untuk membuat teks secara horizontal. Selain alat ini ada juga Vertical Type Tool untuk membuat teks secara vertical dan type mask untuk membuat teks dalam bentuk seleksi.

Pen Tool – Shortcut (P), digunakan untuk menggambar path sudut ataupun lengkung. Alat ini biasa juga digunakan untuk menyeleksi objek. Selain alat ini ada kumpulan alat lain untuk menambah titik point, mengurangi dan memodifikasi path yang telah dibuat.

 

Step 1

Open a suitable background image on which you want to build up the flaming text effect. In this example we’ve used a 800 x 600 pixel distressed metal texture from doschdesigns but any reasonably dark background texture would work equally well:

Step 2

We’ll add some shading and colour adjustments to create a low key effect over our background. Select the Elliptical Marquee tool (M) and draw a large oval over the centre of the background.

Step 3

Use Cmd/Ctrl + Shift + I to select the inverse area in the document:

Step 4

Go to the Layer menu > New Adjustment Layer > Curves command. Click to add a custom midtone point on the Curve line and drag downwards to darken the image:

Step 5

To soften the edges of the vignette, we’ll add a blur to the Adjustment Layer Mask. Go to the Filter menu > Blur > Gaussian Blur. Increase the Radius value as required to create a nice soft feather for the edges of the ellipse shape.

Step 6

Go to the Layer menu > New Adjustment Layer > Hue and Saturation. Check the Colorize tickbox and apply the following values: Hue (30), Saturation (50), Lightness (-40)

Step 7

Select the Text tool (T) and click on the canvas to create a Type Layer. Use the Options bar to set the required font size and colour and enter the required character.
In the example used here, we’ve used the following character values: Font: MetroBlack LT Two Regular, Size: 400 px, Colour: 474747. When you’ve finished, use the shortcut Cmd/Ctrl + Enter to commit the Type Layer changes.

Step 8

In the Window menu > Layers Panel select the Background Layer containing the metal texture image. Use the shortcut Cmd/Ctrl + J to duplicate the Layer and drag it above the Text Layer in the Panel.

Step 9

With the new texture Layer selected, use the shortcut Cmd/Ctrl + Alt + G to mask the copy image to the Text Layer beneath.

Step 10

With the Texture Layer selected, Go the Image menu > Adjustments > Curves command. Add a mid tone point to the Curve line and drag downwards to darken the texture overlay Layer.

Step 11

We’ll next add some Layer Styles to the Text Layer to lift it off the background. In the Layers Panel, click the ‘FX’ menu and apply the following Layer Styles:

• Drop Shadow
• Opacity:
• Distance: 20px
• Spread: 0 px
• Size: 20 px
• Bevel and Emboss
• Depth: 1000%
• Size: 5px
• Angle: 130
• Altitude: 48
• Highlight Colour: fa8b09
• Highlight Opacity: 95%
• Shadow Colour: 000000
• Shadow Opacity: 85%

Step 12

We’ll now create some digital fire to warp around our character, using the fantastic new Photoshop CC Flame Filter, and some custom Paths to indicate the placement and direction of the flames.
Use the shortcut Cmd/Ctrl + Shift + N to create a New Layer called ‘Flames’. Select the Pen tool (P) and in the document, draw out a path up one side of the text character where you want a flame to appear:

Step 13

When you reach the point where you want the flame to end, hold down the Cmd/Ctrl key and click anywhere on the document away from the Path points. To create another flame, draw another Path segment using the same steps, but remember to Cmd/Ctrl + click at the end of each Path segment so that the flames will be rendered individually:

Step 14

Go to the Filter > Render > Flame Filter. In the dialog box, set the following key values:

• Flame Type: One Flame along Path
• Width: 37 px
• Flame Lines: 9
• Turbulent: 66
• Jag: 0
• Opacity: 49

Step 15

The Filter dialog box provides a near infinite range of flame and fire effects, so you should also experiment with adjusting the above settings to create the flame look you want. Once you’ve adjusted the values, click OK to apply the Filter effect:

Step 16

Next we’ll add some extra shading to build up the glow around our flames.
In the Window > Layers Panel, select the flames Layer and use the shortcut Cmd/Ctrl + J to duplicate it.

Step 17

Re-name the copy Layer to ‘Flame Glow’ and move it below the Flames Layer in the Panel list.

Step 18

Change the Blending Mode in the Layers Panel to Color Dodge. Use the Move tool to offset the copy image a little to the right and down.

Step 19

Go to the Filter > Blur > Gaussian Blur command. Adjust the Blur Radius to soften the edges of the glow effect. In the example used here, a value of 8.0 was used:

Step 20

To reduce the strength of the Color Dodge effect over the background image, go to the Image menu > Adjustments > Hue and Saturation command.

Step 21

Lower the Saturation slider to remove some of the colour intensity in the glow.

Step 22

Use the shortcut Cmd/Ctrl + Shift + N to create a New Layer. Name it ‘Extra Glow’. In the Layers Panel, move it below the Flames Glow Layer.

Step 23

Change the Layer Blending Mode to Color Dodge.

Step 24

Select the Brush tool (B). In the toolbox, click the Foreground Swatch and change the Colour to CAAF50.

Step 25

Use a large soft brush to paint in some extra glow details around the edges of the flames and over the text character.
The Color Dodge Mode works really well for building up vibrant glow effects, but it’s extremely sensitive to small changes in your paint colour. If the glow effect is too strong, or produces unwanted colour shifts, try reducing the Lightness and/or Hue values for the paint colour in the toolbox until you get the right result.

Step 26

For a finishing touch, we’ll add some sparks to the base of the flames using a custom made brush. Use the shortcut Cmd/Ctrl +N to create a new document In the dialog box, set the following properties and then click OK:

• Name: Spark Prototype
• Width: 50 px
• Height: 20 px
• Color Mode RGB
• Background Contents: White

Step 27

Select the Rectangular Marquee tool (M) and draw a small horizontal rectangle in the document.

Step 28

Use the shortcut Cmd/Ctrl + I to invert this area to black. Use the shortcut Cmd/Ctrl + D to remove the selection.

Step 29

To add some movement to the spark prototype, go to Filter > Blur > Motion Blur Filter. Set the distance to 13px, the Angle to 0 degrees and click OK. To save a custom brush from the Spark image, go to the Edit menu > Define Brush Preset command:

Step 30

Now swap back to the Flaming text document. Select the Brush tool (B), which should now show our Spark Prototype as the active Brush tip. We’ll need to adjust some of the paint stroke properties for this custom tip to create some realistic spark like effects.
Go to the Window menu > Brush Panel and apply the following values to the Brush Properties:

• Brush Tip Shape
• Size: 10 Px
• Roundness: 35%
• Spacing: 350%
• Shape Dynamics:
• Size Jitter: 100 %
• Angle Jitter 3 %
• Angle Jitter Control: Direction
• Scattering:
• Scatter: 300%
• Both Axes: Ticked

Step 31

Use the Shortcut Cmd/Ctrl + Shift + N to create a New Layer called ‘ Coloured Sparks’.

Step 32

Set the Foreground Colour to White in the Toolbox. In the document window, start to paint in some sparks around the base of the flames. Start your paint strokes at the base and draw in the direction that you’d like them to travel in either in a straight line or curved arcs. As we’ve set the Angle Jitter Control to ‘Direction’, the sparks should always align to the direction of your mouse movement:

Step 33

As a finishing touch, we’ll add a few colour changes to some of the sparks. On the keyboard, press the ‘/’ key to Lock the Transparent areas of the Sparks Layer from change. Select a soft round paint brush preset, set the size value to 50 px.

Step 34

In the toolbox, set the Foreground colour to EB7E13. Begin to paint around the edges of the spark trails with the Brush tool to add some colour variation to the sparks.
You can continue to paint different orange and yellow hues into the sparks to build up a more complex colour palette as required.

Step 35

Marvel at your results.

Editor’s Note: This is written for Hongkiat.com by Ben Richardson. Ben is the director of Acuity Training, an IT training business based in Guildford, UK and is sharing some of the tips that delegates have found more useful from their Photoshop courses.