Текст крейдою на шкільній дошці в Adobe Illustrator
Ми вже не раз створювали векторний текст, що імітує крейду в Adobe Illustrator. І сьогоднішній урок теж присвячений цьому. Однак цей приклад відрізняється від попередніх тим, що в ньому ми будемо працювати над дуже правдоподібним фоном для нашого тексту. Сам же текст ми створимо швидко і легко. Це чудовий варіант для тих, кому потрібні швидкі результати...
Реалістичне розміщення логотипу на дереві в Adobe Photoshop
Цей урок був створений автором через розчарування. У певний момент йому знадобилася реалістична техніка розміщення логотипу на дерев’яній поверхні, однак всі туторіали, до яких він вдавався, були недостатньо гарні. У підсумку йому довелося самостійно домогтися бажаного ефекту. Врешті всі вони склалися в цей урок для Adobe Photoshop. Дивіться та читайте урок детальніше тут.
Створення декількох рамок з використанням CSS3
Властивість рамки CSS2.1 працює добре, але вона недостатньо гнучка. А якщо потрібно створити дві або більше рамок різних кольорів в одного елемента? Властивість зображення рамки CSS3 можна розглядати як варіант, але для нього потрібно створити відповідне зображення і синтаксис цієї властивості досить складний. Однак є інший простіший спосіб – властивість тіні блоку, якщо потрібно додати кілька...
Розділений об’ємний 3D-текст в Adobe Illustrator
У цьому уроці ми будемо вчитися створювати букви, що ніби “роз’їхалися” в Adobe Illustrator. Для цього нам знадобиться версія Adobe Illustrator CC і 3D-ефекти. Ми будемо ділити букви надвоє, застосовувати до кожної половинки ефект 3D, потім розбирати об’єкт і обробляти його окремі складові, застосовуючи лінійні градієнти і малюючи тіні. Дивіться та читайте урок детальніше тут. ...
Створення висувної форми пошуку
У цьому уроці ми покажемо, як створити висувну форму пошуку, схожу на форму пошуку із сайту Github. Ця форма пошуку відрізняється тим, що спочатку її ширина невелика, а коли користувач натискає на неї, щоб ввести пошуковий запит, вона змінює свою ширину за допомогою переходів CSS. Дивіться та читайте урок тут.
Урок CSS: як розтягнути елементи блоків
Як розтягнути елементи, що знаходяться у блоках, на повну ширину вікна браузера, використовуючи при цьому CSS? Цю проблему часто можна зустріти в розмітці CSS. Нерідко потрібно, щоб елемент розтягувався за межі центрального блоку сторінки і займав всю ширину вікна браузера. Дивіться та читайте урок тут.
Типографічний ефект у вигляді 3D-стікера в Adobe Photoshop
У цьому уроці ми будемо створювати типографічний ефект у вигляді 3D-стікера в Adobe Photoshop. Процес не забере у вас багато часу, проте буде корисний для вивчення стилів шару. Звичайно, треба уважно вникати в те, чому в конкретних ситуаціях був використаний саме той чи інший ефект. Експериментуйте з параметрами, щоб краще розуміти, за яку частину ефекту...
Діамантовий геометричний патерн в Adobe Illustrator
Сьогодні ми будемо працювати над черговим геометричним патерном в Adobe Illustrator. Візерунки в цьому стилі дуже популярні, а створення сьогоднішнього прикладу досить просте, але захопливе. Зрозумівши принцип створення такого візерунка, ви зможете експериментувати і малювати власні варіації на тему. Дивіться та читайте урок тут.
Створення посилань, що світяться, з використанням CSS3
Тінь тексту – це багатогранна властивість CSS3, яка підтримується в браузерах без приставок виробників. Але вона не працює в браузері Internet Explorer версій 9 і нижче. Однак, цю властивість можна використовувати не тільки для створення тіней. На темному тлі біла тінь створює ефект світіння. Цей ефект можна застосувати для моментів, коли користувач наводить покажчик миші...
Текст із мерехтливих діамантів в Adobe Photoshop
У цьому уроці ми будемо створювати приголомшливо красивий ефект тексту з виблискуючих діамантів в Adobe Photoshop. Основна робота проходитиме в стилях шару, які дозволять нам досягти такої реалістичності. Це означає, що ви зможете редагувати текст,
Нашитий текст в Adobe Illustrator
Сьогодні ми будемо створювати цікавий типографічний ефект нашитого тексту в Adobe Illustrator. Ми працюватимемо з заливками і обведеннями, ефектами і трансформаціями. Але найприємніше в цьому уроці те, що виконується він через палітру Appearance/Оформлення, а це означає, що ефект можна буде зберегти як стиль графіки і застосовувати в майбутньому до будь-яких елементів. Дивіться та читайте урок детальніше...
Створення ефекту зменшення фотографії з використанням jQuery
У цьому уроці ми покажемо, як створити простий ефект зменшення фотографії за допомогою jQuery. Основне завдання – показати зображення, яке спочатку збільшене, а при наведенні покажчика миші зменшується до нормального розміру. Цей ефект можна використовувати на веб-сайтах з фотографіями або галереями зображень. У нашому прикладі використовуються чорно-білі зображення, щоб зосередитися на ефекті. Дивіться та читайте урок тут....