In utimii ani asistam la o revenire la stilul retro in graphic design, de la marcile ce aduc cu cele din anii ’60 – ’70, la fonturi de tip handwriting, pana la efectele de imbatranire asupra imaginilor. Efectul Vintage asupra imaginilor numit Nashville a fost introdus de reteaua de socializare Instagram. In acest articol reproducem […]
Continuam seria articolelor despre efectele vintage, foarte la moda in ultimii ani, cu efectul Soft Light. Pentru realizare vom utiliza programul Adobe Photoshop. Rezultatul aplicarii acestui efect este aducerea imaginii inspre tonalitati mai calde. Vom folosi nivele de ajutare non-distructive pe care se poate interveni succesiv in fisierul .psd, fara a modifica direct fotografia originala. […]
Ca la fiecare inceput de an este momentul potrivit pentru a vorbi despre ce ne putem astepta de la 2016 in materie de tendinte in design-ul web. 1. Navigarea mobile aplicata la desktop Suntem deja obisnuiti ca in vizualizarea site-urilor web pe dispozitive mobile sa vedem iconita specifica numita si “hamburger”. Insa simplificarea navigarii pentru […]
La sfarsitul lunii noiembrie 2015 casa producatoare Adobe a lansat o noua actualizare pentru toate programele cuprinse in pachetul Creative Cloud. Dar ceea ce a starnit cea mai mare atentie a fost decizia companiei americane de a retrage de pe piata unul dintre cele mai populare soft-uri: Adobe Flash, utilizat pentru crearea de animatii pentru […]
WordPress a simplificat foarte mult realizarea de site-uri web dinamice. Pentru extinderea functionalitatilor, comunitatea dezvoltatorilor pentru platforma CMS ne pune la dispozitie peste 40.000 de plugin-uri care acopera toate extensiile de care un site web are nevoie. Pentru crearea formularelor de contact exista multe plugin-uri ce se pot utiliza printre care cele mai folosite sunt […]
In fiecare zi, fiecare dintre noi, venim in contact cu o cantitate considerabila de informatie. In acest context, comunicarea vizuala este cel mai bun instrument de marketing. Informatia vizuala ajunge la creier de 60,000 de ori mai repede decat textul, iar 90% din informatia transmisa creierului este vizuala. O caracteristica importanta a infograficii este faptul de a […]
Ce este Adobe Typekit? Libraria de fonturi Typekit a fost achizitionata de catre Adobe in anul 2011 si este disponibila atat pentru abonatii Adobe Creative Cloud cat si pentru oricine detine un Adobe ID. Fonturile cuprinse in librarie pot fi utilizate atat pentru folosirea locala pe calculator cat si pentru incorporarea in site-urile web (ceea […]
Mai jos va propun colectia mea preferata de fonturi folosite pentru titluri. Acestea sunt diponibile in mod gratuit pe siteul Google WebFonts. Pentru acest font sunt disponibile doua variante: „Lobster” si „Lobster two”. Click pe imagini pentru a vedea specimenul pe site-ul Google. Pentru acest font sunt disponibile doua variante: „Merienda” si „Merienda One”. Click […]
Personalizarea aspectului temelor in WordPress se poate realiza pe mai multe cai printre care cele mai utilizate sunt: 1. Crearea unei teme child (citeste articolul complet despre crearea temelor child in WordPress); 2. Editarea directa a fisierului style.css prezent in tema activa (metoda nerecomandata – implica eliminarea regulilor personalizate la actualizarea temei. Editarea se poate […]
In site-ul nostru putem avea nevoie, pe langa formularul de contact si de un link de tip mail to. Aceasta tipologie de link da posibilitatea vizitatorilor site-ului nostru de a ne trimite un e-mail. Clickand pe link se va deschide pe calculatorul vizitatorului contul predefinit de e-mail iar campul to (catre) vor fi deja completate […]
In acest tutorial vom vedea cum putem folosi sarcinile automate in Adobe Photoshop. Panoul Actiuni Automatizarile ne ajuta la aplicarea unei serii de actiuni in mod automat asupra unui numar mare de imagini. In mod special in acest videoclip vom crea imaginile miniatura thumb pentru galeriile de imagini utilizand automatizarea sarcinilor si panoul actiuni.
In acest tutorial vom vedea cum putem realiza un efect de dipersie a pixelilor asupra unei imagini in Adobe Photoshop. Obtinerea acestui efect se realizeaza utilizand filtrul lichefiere, mastile de nivel si pensulele personalizate.
In acest tutorial vom vedea cum putem crea un banner animat in format .gif utilizand programul Adobe Photoshop. Paleta Timeline Acest tip de fisiere se configureaza intervenind asupra vizibilitatii nivelelor. Fazele imaginii se configureaza cu ajutorul paletei Timeline. Fisierul se exporta intr-unul dintre formatele de imagine specifice pentru publicarea pe web, si anume .gif. Succesiv […]
Am vazut intr-un alt tutorial cum putem insera in pagina noastra php alte pagini fixe cu aceeasi extensie utilizand functia include php. In acest tutorial vom vedea cum putem crea un intreg site prin utilizarea unui meniu de navigare php pentru a mentine pagina principala fixa si a incarca in interiorul acesteia variile pagini ale […]
In acest tutorial video vom vedea o functie php foarte utila in realizarea de site-uri web si anume functia php include. Aceasta ne da posibilitatea de a incarca in interiorul unei pagini php alte pagini cu aceeasi extensie. Functionarea este similara feresterelor iframe. Diferenta este ca utilizand functia php include avem avantajul unei flexibilitati cu […]
In acest tutorial vom vedea cum putem configura server-ul local pentru site-ul nostru cu pagini ce contin date dinamice php. Alte tutoriale din aceasta serie: – Pagini web cu extensia php – Instalare server local PhpMyAdmin – Functia PHP Include – Structura de navigare completa cu functia PHP Include
In tutorialul trecut din aceasta serie in care am vorbit despre paginile web cu extensia php. Pentru a putea previzualiza paginile noastre php pe computerul local avem nevoie sa instalam pe computer un program care sa ne dea posibilitatea de a simula activitatea unui remote server. Descarcare XAMPP / MAMP Asta se intampla deorece limbajul […]
In acest tutorial vom incepe sa vorbim despre paginile html cu extensia php cu scopul de a ilustra anumite functii pe care limbajul php ni le pune la dispozitie pentru un webdesign de baza, deci fara sa intram in detalii de programare php. Limbajul php-ul este un limbaj de programare web open-source si server-side. Acesta […]
In tutorialul trecut am vazut cum se poate realiza un model de pagina in Dreamweaver. In acest tutorial vom vedea cum se poate crea o zona modificabila in interiorul modelului, cum se poate aplica un model asupra unei noi pagini si modul in care putem desprinde o pagina din model. Crearea unui zone modificabile in […]
Modelele sunt instrumente care ne permit sa creiem o multitudine de pagini bazate pe o structura unica. Se creaza in interiorul paginii zone care pot fi modificate (pentru personalizarea continutului pentru fiecare pagina in parte). Celelalte zone din modelul de pagina sunt blocate si pot fi actualizate intr-o solutie unica (cum sunt de exemplu zonele […]
In acest tutorial video vom vedea cum putem utiliza un plugin gratuit pentru Adobe Dreamweaver cu ajutorul caruia se creaza si se personalizeaza galerii de imagini fara a trebui sa scriem cod. Easy Rotator Pentru a downloda plugin-ul vom merge pe site-ul producatorului Easy Rotator. Odata descarcat plugin-ul pe calculatorul nostru il vom instala cu […]
In acest tutorial vom vedea cum putem folosi serviciul gratuit Custom Search Engine de la Google pentru a crea in interiorul site-ului nostru o sectiune de cautare. Google Custom Search Engine Ne vom inscrie cu account-ul nostru Gmail pe site-ul Google Custom Search Engine si vom indica site-ul pentru care vrem sa generam motorul de […]
In acest tutorial video vom vedea cum putem insera imagini intr-un meniu Spry in Adobe Dreamweaver. Versiune Dreamweaver Pentru realizarea tutorialului a fost folosita versinea CS6 a programului Dreamweaver. In vesiunea succesiva a programului elemntele Spry au fost inlocute cu elementele jQuery User Interface pentru meniu de tip dropdown, iar acest tip de meniu Spry […]
Tutorial video creare galerie de imagini cu tranzitiile CSS In acest tutorial video vom vedea cum putem crea o galerie de imagini personalizata 100% pentru site-ul nostru web. O vom crea in mod foarte simplu utilizand tranzitiile CSS3 pe care ni le pune la dispozitie programul Adobe Dreamweaver. Ce sunt tranzitiile CSS Tranzitiile CSS cuprind […]
Plugin pentru galerie de imagini In acest tutorial video vom vedea cum sa realizam o galerie de imagini utilizand plugin-ul javascript Lightbox. Acesta este unul dintre plugin-urile gratuite (open source) cele mai utilizate pentru realizarea galeriilor de imagini pentru web si poate fi descarcat direct de pe site-ul web al producatorului: Lokesh Dhakar. In dosarul […]
