Portfolio

Contents RESUME 1 graphic design 2-6 illustration 7-10 logo 11-12 poster 13-14 banner 15 dvd 16-17 application & web 18 merchandise 19-21 Editing 22-23 Photo editing 24-29 video editing 30 photography 31 animation 32-34 2d animation 3d animation DRAWING



1



GRAPHIC DESIGN Illustration 01 02 03 typography fanta advertisment 1 ramadan kareem This is typography artwork with Fanta advertisment illustration This illustration was made to multiple style of design. for the is using photo manipulation celebrate fasting month. it’s typography, it’s using unorga- between the product can and the using flat and minimalist design. nized letter. this artwork liquid. three bubble 3d look the title text was applied with background is using liquid, low made by gradient colour. text effect for better look. poly shape,quality of line with shadow applied at the bottom of gradient colour. the product for floating look. Software: Adobe Illustration CC Software: Adobe Illustration CC Software: Adobe Photoshop CC Adobe Photoshop CC 2

GRAPHIC DESIGN 04 80’s style illustration with quote (1) This illustration using 80’s style concept. some examples of 80’s style props are shape, grid and moon. in this illustration, at the lines gradient colour with disolve effect was applied to make old look. the title was used chrome text effect which is suitable for this style. Software: Adobe illustration CC Adobe photoshop CC 3

GRAPHIC DESIGN 05 lunar (1) Design Style: Flat and Minimalist Software: Adobe Photoshop cc 06 mobile legends Hero: Alpha Quote: May the force be with you Design Style: Flat, Minimalist and quality line 07 LUNAR (2) Design Style: Flat Minimalist and Negative space Software : Adobe Photoshop CC 4

GRAPHIC DESIGN 08 80’s style illustration with quote (2) 5

GRAPHIC DESIGN 09 010 word on illustration brush lattering 011 neon logo 012 mesh tool illustration 6

GRAPHIC DESIGN Logo 01 02 HKM PRODUCTION TRUELIFE PRODUCTION HKM stand for Hakimie and Hakim 3 style was used to Latter T with black make this logo they’re stand for True and latter effect, negative L with red stand for Life 03 LIDI SATEY ENTERTAINEMENT The logo is fusion of 3 latter they’re L, S and E which is stand for Lidi Satey Entertainment. Gradient was used in certain part to make it shadow effect for low and high part. 7

GRAPHIC DESIGN 04 05 lunar title logo multi-add production This is 2D animation title mockup. Moon was used as Multiply and additional simplified as Multi-Add Production. the main graphic because of the animation concept and The meaning in this name: (Multiply = Keep Improve)(Addi- the main character as the character in. The lunar text tional = Positif). Compass was used in this logo because it applied shading, gradient and shine effect to make it 3D can show the direction. So if we have a problem, stay positif look with shine. and try to find the solution at the middle of the logo we can see that the compass same as multiple and additional symbol that join together. 06 jrkv JRKV stand for Jabatan Reka Bentuk dan Komusikasi Visual. The logo is combination of mouse and hand. Mouse represent JRKV as one of the important tool. Hand represent the JRKV’s citizens. So, with the combination of JRKV and the citizens can make them always success. 8

GRAPHIC DESIGN 07 08 crazy rabbit ptss arabic language club 09 010 oh muzikku! fredo (gamer/streamer) 011 012 my first self logo malaysian national football team 9

013 GRAPHIC DESIGN viscom event logo 10

GRAPHIC DESIGN poster 01 02 03 an idea fanta advertisment 2 i-comfest event poster This poster is using flat design This fanta poster was used paper This poster was used doodle style 2.0. this design was called 2.0 cut design which is the graphic while the graphic is flat. Fancy because it’s using shadow effect was applied drop shadow to font was used to match with the for make it better than other flat make it overlapping paper look doodle style. Plain solid colour design. It also a minimalist design alike. For the concept is summer. was used for the background. poster because of the simple This drink is refreshing so it graphic. suitable for summer season. 11

GRAPHIC DESIGN 04 05 graphic resume poster vaporwave concept poster Graphic Resume is a resume that use graphic for make it Vaporwave is a microgenre of electronic better look than formal resume. Layout design, icon and music. The style is defined by its appropria- various text are the examples of graphic that used in tion of 1980s and 1990s mood music style. this poster. The self image was applied black and white This poster have some props that appear in effect to make it blend with the backgriund colour. At range of the year such as radio and rubic cube. the bottom of the self image is the low poly graphic style. 06 lunar animation poster This poster was used papercut design and sillhout. Title logo was made bigger than other illustration because it’s the main subject. 12

GRAPHIC DESIGN Banner 01 s.t.o king website banner (1) This banner is sale banner for S,T,O King website. like other sale banner, it have the percent off, contact number, the item and company logo. This banner was used paper cut style with line art. 02 s.t.o king website banner (2) This banner was used minimalist design. The vector shape with differend size was coloured contrast with the background. Indirectly, principle of design was applied in this poster. 03 s.t.o king website banner (3) This poster inspired by nike banner design. Bold font with suitable size normally big as the main title and the product above it at some part. Solid colour bacground was used. 13

