80 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 »
Bild inuti ett annat objekt (5/5.5)
Den här guiden visar hur du skapar en "bild inuti ett objekt" med hjälp av
Layermask
(
Layer Mask
).
Fyll ett objekt med en bild
Skapa ett nytt dokument.
Skriv in en text med verktyget "Text" (
Type
). Du bör använda kraftiga bokstäver för att effekten ska synas bra.
I exemplet används teckensnittet "
Arial Black
" i 120 pixlars storlek.
Välja den bild du vill ha i texten.
Du kan använda samma bilderna som i exemplet:
sportbil.jpg
vinter.jpg
bla_himmel.jpg
Öppna bilden och välj att kopiera den med snabbkommando CTRL+A och CTRL+C:
Läs in ett markeringsområde av Texten genom att CTRL+klicka i
Layer
-miniatyren:
Texten är markerad:
Klistra in bilden i texten med menyn "Redigera/Klistra in i" (
Edit/Paste into
) eller snabbkommando CTRL+SHIFT+V:
I
Layer
-paletten har det nu skapats ett nytt
Layer
med en
Layermask
(
Layer Mask
) som innehåller Texten.
Du kan gömma ditt Text-
Layer
:.
Flytta bilden i
Layermask
med verktyget "Flytta"
(
Move
):
Du kan förminska bilden med menyn: "Redigera/Ändra/Storlek (
Edit/Transform/Scale
):
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 »