Archive for the 'HowTo' Category

Uitleg animatie met Photoshop elements.

Hoe maak je een animatie met photoshop elements?

Enige tijd geleden maakte ik een animatie met een aantal beelden van de “2 seconds run from camera”, zie deze post; Annimatie run from camera . Mij werd gevraagd of ik dat uit wilde leggen, natuurlijk wil ik dat. Om te beginnen verzamel je de foto’s die je wilt gebruiken. Daarna begin je met alle foto’s te openen die je in de animatie wilt hebben.

1_open_files.jpg

Aan de rechterkant zie je dat de eerste foto layer zoals gebruikelijk Background is genaamd.

Vervolgens sleep je alle foto’s die je onderaan in de foto-bin ziet naar je eerste plaatje (Zie de rode pijlen) en laat je ze erop vallen. Je ziet dan vervolgens alle foto’s in de layers-kolom (zie de blauwe pijlen) als aparte layers, de naam van de foto is dan de naam van de layer.
2_drop_pictures.jpg
Vervolgens ga je naar File->Safe for web

Heel belangrijk is dat dan JPEG of elke andere bestand-type wijzigt in GIF omdat je uitsluitend GIF files kunt gebruiken voor de animatie.

3_jpeg_output.jpg

Om nu de animatie te maken doe je volgende;

1. Zet een vinkje in Animate

2. Pas de vertagingstijd aan tussen de foto’s. (Je kunt dat per foto veranderen)

3. Bekijk het voorbeeld in je browser, pas dingen aan en als je tevreden bent;

4. Klik op OK en sla het bestand op.

4_animate.jpg

Je krijgt dan een animatie zoals deze;

5_animatie.gif

(de tussentijd is 2 seconden en LOOP staat aangevinkt zodat de animatie niet stopt maar opnieuw begint.)

Als je nog vragen mocht hebben stel ze dan in de comments.

PS

Dit werkt precies hetzelfde in elements 3 en 4.

convert this post to pdf.

4 Comments »

CSS Weblog-kunst

Nee het is geen Centraal Station Schiphol maar Cascading Style Sheets. Het gaat een zeer technisch verhaal worden en je kunt hier stoppen als je dat wilt.

CSS wordt gebruikt om de vormgeving van je website te besturen. Er is heel veel informatie op het web te verkrijgen met de gebruikte schrijfwijze en hoe het allemaal werkt, dat ga ik dus niet uitleggen. Om dan meteen in het diepe te duiken zie je hier hoe een van mijn websites eruit zou kunnen zien, dit is blipsdemo.com
fotoblog_2.jpg

Die rode achtergrond ziet er natuurlijk niet uit. Door nu een heel klein stukje in de CSS te wijzigen krijgen we een veel beter beeld. Het gele gemarkeerde gedeelte aan de linkerkant zal worden gewijzigd, in zwart, de kleurcode in hexadecimaal voor zwart is #000000 (zie onderstaande code)
css_code.jpg

Opeens zien we een veel betere weergave;

fotoblog_1.jpg

De originele code op de website is echter nog niet gewijzigd. Dit is gewoon het uitproberen van de instellingen. Als alle instellingen zijn zoals je wilt kun je de css code opslaan en uploaden naar je website. Dit is dus echt WISYWIG oftewel wat je verknoeit zie je meteen. Zoals ik al zei pas als je de nieuwe CSS naar je website upload is het echt gewijzigd, maak dus eerst een copy van de file.
De manier hoe je dit allemaal doet is eigelijk vrij simpel (waarmee ik niet wil zeggen dat CSS simpel is). Ik maak gebruik van FireFox als mijn browser en heb de Web developer add-on van Chris Pederick geinstalleerd. addons.mozilla.org/firefox/60/ Nadat je die add-on hebt geinstalleerd krijg je een nieuwe tool-bar in Firefox en kun je CSS bekijken of wijzigen van iedere website die je tegenkomt. Dus ook websites die niet van jou zijn. Zo kun je bijvoorbeeld kijken naar anderen hoe die dingen oplossen met CSS. Natuurlijk kun je die CSS niet naar hun website uploaden.
Niet iedere website gebruikt CSS en soms gebeuren er dingen via gewoon html hard gecodeerd hou daar rekening mee.
Dus als je op een eenvoudige manier kleine dingen zoals kleur, lettertype, links en marges wilt wijzigen is dat nu heel eenvoudig mogelijk door het eerst uit te proberen, het is gemakkelijker dan je denkt.

