Web based editing tools

pixlr.com

Original picture

monk_parakeet_26feb11_1024l_4176

Edited picture

monk_parakeet pixlr

Changed the hue→Changed the colour balance (Red Offset and Green Offset)→Put a filter called Noise

Untitled

What I appreaciated in pixlr.com is the history bar on the left bottom that I marked with a red square. It shows you every step you did and if you click the sentence the picture will go back to that stage. This is useful if you make a mistake. You can also check the difference you  just made with the operation. As this website was similar to Photoshop is was easy to use.

fotor.com

Original picture

002-adriana-lima-with-no-make-up_large-view

Editied picture

002-adriana-lima-with-no-make-up_-view

Blemish fix→Eye shadow→Eyebrow pencil

aa

This website had many editing tool for your face. You can put make up on so easily. It was unfortunate that I couldn’t use some tools because I am not a premium member, but overall it is a very useful editing website.

befunky.com

Original picture

cockatiel14

Edited picture

cockatiel14fffffff

Cutout in a circle→Funky Focus→Apply a cartonizer

befunky

There were some unique features in this website. As the name indicates, filters that make the picture were abundant.

picmonkey.com

Original picture

African Grey Parrot 4

Edited picture

African Grey Parrot 4

HDR effect→Insert a text African Grey→Round the corner

aaaaaaa

This website allows you to round the corner of the picture which it somewhat a rare tool. Filters were unique and there were many kinds of texture you can apply.

 

I found out that online editing tools are very useful. As there are a lot of websited like this you can find a tool you want for sure.

 

Hour of Code Recap

UntitledLast week we spent our computer graphics class to do Hour of Code. Here’s what I did.

hoc_badgekarel badge

I finished the Karel Hour of Code exercise. Through this course I learned how to command a character, Karel. I typed in and ordered the code, and also made a new function (I made a function for Karel to turn right since he could only turn left). I can use this experience in the future to create an app by myself or code anything. I also learned that typing in the exact code is very important. For example, if you forget to type it with a capital letter the computer will not understand the code.

 

e3b9edf9e3cfc80dcc9c6cbfc3c1a8casql badgeThis is a badge of SQL course. I learned how to select and display a particular data from a table.  I thought this application is more practical than JavaScript. This could be very useful for the future since you can use this skill to organise a group more easily.

 

 

 

Hour of Code

We are doing Hour of Code in Computer Graphics class as December 7-13 is the international Computer Science Education Week!

Through this project, I would like to learn computer programming like making games. It is great to be able to command your own character and make the rules by yourself. JavaScript is the programming language that is likely to be used to design a game. In Hour of Code there are five courses you can use to learn JavaScript.

Hour of Code Website: http://hourofcode.com

I finished these courses⇒ Build a Game with JavaScript (Code Avengers), Learn to Code with Karel the Dog (Code HS), Codecademy

Mosaic

mosaic flower copyI made a mosaic in computer graphics class using photoshop. I pasted same pictures with different filters. You can see the difference of each effects.

I will describe the filters I applied descending from the top right corner, to the left row.

Photocopy (Sketch)-Glowing Edges (Stylize)-Texturizer (Texture)-Sponge (Artistic)-Sumi-e (Brush Strokes)-Ocean Ripple (Distort)-Ink Outlines (Brush Strokes)-Rough Pastels (Artistic)-Stained Glass (Texture)-Plaster (Sketch)-Water Paper (Sketch)-Patch Work (Texture)-Plastic Wrap (Artistic)-Spatter (Brush Strokes)-Glass (Distort)-Diffuse Glow (Distort)-Dark Strokes(Brush Strokes)-Fresco (Artistic)-Mosaic Tiles (Texture)-Glowing Edges (Stylize)-Grain (Texture)-Dry Brush (Artistic)-Cross Hatch (Brush Strokes)-Ocean Ripple (Distort)-Graphic Pen (Sketch)-Charcoal (Sketch)-Glass (Distort)-Angled Strokes (Brush Strokes)-Cutout (Artistic)-Qraquelure (Texture)-Graphic Pen (Sketch)-Accented Edges (Brush Strokes)-Diffuse Glow(Distort)-Bass Relief (Sketch)

link to the PSD file: https://blogs.cdl.ch/sakikoatcdl/files/2015/12/mosaic-flower-1rihdbq.psd

Plugins

Supreme Google Webfonts(Appearance): Make it possible to change the font and size in the post.

Accessbility (Appearance) : Provides options to improve accessibility.  

Link to CDL homepage → http://www.cdl.ch/

Dogo news (Education, Widget) : Enable widgets to display engaging content from one or more DOGO websites. See the sidebar on the left.

Forums (Education, Social) : Easily add advanced bbPress forums to your site. I have this on my blog.

Formidable forms (Forms  & Surveys) : Quickly and easily create drag-and-drop forms. “Contanct Us” at bottom of this blog and this form↓

You do not have permission to view this form.

WP-ContactForm (Forms & Surveys) : Scroll down and click the page called Contact.

Image Widget (Media, Widget) : Add an image widget to your blog. I have a image of two dogs at the sidebar.

Compfight Safe Images (Education, Media): Quickly find the perfect Creative Commons licensed photo and use those in a post.

Puppys dreamCreative Commons License smerikal via Compfight

Google Maps (Posts & Pages): Use google map in your blog post or/and as a widget. I have it in the sidebar.

Scheduled Content (Post & Pages) : Allows you to make certain post or page content available only at scheduled periods via a simple shortcode.

RSS Just Better (Social) : Displays a list of RSS/Atom feed items given a feed URL and (optional) no. of items, keyword(s), cache refresh frequency. Customizable look & feel. You can stay up to date with this function.

Here’s BBC news feed!

[RSSjb feed=http://feeds.bbci.co.uk/news/rss.xml]

Print Friendly and PDF (Appearance) : PrintFriendly & PDF button for your website. Optimizes your pages and brand for print, pdf, and email. There are print buttons on the bottom of the post.

Easy Tables (Posts & Pages) This makes it easy to add a table to the post. You can insert the data and make the story more reliable!

abc  22%
123  78%

Table of Contents (Posts & Pages) : A powerful yet user friendly plugin that automatically creates a table of contents. Can also output a sitemap listing all pages and categories

Photoshop

1. Edit

I applied two filters on photoshop. The picture on the top is the original one. I applied both filters I used on the second and third one. The picture on the bottom is the final edited result!

Labrador_Retriever_PuppyLabrador_Retriever_Puppy filter1Labrador_Retriever_Puppy filter2

dog

2. Creating

Created my own scenery using photoshop. I used stamps and brushes.Auto_Racing_White_svg copy

3. Photo Retouch

Removed Angelina Jolie’s beauty spot above her right eyebrow. I used spot healing brush tool.gallery_big_Angelina_Jolie_beauty_markangelina jolie

4. Detournement

Selected a dinasaur from one picture and added to an image of a forest.

dinasaur in the forestdinosaur

forest

Internet Safety

Have you ever thought of being in trouble for what you’ve done on the Internet? Internet is a very nice convenient tool if you use it correctly but if you are not aware of what it can cause you could get in trouble.

Do you confirm a friend request from a stranger? Many teenagers today do but what is a problem of that? Imagin you are followed by a stranger in real life. You are reveiling all your information to them. Do you post something you would want to hide from the school (current school or even the school you are appling to) or from your parents? You better not. Everyone can access to your information uploaded. Even if you think you can delete it, you can’t. You can never delete it completely.

Although I don’t post many photos on social network, my profiles were set public, which means strangers can see my information. After I learned Internet safety in class, I set it private so that the information are protected.