i-phone site met muse; het menu maken

http://hildemaassen.businesscatalyst.com/index.html

Vandaag mijn eerste I-phone site gemaakt met Muse. Ook te zien met andere smartphones hoor.
Hij staat op bovenstaande linkje gepubliceerd.

Het probleem van een i-phone site is dat je grote knoppen moet hebben en minder tekst.
Ik heb hem nu heel eenvoudig gehouden.

1. Open een nieuwe i-phone site. Ik maak een aantal pagina's in mijn plan-modus zoals: portret, info en experiment.

2. Open de masterpage in design modus (Dubbel klikken op de master)

3. Maak de ruimte voor de header groter: dat is het 2de blauwe pijltje vanaf boven gezien.

.

3. Plaats in het header-vlak een accordeon panel. (in widget library, slepen naar juiste plaats)

 

4. Dit accordion paneel heeft 3 vensters, ik houdt er 1 over. Bovendien pas ik de breedte aan.

In het titel-gedeelte plaats ik een banner (een plaatje gemaakt in Photoshop met mijn naam en een "menu-verwijzer".

5. In het tekstgedeelte delete ik de tekst en plaats ik een verticaal menu. Deze vind ik in de widget library en sleep ik weer. De menu's die erin komen zijn de pagina's die ik bij stap 1 in het plan gemaakt heb. Ik pas de kleuren aan en haal de stroke (omlijning) overal weg.

 

6. In het accordion panelen submenu zet ik alle 3 de opties aan. Daardoor zal het menu uitklappen als ik op de banjer druk.

7. In de footer zet ik mijn mailadres en telefoonnummer (moet nog even uitzoeken hoe ik ook alweer deze kan laten werken)

8. Nu ga ik naar de afzonderlijke pagina's om daar foto's toe te voegen.

 

hele oude foto's ingescand

Een heleboel erg oude foto's gescand, een paar voor nu, de meeste komen op mijn nieuwe site, in wording. Ze zijn gemaakt in Zuid Africa.

Bijna Carnaval ....

 Voor carnaval een glas met kleurtjes.

1. Dupliceer de laag een paar keer en verander de kleurzweem met behulp van image > adjustments > color balance. (ctrl+B)

2. Maak op de lagen maskers aan en ga daar in rondjes tekenen met een zwart penseel.

3. Het penseel moet je van te voren instellen: 

A. zorg voor een grote spacing: dit zorgt ervoor dat de rondjes die je gaat tekenen uit elkaar geplaatst worden ook als je je muis ingedrukt houdt tijdens het tekenen.

B. Ga naar shape dynamics en zet de "size jitter"op minimaal 20%. Dit zorgt ervoor dat je tijdens het tekenen verschillende grootte van rondjes krijgt.

Zelfde kan ook met vierkantjes (vierkant penseel) onderste laag heb ik in negatief gezet (cntr+I) omdat dit een beetje computer-like eruit ziet. Bovendien heb ik verschillende blendingopties gebruikt voor verschillende lagen zoals: "overlay, lineair draken, darken en lighten".

 

 
Voor de onderste versie heb ik heb een van de maskers opgeslagen als patroon (edit > define pattern)
en vervolgens als effect > pattern overlay gebruikt. Een laag met alleen pattern overlay, een laag met masker en pattern overlay en een laag met alleen masker. Al met al is dit meer het door mij beoogde effect.

Hieronder gewoon het glas, zonder verder iets gedaan te hebben, in negatief.

Hetzelfde glas (zonder de gekleurde rondjes alleen in negatief, verder niets aan gedaan (ctrl+I)

Verscherpen met filter > other > High pass

Een methode die vaak gebruikt wordt om te verscherpen is met het filter High pass.

Foto zoals gemaakt

Ik heb een glas gefotografeerd in de studio waarop ik het ga laten zien.

Natuurlijk retoucheer ik eerst: ik haal een paar vlekjes en krasjes weg.

Omdat het hier een hand geblazen glas betreft volgens een middeleeuwse methode is het glas niet helemaal recht en zitten er ook luchtbelletjes in. Daardoor is het glas niet helemaal recht, dat hoort bij het glas, daar doe ik dus ook niet aan.









Retoucheren doe ik altijd in een kopie-laag zodat het origineel behouden blijft.
Als ik klaar ben dupliceer ik de retouche laag.

Kies dan voor filter > Other > high Pass.
Je moet nu een radius kiezen.

Kies maximaal 10% van de bestandsgrootte.
(Deze zie je links onderaan het doemend mits je daar voor documentsize gekozen hebt, dat is de default instelling). In dit geval is de foto 45,9 MB dus kies ik maximaal voor radius 4,6.

Het klopt dat ik nu een grijzige laag met lijntjes heb. Deze zet ik op "overlay"en je ziet meteen het resultaat: de foto is scherper. 

before en after   (animatie wisselt iedere seconde)

Screenshot / beeldschermafbeelding maken met MAC

Een beeldschermafbeelding maken op een Mac is heel erg gemakkelijk.
Dat doe je met cmd + shift + 3
Wil je slechts een klein gebied "op de foto zetten" gebruik dan cmd + shift + 4.

Je krijgt dan een kruisje in beeld, zoals je hierboven ziet. Met je muis ingedrukt kun je nu het kader bepalen, zodra je "los laat"wordt de afbeelding gemaakt en vindt je hem terug op het bureaublad.

Het kruisje wat je hierboven als afbeelding ziet is op een andere manier tot stand gekomen.
Daarvoor heb ik de Quicktime Player gebruikt. (MAC)

File > new screen recording > hiermee kan ik filmpjes opnemen van wat ik aan het doen ben.








Je krijgt nu onderstaande venster te zien waarbij je in het submenu het geluid aan of uit kunt zetten.












Ook kun je een slechts een gedeelte van je scherm opnemen:

Als je klaar bent klik je op stop. Je opgenomen filmpje verschijnt dan waarna je het kunt opslaan of een gedeelte kunt opslaan.

Vanuit LR uploaden naar FTP

Hoe kan ik foto's via FTP uploaden naar een klant of mijn website?

Ik heb een website gevonden waarop een plug-in staat die het doet in LR4 en die gratis te downloaden is: http://www.presetsheaven.com/news/export-to-ftp-with-lightroom/

De plugin heb ik in zelf al vast in het juiste mapje gezet te weten:

In Lightroom moet ik de plugin nu activeren door te kiezen voor file > plugin Manager.
Ik druk op "Add" (linksonder) om een nieuwe plug-in in te voegen > ga naar de plek waar de plugin staat op je computer > DONE






Nu wil je hem gaan gebruiken > selecteer een foto
Ga nu naar file > export.
Export to > FTP Upload (naam plugin)

Je kunt nu van alles instellen zoals grootte, watermerk, bestandstype, resolutoe e.d.

Helemaal onderin bij FTP server > destination kun je de gegevens van de website ingeven alsmede de usernaam en het wachtwoord. Deze preset kun je opslaan.

Als je via de WEB module als eens je FTP server hebt ingesteld dan kun je die instelling gebruiken.
Als je alle instellingen (formaat, naam, watermerk, FTP settings e.d.) nogmaals wilt gebruiken dan klik je linsksonder weer op "ADD" om de instelling te bewaren. > EXPORT doet het nu.

Zelfde instellingen voor zijn FTP in te stellen bij module > WEB > Upload Settings > FTP server.

InDesign vorm transformeren en verloop

Ik merk dat ik in InDesign toch heel veel nog niet weet.

Dat zijn soms hele eenvoudige maar wel gemakkelijke dingen.

Zo zijn er een paar gereedschappen die ik eigenlijk nooit zo gebruikt heb. Ik begin bij het transformeren van een pad en/of vorm.

Twee vormen waarbij de kleinste bovenop de grootste staat.

  

transformeer tools

Met de "shear tool"zet ik het bovenste vlak schuin,
Met de "rotate" draai ik hem evenwijdig aan het document. Ik kan ook de rotatie invullen in de balk bovenin.

Er blijken 2 gradient tool te zijn. 

De bovenste maakt een verloop van de ene naar de andere kleur. (zelf in te stellen in het gradient paneel). 

De tweede maakt een verloop naar de achtergrond (maakt de vorm dus gewoon transparant in een rechte lijn waardoor je hetgeen eronder gaat zien). 

Verloop van de ene naar de andere kleur. 

Verloop naar transparantie waardoor de achtergrond zichtbaar wordt.

Spelen met kanalen

Een afbeelding is opgebouwd in kanalen. Bij een RGB bestand zijn dat rood, groen en blauw.

Wat nu als ik die kleuren toevoeg met fill layers en daarbij de kanalen zelf als masker gebruik. Een beetje de techniek van een technicolor film waarbij je 3 zwart wit films opneemt ieder met een filter
(R, G en B) om ze vervolgens over elkaar af te spelen met hetzelfde filter als waarmee ze opgenomen zijn.

origineel

Allereerst heb ik alle kanalen gedupliceerd. In de copylaag heb ik het contrast verhoogd, bij allemaal en bovendien heb ik de groene en blauwe kopieën geblurd (gausiaansblur 5 px).

Filter > blur > gaussian blur 

(dit hoeft niet, maar lijkt mij wel leuk)

Nu kan ik naar select > load selection en selecteer ik de blue copy >
Layer > new fill layer > solid color > 255 blauw (0000ff)

Blending: soft light
Opacity: 100%
Fill: 100%



Dan  > load selection en selecteer ik de red copy >
Layer > new fill layer > solid color > 255 rood (ff0000)
Blending: color
Opacity: 50%
Fill: 100%


Dan > load selection en selecteer ik de green copy >
Layer > new fill layer > solid color > 255 groen (00ff00)

Blending: color
Opacity: 70%
Fill: 60%



Met de blending opties, opacity en fill kun je experimenteren.