create a simple logo in photoshop...

14
Create a simple logo in Photoshop CC

Upload: buikien

Post on 03-Aug-2018

223 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Create a simple logo in Photoshop CCux.brookdalecc.edu/.../08_01_createASimpleLogoInPhotoshopCC.pdf · Save file •Either save file somewhere then bring it in to Dreamweaver later

Create a simple logo in Photoshop CC

Page 2: Create a simple logo in Photoshop CCux.brookdalecc.edu/.../08_01_createASimpleLogoInPhotoshopCC.pdf · Save file •Either save file somewhere then bring it in to Dreamweaver later

Open up Photoshop CC

Page 3: Create a simple logo in Photoshop CCux.brookdalecc.edu/.../08_01_createASimpleLogoInPhotoshopCC.pdf · Save file •Either save file somewhere then bring it in to Dreamweaver later

Select File -> New

Page 4: Create a simple logo in Photoshop CCux.brookdalecc.edu/.../08_01_createASimpleLogoInPhotoshopCC.pdf · Save file •Either save file somewhere then bring it in to Dreamweaver later

Give it a name, width and height in pixels

Page 5: Create a simple logo in Photoshop CCux.brookdalecc.edu/.../08_01_createASimpleLogoInPhotoshopCC.pdf · Save file •Either save file somewhere then bring it in to Dreamweaver later

Your logo appears as such

Page 6: Create a simple logo in Photoshop CCux.brookdalecc.edu/.../08_01_createASimpleLogoInPhotoshopCC.pdf · Save file •Either save file somewhere then bring it in to Dreamweaver later

Click on the Text Tool

Page 7: Create a simple logo in Photoshop CCux.brookdalecc.edu/.../08_01_createASimpleLogoInPhotoshopCC.pdf · Save file •Either save file somewhere then bring it in to Dreamweaver later

Select Font Type Color and Size

Page 8: Create a simple logo in Photoshop CCux.brookdalecc.edu/.../08_01_createASimpleLogoInPhotoshopCC.pdf · Save file •Either save file somewhere then bring it in to Dreamweaver later

Click in logo design and enter texts

Page 9: Create a simple logo in Photoshop CCux.brookdalecc.edu/.../08_01_createASimpleLogoInPhotoshopCC.pdf · Save file •Either save file somewhere then bring it in to Dreamweaver later

Click on move tool

Page 10: Create a simple logo in Photoshop CCux.brookdalecc.edu/.../08_01_createASimpleLogoInPhotoshopCC.pdf · Save file •Either save file somewhere then bring it in to Dreamweaver later

Reposition text in logo

Page 11: Create a simple logo in Photoshop CCux.brookdalecc.edu/.../08_01_createASimpleLogoInPhotoshopCC.pdf · Save file •Either save file somewhere then bring it in to Dreamweaver later

If necessary click on text tool, select logo text and modify

Page 12: Create a simple logo in Photoshop CCux.brookdalecc.edu/.../08_01_createASimpleLogoInPhotoshopCC.pdf · Save file •Either save file somewhere then bring it in to Dreamweaver later

Click on file save to save logo as .psd fileClick on file save for web

Page 13: Create a simple logo in Photoshop CCux.brookdalecc.edu/.../08_01_createASimpleLogoInPhotoshopCC.pdf · Save file •Either save file somewhere then bring it in to Dreamweaver later

Save file

• Either save file somewhere then bring it in to Dreamweaver later• Or save to your web site folder

• Preferably in an images folder

• Then insert into you web page• For instance into the header tag

Page 14: Create a simple logo in Photoshop CCux.brookdalecc.edu/.../08_01_createASimpleLogoInPhotoshopCC.pdf · Save file •Either save file somewhere then bring it in to Dreamweaver later