Nou hoop ik dat je het tot deze zin hebt kunnen uithouden en er meer van wilt weten. Veel plezier ermee en vragen staat vrij.

En als je nu wilt weten hoe ik aan die hexadecimale kleurcodes kom, kijk hier maar eens; www.tbi.univie.ac.at/TBI/hex_color_chart.html

convert this post to pdf.

7 Comments »

White Balance

Nee dit heeft niets met rassendiscriminatie te maken ook al is het vandaag Martin Luther King day. Het is een begrip in de fotografie maar als je dat nou echt wilt weten dan ga je naar deze website. Daar worden de dingen kort uitgelegd als in een woordenboek. Je leert dus niet alles over het waarom en hoe maar je weet wel wat het begrip inhoud. Een nuttige link voor mensen die fotografie serieus nemen.

photonotes.jpg

photonotes.org

convert this post to pdf.

6 Comments »

Blogarithm - Weblog kunst

Stel je voor je snapt helemaal niks van RSS en wilt er ook niks van weten maar je wil wel een gemakkelijke manier om geinformeerd te blijven over een aantal weblogs die je graag leest dan is er een oplossing namelijk;

blogarithm.gif

www.blogarithm.com

Als je jezelf daar aanmeld kun je vervolgens een lijst maken met de weblogs die je graag leest. Je krijgt dan dagelijks een email met de links naar die logs als er een nieuwe post is. Sommige weblogs hebben een link naar Blogarithm met de juiste instelling erin dit is in de vorm van een kleine afbeelding van het plaatje dat je hierboven ziet. Kijk maar eens aan de sidebar van mijn blog.

Als er weblogs gewijzigd zijn krijg je een email van blogarithm dat er zo uitziet;

blogaritm_mail.jpg

Door op “view the full article” te klikken kun je de betreffende post helemaal lezen. Handig als je bij wilt blijven zonder RSS gedoe en zonder elke weblog afzonderlijk te moeten bezoeken.

convert this post to pdf.

3 Comments »

Trackback/Ping - Weblog kunst

Om iedereen weer even wakker te maken in dit nieuwe jaar en de draad weer op te pakken wil ik je graag iets vertellen over trackback en ping. Het is niet een van de gemakkelijkste onderwerpen en werkt achter de schermen van bijna elke weblog. Het geeft je ook een idee over hoe het nu komt dat er spam in je comments verschijnt. Ok hou je vast hier gaan we;

Als eerste een voorbeeld zonder de hele uitleg, het helpt als je dit in gedachten houdt.

Op deze weblog had ik met kerst een post met video over de “holiday train” (klik er op als je het nog niet gezien hebt)
org_post.gif

dezelfde video heb ik ook op mijn videoblog door nu deze link vlogmatic.com/2006/12/13/holiday-train/ als een trackback op te nemen in mijn originele post werd er een automatische comment geplaatst op de videoblog met een gedeelte van de originele tekst van mijn blog;

tb_comment.gif

Eigelijk een beetje overbodig omdat beide blogs van mezelf zijn maar in het geval het een video-blog van iemand anders zou zijn geweest wist die persoon en de lezers van die blog dat ik een soortgelijke post in mijn blog had gemaakt.

1.Trackback

Stel je voor je schrijft een stukje op je weblog over gatenkaas. Nou dan kun je je ook voorstellen dat ik dat interessant zou vinden en daarom er ook een stukje over schrijf in mijn blog. Om jou nu te vertellen dat ik dat gedaan heb kan ik kiezen uit het maken van een comment op jou weblog of je trackbackaddress invullen in een invoerveld van mijn weblog;

