‘Уроки’

juxtapose2

Прилади для онлайн сторітеллінга Knight Lab

Knight Lab  – це проект Північнозахідного університету (Northwestern University) в рамках якого технологи, журналісти, викладачі та студенти розробляють нові інструменти для он-лайн сторітеллінга. http://infographer.ru/4-besplatnyx-instrumenta-dlya-on-lajn-storitellinga-ot-knight-lab/

castle32-final

Похмурий пейзаж із замком в Adobe Photoshop

Сьогодні ми працюватимемо над фотоманіпуляцією зі створення похмурого пейзажу із замком в Adobe Photoshop. Урок розрахований на користувачів, які добре знайомі з програмою і орієнтуються в основних функціях і інструментах. Для середнього рівня цей туторіал досить простий. Пройшовши його, ви потренуєтеся в роботі з масками і коригуючими шарами. Власне, ці дві техніки і є основою створення […]

free-landmarks-vector16

Векторний кліпарт, присвячений визначним місцям

Літо – час подорожей, знайомства з новими місцями і пам’ятками. Сьогодні ми зібрали векторний кліпарт, присвячений найвідомішим світовим пам’яткам. Ви знайдете символи безлічі країн, подивитеся, куди з’їжджаються люди з усього світу. Дуже рекомендуємо звернути увагу тим, хто розробляє дизайн на туристичну тематику.

chalkboard_11

Текст крейдою на шкільній дошці в Adobe Illustrator

Ми вже не раз створювали векторний текст, що імітує крейду в Adobe Illustrator. І сьогоднішній урок теж присвячений цьому. Однак цей приклад відрізняється від попередніх тим, що в ньому ми будемо працювати над дуже правдоподібним фоном для нашого тексту. Сам же текст ми створимо швидко і легко. Це чудовий варіант для тих, кому потрібні швидкі результати […]

branding_19

Реалістичне розміщення логотипу на дереві в Adobe Photoshop

Цей урок був створений автором через розчарування. У певний момент йому знадобилася реалістична техніка розміщення логотипу на дерев’яній поверхні, однак всі туторіали, до яких він вдавався, були недостатньо гарні. У підсумку йому довелося самостійно домогтися бажаного ефекту. Врешті всі вони склалися в цей урок для Adobe Photoshop. Дивіться та читайте урок детальніше тут. 

603-css3-multiple-borders-box

Створення декількох рамок з використанням CSS3

Властивість рамки CSS2.1 працює добре, але вона недостатньо гнучка.  А якщо потрібно створити дві або більше рамок різних кольорів в одного елемента? Властивість зображення рамки CSS3 можна розглядати як варіант, але для нього потрібно створити відповідне зображення і синтаксис цієї властивості досить складний. Однак є інший простіший спосіб – властивість тіні блоку, якщо потрібно додати кілька […]

split_017

Розділений об’ємний 3D-текст в Adobe Illustrator

У цьому уроці ми будемо вчитися створювати букви, що ніби “роз’їхалися” в Adobe Illustrator. Для цього нам знадобиться версія Adobe Illustrator CC і 3D-ефекти. Ми будемо ділити букви надвоє, застосовувати до кожної половинки ефект 3D, потім розбирати об’єкт і обробляти його окремі складові, застосовуючи лінійні градієнти і малюючи тіні. Дивіться та читайте урок детальніше тут. 

GitHub

Створення висувної форми пошуку

У цьому уроці ми покажемо, як створити висувну форму пошуку, схожу на форму пошуку із сайту Github. Ця форма пошуку відрізняється тим, що спочатку її ширина невелика, а коли користувач натискає на неї, щоб ввести пошуковий запит, вона змінює свою ширину за допомогою переходів CSS. Дивіться та читайте урок тут.  

css

Урок CSS: як розтягнути елементи блоків

Як розтягнути елементи, що знаходяться у блоках, на повну ширину вікна браузера, використовуючи при цьому CSS? Цю проблему часто можна зустріти в розмітці CSS. Нерідко потрібно, щоб елемент розтягувався за межі центрального блоку сторінки і займав всю ширину вікна браузера. Дивіться та читайте урок тут. 

3D Sticker Text Effect - 600

Типографічний ефект у вигляді 3D-стікера в Adobe Photoshop

У цьому уроці ми будемо створювати типографічний ефект у вигляді 3D-стікера в Adobe Photoshop. Процес не забере у вас багато часу, проте буде корисний для вивчення стилів шару. Звичайно, треба уважно вникати в те, чому в конкретних ситуаціях був використаний саме той чи інший ефект. Експериментуйте з параметрами, щоб краще розуміти, за яку частину ефекту […]

id=