92 besökare, 0 medlemmar och 1 Student är online nu
Logga in
Logga ut
Visa huvudmeny
Startsidan
Start
Startsida
Webbplats, hemsida, CMS
Webbshop, e-butik, OpenCart
Behöver du hjälp?
Bli WDS medlem här!
Kontakta oss
Webdesign och HTML
jQuery och javascript
PHP och MySQL
Photoshop
Dreamweaver
Illustrator
Webbhotell - domännamn
Flash
Acrobat
Hemsida
E-butik / E-handel
WDS program
WDS program
Startsida WDS program
WDS CMS publiceringsverktyg
WDS CMS användarguide
WDS Bildgalleri
WDS Login system
WDS Gästbok
WDS News
Webdesign och HTML
Webdesign HTML
Startsida Webdesign och HTML
Webbhotell - domännamn
HTML grunder
Starta här
HTML-editor Notepad++
Webbläsare och säkerhet
FTP-program FileZilla
Bildskärmsupplösning
W3C - webbstandards
HTML5 och doctypes
Teckenkoder - charset
Tabeller
IFRAME - flytande ram
Meta-märket
Google Fonts, webbfonter
Font Awesome, ikoner
Formulär - forms
Formulär, CSS-formatering
Formmail - färdiga mallar
HTML-mail och nyhetsbrev
Tips och tricks!
SSI-server side include
Säkra dina sidor med SSL och HTTPS
Responsiv layout
- anpassa för smartphones
Responsiv meny
- anpassa för smartphones
Responsiv tabell
- anpassa för smartphones
Responsiva mallar -
färdiga layouter
CSS
CSS
Startsida CSS
CSS grunder
CSS positionering
CSS-meny
CSS-meny med PHP include
CSS layout
Formulär, Forms
Kolumner (column-count)
CSS för utskrifter
Image hover effects
Parallax scrolling
Justera objekt med olika höjd
RGBa färgvärden med opacitet
Runda hörn (border-radius)
Skugga (box-shadow)
Textskugga (text-shadow)
Opacitet (opacity)
Övertoning (gradient)
Knappar (buttons) med CSS
Bläddringslister - dölj
Bläddringbar ruta - scrollbox
Responsiv layout
- anpassa för smartphones
Responsiv meny
- anpassa för smartphones
Responsiv tabell
- anpassa för smartphones
Responsiva mallar -
färdiga layouter
jQuery/Javascript
jQuery/Javascript
Startsida jQuery/Javascript
jQuery, AJAX och DOM
Formatera tabellrader
Sortera tabellrader
Formularfält med förvald text
Slideshow responsivt Bildspel
SlidesJS - slideshow (bildspel)
fancyBox - bildgalleri och bildspel
Datepicker kalender
Modal Popup
Side navigation - sidomeny
Javascript blandat
PHP/MySQL
PHP/MySQL
Startsida PHP och MySQL
GRUNDER:
HTML-editor Notepad++
FTP-program FileZilla
PHP grunder
Starta här
PHP fortsättning
MySQL och databaser
PHP och MySQL
FORTSÄTTNING:
Backup av MySQL databas
phpinfo - din PHP-installation
Felsökning i PHP och MySQL
SQL injections och säkerhet
Installera GD library i PHP
Bildhantering i PHP
Fonter och TrueType i PHP
Paging - sidnavigering
Formmail - skicka till e-post
Formmail - färdiga mallar
Formmail med CAPTCHA
Login - för en användare
Login - för flera användare
Antal besökare online
CSS-meny med PHP include
HTML-formaterade mail
Nedladdning av filer - File download
Uppladdning av filer - File upload
Bifoga filer till mailformulär - File attachment
Säkra dina sidor med SSL och HTTPS
Photoshop
Photoshop
Startsida Photoshop
Adobe Creative Cloud
GRUNDER
Start och översiktsmeny
Referens snabbguide (CS3)
Referens snabbguide (6/7)
Referens snabbguide (5)
Vektor- och Bitmappbilder
Lagerpaletten, former (6)
Lagerpaletten 7/CS-CS3
Texthantering (6)
Markering, Quick selection (CS3)
Markering, Trollstav (CS3)
Markering, Snabbmask (CS3)
Förbättra en markering (CS3)
Extrahera och frilägga bild (6)
Snabbmask (6)
Spara för webb (5/6/7)
Export transparent bild (7)
Extrahera (funktionen)
(7/CS-CS3)
Lager och Former (5)
Extrahera bild (5)
Extrahera bild med Trollstav och Snabbmask (5/5.5)
Text och effekter (5)
Övertoning (5)
FORTSÄTTNING
Penslar (7/CS-CS3)
Skapa nya penslar (7/CS-CS3)
Filläsaren - image viewer (7)
Glasknapp - plastic button (7/CS-CS3)
Brinnande text (7/CS-CS3)
Bildkanter (7/CS-CS3)
Filter (7/CS-CS3)
Stilar - Styles (7)
Snabba knappar med Stil
(CS-CS3)
Skala Lagerstilar
(6/7/CS-CS2)
Soft foto (7)
Page curl (7/CS-CS3)
Page curl med Image Warp
(CS2-CS3)
3D-box (7)
Linjemönster - speedlines
(7/CS-CS3)
Linjemönster - Scanlines
(7/CS-CS3)
Urklippsbanor (7/CS-CS3)
Radiell oskärpa (7/CS-CS3)
Segment - slice (CS-CS3)
Miniatyrer - thumbnails (7)
Actions- makron (7)
Text i cirkel (7)
Text i Bana (Path)(CS-CS3)
Gammalt fotografi (7)
Batch och droplet (7)
Färgersättningspensel (CS)
Rök - Smoke (7)
Retro-look (7)
Förminska GIF-bild (7)
Filmremsa (7)
Rutnät med "Patchwork" (7)
Stämpel (7)
Kornigt fotografi (7)
Disco-neon (7)
Rainbow - Regnbåge (7)
Diamant (7)
Justeringslager (CS)
Bildkorrigering (CS)
Matcha färg och hudton (CS)
Chrome - krom (CS)
Bildspel i PDF-format (CS)
Kontaktkarta (CS)
Beskära bilder (CS)
Gråskalebilder (CS)
Compact Disk (CS)
Ljus-effekt (CS)
Explosion (CS)
Skiss/teckning (CS)
Moln och blixtar (CS
Digital mosaic (CS)
Streckkod - barcode (CS)
Vatten-droppar (CS)
Glas - glasstruktur (CS)
Is - ice (CS)
Smarta objekt (CS2)
Image Warp (CS2)
Photomerge (CS/CS2)
Klona och Lagningspensel
(7/CS/CS2)
Tejp - tape (7/CS/CS2)
Filtret Förskjutning (7/CS-CS3)
Brusreducering (CS2)
Dimma och dis (7/CS/CS2)
3D-foto - papperskopia
(7/CS/CS2)
Out of bounds - utanför ramarna (7/CS/CS2)
Pop art, serietidningsbilder (CS/CS2)
Vattenstämpel - watermark till bildgalleri (CS3)
Snabba effekter (CS-CS3)
Svartvitt foto med detaljer i färg (7/CS-CS3)
Pussel - jigsaw puzzle (CS-CS3)
Linskorrigering (CS2-CS3)
Egna vägmärken (CS2-CS3)
Linsoskärpa (CS -CS3)
Riven kant på papper
(CS -CS3)
Eld och lågor (CS -CS3)
Text med gräs (CS -CS3)
Animerade bilder (CS3)
Snö och snöflingor (CS3)
Fotokopia med fotokant (CS3)
Spegling och reflektion (CS3)
Liquify - förvrängd bild (6)
Måla ett hus (6)
Röda ögon (6)
Censurera en bild (6)
Skärpa bilder (6)
Webbfotoalbum (6)
Bildpaket - klassfoto (6)
Klona bilder (6)
Dither Box (6)
Relief - Emboss (6)
Animera GIF-bilder (6)
Imagemaps (6)
Rollovers (6)
Marquee (6)
Banners (6)
Runda hörn 1 (5)
Runda hörn 2 (5)
Form med fonter (5)
Skugga 1 (5)
Skugga 2 (5)
Glöd - gläns 1 (5)
Glöd - gläns 2 (5)
Kantlinjer (5)
Bild inuti ett objekt (5)
Innerskugga 1 (5)
Innerskugga 2 (5)
Inre avfasning 1 (5)
Inre avfasning 2 (5)
Yttre avfasning (5)
Naggade kanter (5)
Ränder - scanlines (5)
Linjer (5)
Prickade linjer (5)
Rutnät i mönster (5)
Skapa egna penslar (5)
3D-boll (5)
3D-knapp (5)
Ljuseffekter (5)
Tonade bilder 1 (5)
Tonade bilder 2 (5)
Färga ett foto (5)
Vinjett (5)
Färgade detaljer i en gråskalebild (5)
Bakgrundsbild 1 (5)
Bakgrundsbild 2 (5)
Menyknappar 1 (5)
Menyknappar 2 (5)
Rollover-knappar (5)
Dreamweaver
Dreamweaver
Startsida Dreamweaver
Adobe Creative Cloud
GRUNDER
Skapa webbplats
Arbetsgång och arbetsyta
Skriva och formatera text
CSS stilmallar
CSS positionering
Bilder och bakgrunder (4)
Länkar
Tabeller (4)
IFRAME - flytande ramar (MX)
Publicera webbplats (4)
Synkronisera filer (CS3)
FORTSÄTTNING
Tips och tricks!
Validera koden och testa den i olika webbläsare (CS3)
Find and Replace
Sök och ersätt (MX » CS3)
XHTML ersätter HTML konvertera till XHTML (CS3)
Imagemaps (4)
Länkar - CSS (4)
Importera tabeller (4)
Layout-tabeller (4)
Meta-information (4)
Mallar - Templates (4)
Rollover Image
Formulär - Forms (MX)
Formulär - Forms (CS3)
FormMail - CGI (MX)
PHP och MySQL
MySQL - hämta information
Flashknappar (MX)
Länka flera sidor i Frames (MX)
Library - Bibliotek (4)
Navigation Bar (MX)
Adobe Creative Cloud
Grunder
Start och översiktsmeny
Referens snabbguide (CS3)
Referens snabbguide (6/7)
Referens snabbguide (5)
Vektor- och Bitmappbilder
Layer
-paletten, former (6)
Layer
-paletten 7/CS-CS3
Texthantering (6)
Markering, Quick selection (CS3)
Markering, Trollstav (CS3)
Markering, Snabbmask (CS3)
Förbättra en markering (CS3)
Extrahera och frilägga bild (6)
Snabbmask (6)
Spara för webb (5/6/7)
Export transparent bild (7)
Extrahera (funktionen)
(7/CS-CS3)
Layer och Former (5)
Extrahera bild (5)
Extrahera bild med Trollstav och Snabbmask (5/5.5)
Text och effekter (5)
Övertoning (5)
Fortsättning
Penslar (7/CS-CS3)
Skapa nya penslar (7/CS-CS3)
Filläsaren - image viewer (7)
Glasknapp - plastic button (7/CS-CS3)
Brinnande text (7/CS-CS3)
Bildkanter (7/CS-CS3)
Filter (7/CS-CS3)
Stilar - Styles (7)
Snabba knappar med Stil
(CS-CS3)
Skala
Layer
-stilar
(6/7/CS-CS2)
Soft foto (7)
Page curl (7/CS-CS3)
Page curl med Image Warp
(CS2-CS3)
3D-box (7)
Linjemönster - speedlines
(7/CS-CS3)
Linjemönster - Scanlines
(7/CS-CS3)
Urklippsbanor (7/CS-CS3)
Radiell oskärpa (7/CS-CS3)
Segment - slice (CS-CS3)
Miniatyrer - thumbnails (7)
Actions- makron (7)
Text i cirkel (7)
Text i Bana (Path)(CS-CS3)
Gammalt fotografi (7)
Batch och droplet (7)
Färgersättningspensel (CS)
Rök - Smoke (7)
Retro-look (7)
Förminska GIF-bild (7)
Filmremsa (7)
Rutnät med "Patchwork" (7)
Stämpel (7)
Kornigt fotografi (7)
Disco-neon (7)
Rainbow - Regnbåge (7)
Diamant (7)
Justerings-
Layer
(CS)
Bildkorrigering (CS)
Matcha färg och hudton (CS)
Chrome - krom (CS)
Bildspel i PDF-format (CS)
Kontaktkarta (CS)
Beskära bilder (CS)
Gråskalebilder (CS)
Compact Disk (CS)
Ljus-effekt (CS)
Explosion (CS)
Skiss/teckning (CS)
Moln och blixtar (CS
Digital mosaic (CS)
Streckkod - barcode (CS)
Vatten-droppar (CS)
Glas - glasstruktur (CS)
Is - ice (CS)
Smarta objekt (CS2)
Image Warp (CS2)
Photomerge (CS/CS2)
Klona och Lagningspensel
(7/CS/CS2)
Tejp - tape (7/CS/CS2)
Filtret Förskjutning (7/CS-CS3)
Brusreducering (CS2)
Dimma och dis (7/CS/CS2)
3D-foto - papperskopia
(7/CS/CS2)
Out of bounds - utanför ramarna (7/CS/CS2)
Pop art, serietidningsbilder (CS/CS2)
Vattenstämpel - watermark till bildgalleri (CS3)
Snabba effekter (CS-CS3)
Svartvitt foto med detaljer i färg (7/CS-CS3)
Pussel - jigsaw puzzle (CS-CS3)
Linskorrigering (CS2-CS3)
Egna vägmärken (CS2-CS3)
Linsoskärpa (CS -CS3)
Riven kant på papper
(CS -CS3)
Eld och lågor (CS -CS3)
Text med gräs (CS -CS3)
Animerade bilder (CS3)
Snö och snöflingor (CS3)
Fotokopia med fotokant (CS3)
Spegling och reflektion (CS3)
Liquify - förvrängd bild (6)
Måla ett hus (6)
Röda ögon (6)
Censurera en bild (6)
Skärpa bilder (6)
Webbfotoalbum (6)
Bildpaket - klassfoto (6)
Klona bilder (6)
Dither Box (6)
Relief - Emboss (6)
Animera GIF-bilder (6)
Imagemaps (6)
Rollovers (6)
Marquee (6)
Banners (6)
Runda hörn 1 (5)
Runda hörn 2 (5)
Form med fonter (5)
Skugga 1 (5)
Skugga 2 (5)
Glöd - gläns 1 (5)
Glöd - gläns 2 (5)
Kantlinjer (5)
Bild inuti ett objekt (5)
Innerskugga 1 (5)
Innerskugga 2 (5)
Inre avfasning 1 (5)
Inre avfasning 2 (5)
Yttre avfasning (5)
Naggade kanter (5)
Ränder - scanlines (5)
Linjer (5)
Prickade linjer (5)
Rutnät i mönster (5)
Skapa egna penslar (5)
3D-boll (5)
3D-knapp (5)
Ljuseffekter (5)
Tonade bilder 1 (5)
Tonade bilder 2 (5)
Färga ett foto (5)
Vinjett (5)
Färgade detaljer i en gråskalebild (5)
Bakgrundsbild 1 (5)
Bakgrundsbild 2 (5)
Menyknappar 1 (5)
Menyknappar 2 (5)
Rollover-knappar (5)
Photoshop
skriv ut »
Vinjett - mjuka kanter (5/5.5)
Snabb vinjett med "ludd" (
Feather
)
Hämta gärna bilder i vårt
Bildgalleri »
I exemplet används bilden nedan:
blommor.jpg
Duplicera Bakgrunds-
Layer
genom att högerklicka på
Layer
-miniatyrens namn och välja "Duplicera Lager" (
Duplicate Layer
):
Skapa ett nytt
Layer
och fyll det med din bakgrundsfärg.
I exemplet har vi valt Vit färg:
Byt ditt Arbets-
Layer
till din kopia av bakgrundsbilden:
Skapa en ny
Layermask
på
ditt Layer
:
Formen på "Vinjetten" kan du skapa med något av verktygen "Ellips"
(
Elliptical
) , "Rektangel"
(
Rectangular
) eller "Lasso"
(
Lasso
) :
TIPS!
Du kan använda SHIFT+Dra för att skapa en "Cirkel", och ALT-Dra för att få formen att centreras runt startpunkten.
SHIFT+ALT-Dra gör så att markeringsområdet blir en centrerad "cirkel".
Om du vill du flytta formen samtidigt som du skapar den , så kan du använda MELLANSLAG.
OBS! Släpp alltid "mus-knappen" före tangentbords-tangenten.
Välj menyn "Markering/Ludd" (
Select/Feather
).
I exemplet har vi använt ett värde av 10 pixlar:
Invertera markeringsområdet med menyn "Markering/Omvänd" (
Select/Inverse
) eller snabbkommando CTRL+SHIFT+I:
När du arbetar i
Layermask
är din Förgrundsfärg Svart och Bakgrundsfärg Vitt.
När du använder Svart färg så påverkar du
Layermask
så att underliggande
Layer
visas.
När du använder Vit färg så "återställer" du
Layermask
så att underliggande
Layer
inte visas.
I det här exemplet vill vi att det bakomliggande
Layer
med Vit färg ska utgöra "Vinjetten":
Fyll ditt markeringsområde i
Layermask
med Svart färg med snabbkommando ALT+Backsteg (eller CTRL+Backsteg om Svart är Bakgrundsfärg):
Avmarkera med CTRL+D
Här är några exempel som du får genom att fylla
Layer
med en annan färg:
Copyright ©
www.webdesignskolan.se
Materialet får skrivas ut och användas för personligt bruk.
Användning i undervisningssyfte är ej tillåten utan vårt tillstånd -
läs mer här »