trackback_101.gif

Het voordeel van een trackback is dat er een klein stukje van mijn verhaal in jou comments terecht komt met een link naar mijn verhaal zonder dat ik verder iets hoef te doen of in te typen. Je lezers zien dat comment en kunnen via de direkte link ook mijn blogpost lezen.

Een meer uitgebreide uitleg kun je hier vinden;

weblog.r-win.com/losse_html/trackback.html#meer_lezen

2. Ping

Veel mensen denken dat een ping en een trackback hetzelfde is. Dat is echter niet zo. Als ik een mooi artikel heb geschreven over het planten van een boom (niet dat ik dat ooit zal doen) en ik “publish” de post dan zal in mijn geval Pingomatic.com op de hoogte worden gesteld dat er een nieuwe post is. Technorati verspreid het bericht waardoor ineens iedereen je post kan vinden via bijvoorbeeld bloglines.com die nadat ze een ping ontvangen van technorati.com je RSS feed leest en mensen die op je feed geaboneerd zijn een update geeft.

Meestal hoef je zelf helemaal niks te doen als iemand een trackback naar je toestuurt. Ook aan de ping hoef je niks te doen dat gaat ook automatisch.

Als je WordPress WordPress gebruikt op je eigen domein adviseer ik deze services;

rpc.pingomatic.com/
blogsearch.google.com/ping/RPC2
api.feedster.com/ping
api.my.yahoo.com/rss/ping
rpc.icerocket.com:10080/
ping.syndic8.com/xmlrpc.php
rpc.blogrolling.com/pinger/
rpc.technorati.com/rpc/ping
rpc.weblogs.com/rpc

Er zijn er meer maar deze lijst blijkt voldoende te zijn om je blog bekend te maken. Als je er meer opneemt vetraagt dat je blog behoorlijk als je op de “publish” knopt drukt.

En deze plugin; www.problogtools.com/ ping-optimizer (Het is echt gratis)

Als je nu denkt dat je ping niet gewerkt heeft kun je ook een standalone versie gebruiken; pingomatic.com/

Je beseft waarschijnlijk niet dat jou weblog dit allemaal automatisch doet maar nu weet je ook hoe het werkt achter de schermen.

Trackback spam

Spammer gebruiken deze automatische manier van comments om hun producten en waren aan te bieden of gewoon om je een link te zenden. Het is namelijk zo dat des te meer links er naar de spammers website zijn des te hoger zijn “page-ranking” zal zijn. Dit betekend dat als je zoekt op internet die website eerder genoemd zal worden dan websites met een lagere page-rank. Google, Yahoo en andere zoek-programma’s vinden namelijk dat die website populair is vanwege de hoeveelheid links die ernaar wijzen.

De hele wetenschap omtrent zoekmachines en “link-popularity” is genaamd SEO een afkorting voor “Search Engine Optimization” er zijn mensen die er hun beroep van maken. (zie Tri-Pham op zijn weblog)
Spam trackback comments blokkeer ik met een WordPress plugin SpamKarma 2 (unknowngenius.com/blog/wordpress/spam-karma/) zie helemaal onderaan de weblog. Ik kan je vertellen het helpt heel erg goed.

sk2_count.gif

Zo zie je maar van het een komt het ander en nu weet je ook waar en hoe die spam werkt. Er is nog zoveel meer over te vertellen maar hier wil ik het deze keer bij laten.

Als er vragen zijn stel ze gerust het is namelijk geen gemakkelijk begrip.

PS

Alleen al het vermelden van de trackback-links in deze post leverde een nieuwe trackback comment op in beide weblogs.

convert this post to pdf.

3 Comments »

Bloglines tip - Weblog kunst

bloglines_sub.gif