04 lunar animation concept board GRAPHIC DESIGN 14

GRAPHIC DESIGN DVD DESIGN 01 02 03 reborn of the bocabot oh muzikku! s.t.o king 04 lunar dvd cover 15

GRAPHIC DESIGN ApplICATION & web 01 oh muzikku! Software used: Adobe Illustration CC (Design Interface) Adobe Flash CS6 (Coding and Programming) 02 solat! Software used: Adobe Illustration CC (Design Interface) 16

GRAPHIC DESIGN 03 s.t.o king website Sofware used: Bootstrap Studio (Interface Design) Filezilla 17

GRAPHIC DESIGN MERCHANDISE 01 mobile legends hero 02 quotes button design 18



PHOTO EDITING 01 self potrait outrun style Concept: Outrun/Sythwave Font: Road Rage Software: Adobe Photoshop CC 19

EDITING 02 magazine photo manipulation Concept: Healthy Drink Software: Adobe Photoshop CC Effect: Colour Adjustment 03 duo colour Concept: Duo Tone Colour Font: Streamster Software: Adobe Photoshop CC 04 05 fancy fantasy Concept: Photo Illustration Concept: Gradient Colour Font: America Captain Software: Adobe Photoshop CC Software: Adobe Photoshop CC 20

06 vaporwave style photo manipulation Concept: Vaporwave Font: Pixelade Software: Adobe Photoshop CC 21

EDITING 06 s.t.o king promote image Concept: Focus Object Font: Road Range Software: Adobe Photoshop CC 07 k.e.l.i.s.a Concept: Cinematic Look Effect: Colour Grading Font: Road Range Software: Adobe Photoshop CC 08 the dream Concept: Unreal Identity Software: Adobe Photoshop CC 22

EDITING VIDEO EDITING 01 02 02 self logo introduction fanta commercial neon text Effect: Liquid Concept: Summer Concept: Neon Software: Adobe After Effect CS6 Design Style: Paper cut Font: Neo-Navy Font: DK Lemon Yellow Sun Software: Adobe After Effect CS6 Software: Adobe After Effect CS6 22

EDITING 04 music video cover Concept: Music Video Theme: Islamic Song: Insya Allah by Maher Zain Software: Adobe Primiere Pro CC Effect: Colour adjustment 05 writing text Software: Adobe After Effect CS6 Effect: Masking 06 neon effect Concept: Lightsaber Effect plugin: Lightsaber Software: Adobe After Effect CS6 23



PHOTOGRAPHY 01 24 masjid al-bukhari, kedah F-Stop: F/22 Exposure Time: 1/1oo Sec Iso: 100 Shot: Long Shot Type: Landscape 02 the real muslim F-Stop: f/5.6 Exposure Time: 1/1oo Sec Iso: 100 Shot: Long Shot Type: Human Portraiture

PHOTOGRAPHY 03 my friend portrait F-Stop: F/4.8 Exposure Time: 1/250 Sec Iso: 200 Shot: Medium Shot Type: Human Portraiture 04 pauh inn view F-Stop: F/16 Exposure Time: 1/1oo Sec Iso: 1400 Shot: Long Shot Type: Lanscape 25

PHOTOGRAPHY 05 photo colour grading Software: Adobe Photoshop CC Camera: Nikon D3100 26

PHOTOGRAPHY 06 langkawi national observatory F-Stop: F/1.8 Exposure Time: 1/400 Sec Iso: 50 Shot: Framing 07 kamsis F-Stop: F/1.8 Exposure Time: 1/50 Sec Iso: 50 Shot: Line and repeatition 27

PHOTOGRAPHY 08 langkawi guy F-Stop: F/1.8 Exposure Time: 1/1500 Sec Iso: 50 Edited by Adobe Lightroom Mobile 08 the stones F-Stop: F/1.8 Exposure Time: 1/160 Sec Iso: 50 28

PHOTOGRAPHY 09 cabin F-Stop: F/1.8 Exposure Time: 1/550 Sec Iso: 50 10 grilled fish F-Stop: F/1.8 Exposure Time: 1/100 Sec Iso: 61 29



ANIMATION 2D ANIMATION 01 night tuition Software: Adobe Flash CS6 Adobe Premiere Pro CC Adobe After Effect CS6 02 lunar 30

ANIMATION 3D ANIMATION 03 3d modeling 3D Style: Low Poly Software: Autodesk Maya 04 reborn of the bocabot 3D style: Simple robot animation Software: Autodesk Maya 31



DRAWING 01 02 banana (colour pencil drawing) the cupcake (photo realistic painting) 03 04 hammer (pencil drawing) shining shoe (pencil drawing) 32

DRAWING 05 bad hair day Theme: Bad Hair Day Design Concept: Doodle Artwork: Pen on mounting board 33

34

CONTACT & REFERENCE CONTACT: ALIF HAKIMIE BIN JAMIL (0174592101) [email protected] REFERENCES: MRS. NORSYARIZAINI BINTI ABD WAHAB (0194261953) MRS. NOORIZAN BINTI MUSTAPHA (0147358910)