Voor de mensen die bloglines.com gebruiken heb ik nog een tip. Als je op een feed staat zie je op de bovenbalk het aantal geabonneerden staan. In dit geval 21.316. Als je daar nu op klikt (De onderstreepte aantallen) zie je alle personen die hun feeds niet hebben afgeschermd. (Public) Je kun je namelijk ergens op abonneren en de feed als private beschouwen. Niemand ziet je naam dan verschijnen in die lijst.
Als je vervolgens op een naam klikt zie je ook welke andere public feeds die persoon leest. Zo kun je uitvinden welke interesses personen hebben. Kijk maar eens in mijn public feeds dan weet je wat ik lees.

convert this post to pdf.

3 Comments »

Weblog kunst Vervolg?

blips_weblog.gif

Nu heb ik een paar artikelen geschreven over de techniek en het hoe en wat van het webloggen, als je het allemaal gemist hebt lees dan via de links hieronder. Wat ik graag zou willen weten of mensen het interessent genoeg vinden om er meer over te schrijven.

Bijvoorbeeld over het stap voor stap opzetten van een Bloglines account en activeren van RSS feeds.

Of wat dacht je van het begrip permalink of trackback of ping. Of hoe doe je dat nu als iemand een comment heeft achtergelaten. Misschien heeft iemand zelf een idee die nadere uitleg vraagt. Kortom je kunt het allemaal kwijt in de comments en de poll. Ik zou het zonde van mijn tijd vinden als niemand het leest.
Wat er al is geweest staat in deze links;
Over RSS

Over Captcha

Over de Zijkant

Over Waar jij woont

Over Foute Boel

Over Bloglines

Over Contact Pagina

Over Comments

POLL: (Dit is anoniem, ik zie niet wie er meedoet)

Die weblog "kunst" artikelen;
View Results

convert this post to pdf.

9 Comments »

Captcha Weblog kunst

Nooit van CAPTCHA gehoord? Als je regelmatig weblogs bezoekt heb je er al mee te maken gehad. Het is een ontzettend vervelende manier om je commentaar opgeslagen te krijgen.

CAPTCHA(Completely Automated Public Turing test to tell Computers and Humans Apart) A category of technologies used to ensure that a human is making the transaction online rather than a computer. Developed at Carnegie Mellon University, random words or letters are displayed in a distorted fashion so that they can be deciphered by people, but not by software. Users are asked to type in what they see on screen to verify they are, in fact, human.)

Captcha is een willekeurige volgorde van letters met of zonder achtergrond(kleur) en vaak vervormd om herkenning door automatische systemen te voorkomen. Deze captcha moet je intypen om je commentaar op te laten nemen en zo te bevestigen dat jij geen computer bent maar een mens.

De hele reden daarvan is om spam te voorkomen. Hier zie je voorbeelden van CAPTCHA.

captcha.gif

captcha2.gif

De eerste valt nog mee in leesbaarheid, ik heb ze erger gezien zoals die tweede. Ik blijf er een grondige hekel aan hebben. Je zult geen Captcha op mijn weblog zien omdat het anders kan. WordPress WordPress heeft heel veel plugins en twee daarvan gebruik ik op mijn blog, Bad Behavior en SpamKarma 2. Tot nu toe heeft zich slechts 1 spam bericht meester gemaakt van een comment en heb ik enkele berichten van de spam moeten redden. Ik ben er dus ontzettend tevreden over.

Als je helemaal naar beneden scrollt zie je ook dat er over 1200 keer de toegang tot mijn weblog is geblokkeerd in de laatste 7 dagen. Dat zijn zogenaamde webbots die zoeken naar een programma op je website om zo spam kwijt te kunnen. Door Bad Behavior te gebruiken bespaart me dat ook nog eens bandbreedte. Mocht er al een spam bericht doorkomen dan vangt SpamKarma 2 dat op evenals de trackback spam.
De goede anti-spam mogelijkheden is ook de reden dat ik voor WordPress gekozen heb.

Ik ben benieuwd of jullie iets kunnen doen tegen spam op je weblog zonder gebruik te maken van een Captcha. Als je WordPress hebt weet ik het natuurlijk al.

PS

Akismet een andere bekende WordPress plugin gebruik ik niet, als die website namelijk niet in de lucht is krijg je alsnog al de spam binnen.

convert this post to pdf.

13 Comments »

Next »