Домашня Псих'а - Дизайн, арт та уроки Photoshop!

PSD: дизайн JaneBlog

Fri, 29 Jan 2010 09:18:15 +0000

PSD шаблон JaneBlog. Дизайн персонального блога. У архіві є 3 .psd файли і присутній readme файл з описом та посиланнями на шрифти.

Для завантаження доступні дві версії: англомовна та україномовна. Різниця між ними у використанні деяких різних шрифтів. Нижче ви можете переглянути скріншоти україномовної версії:

Завантажити файли:

україномовна версія – ДжейнБлог - PSD шаблон (328) - 7.15 MB

english version – JaneBlog - PSD template (319) - 7.08 MB

Ліцензія: безкоштовно для особистого використання (free for personal use).

Мені цікаві ваші коментарі!

За підтримки:
Каталог-навигатор медицинских центров и клиник Киева. Узнай адреса клиник, где принимает уролог в городе Киеве. Получи консультацию специалиста на нашем сайте.

[raw]

[/raw]

З наступаючим!

Wed, 30 Dec 2009 09:45:25 +0000

З наступаючим! :biggrin: Новорічний “дармовий голубець” у форматі .ai та .eps. Будь-ласка, ви можете завантажити файл ось тут:

Merry Christmas Vector Set (350) - 8.34 MB

За підтримки:

Создание и поддержка сайтов. Продвижение сайтов, контекстная реклама в интернете, консалтинг.

Фотостудия в аренду. Фотосьемка любых жанров и направлений.

[raw]

[/raw]

PSD: дизайн CatBlog

Sat, 26 Dec 2009 19:43:57 +0000

Придумав і створив ось такий дизайн блога:

Homepage

Single post page

Деякі деталі шаблона:

іконки RSS та Twitter не мої, але безкоштовні
фото вулиці і кота мої
типографіка: безкоштовний шрифт Droid (вперше знайшов ось тут, за що дуже вдячний! )

Навряд чи я буду верстати його. Це ж шаблон-”первісток” :cheerful: , я на ньому руку набивав, практикувався у реалізації ідей. Це як перша сходинка, сподіваюсь, моєї довгої і успішної драбини веб-дизайнера! :biggrin:

“Коротше, Скліфасовський…”. Чекаю на критичні коментарі. :wassat: Ну ж бо, сміливіше (як і завжди, банити не буду )!

За підтримки:

WarChaos – браузерная, онлайн пошаговая стратегия. Любители Civilization будут в восторге!

[raw]

[/raw]

О, великий Photoshop!

Thu, 12 Nov 2009 07:46:29 +0000

Хе-хе, кумедна підбірка різноманітних тварючок-гібридів. :biggrin:

За підтримки:
Компания «ФабрикСтрой» выполняет строительные работы в Казани. Свяжитесь с нашими консультантами прямо сейчас!

[raw]

[/raw]

Урок: Симпатичний текст зі скла

Mon, 09 Nov 2009 17:09:33 +0000

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

1. Тло
Колір тла для урока я обрав серед стандартних пар кольорів градієнтів. Як на мене, виглядає достатньо симпатично

2. Текст
Шрифтом Cooper Std написав слово Psiho. Знову таки, хоч шрифт стандартний, але симпатичний. Крім того гарно підходить, оскільки має широкі літери – саме те, щоб передати всю красу тексту зі скла. Колір напису вибрав у тон тла.

3. Стилі
Перш за все, необхідно додати прозорості нашому тексту, адже це скло. У Blending Options... є параметр Fill Opacity. Ось його і необхідно регулювати. Від звичайного Opacity він відрізняєтсья тим, що додає прозорості до самого шару, а не до стилей шару. далі йдуть маніпуляції із стилями (як видно на скріншоті: задіяно майже все )

4. Додамо трохи блиску!
Клацніть по шару з текстом із затиснетою кнопкою Ctrl, таким чином вибравши фігуру тексту. Не знімаючи виділення додайте звичайний градієнт від білого до прозорого починаючи знизу. Це додасть реалістичності склу. Далі цей шар потрібно зробити напівпрозорим змінивши ефект накладення на Overlay.

Далі додайте такий же градієнт у новому шарі, тільки тепер зверху тексту. Складність дій визначається кількість букв у тексті. У моєму випадку 5 букв, одна з яких “і”. Тож мені довелось створювати 6 градієнтів – для кожного елементу. Далі з допомогою Ellipse tool малюємо 6 еліпсів так, щоб кожен з них частково перекривав верхню частину свого елемента. Далі робимо усіх їх активними (клацаємо по еліпсах інструментом Path selection tool із затисненою кнопкою Ctrl) і перетворюємо у виділення (через праву кнопку у контекстному меню вибираєм Make selection...).

На завершення зробимо наше скло справді сяючим. Кілька сяючих зірочок якраз те що треба! Вибираємо Polygon tool із наступними налаштуваннями та у новому шарі додаємо маленькі білі зірочки.

5. Фінал
Ну хіба не краса? :tongue:

Завантажити .psd-джерело до урока: Glass glowing text (305)

За підтримки:
Все о макияже и стиле на женском сайте Космо! Статьи о макияже для губ, глаз, правила
макияжа.

[raw]

[/raw]

Урок Photoshop: неоновий ефект

Mon, 19 Oct 2009 19:19:01 +0000

Представляю вам цікавий урок для Photoshop для створення красивого неонового ефекту тексту. Як приклад, я застосував цей ефект до свого нікнейму і зараз, по етапно, розповім вам, як це зробити. Отож, поїхали!

1. Створюємо новий документ, для прикладу, розміром 300х300 пікселів і з чорним фоном. Пишемо великими літерами наш текст (напр. “Psiho”). Далі із нажатою клавішею Ctrl клацаємо по шарі з текстом (не по назві, а по мініатюрі у відповідній панелі), таким чином ми робимо виділення по контуру тексту (зображення).
Зберігаючи виділення видаляємо слой з текстом. далі, переходимо на панель каналів і створюємо новий канал “Альфа 1″.

Натиснувши Ctrl+Shift+I інвертуємо виділення і заливаємо білим кольором.

2. Розмиваємо Gaussian Blur i застосовуємо фільтр Solarize. Застосовуємо Auto Levels.

3. Створимо ще один канал “Альфа 2″. Не знімаючи виділення з нового канала клацаємо із нажатою клав. Ctrl по “Альфа 1″. Утворене таким чином подвійне виділення заливаємо білим кольором. Знімаємо будь-яке виділення із зображення і застосовуємо Levels з параметрами: 0:1:86 (як на скріншоті нижче).

4. Створюємо канал “Альфа 3″. Клацаємо із затисн. Ctrl по “Альфа 1″. Отримане виділення заливаємо білим кольором і знімаємо виділення із зображення. Застосовуємо Curves. Знову таки, вигніть криву приблизно так, як на скріншоті нижче.

5. Створюємо Альфа 4. Застосовуємо виділення із канала Альфа 3. Заливаємо білим. Знімаємо виділення. Розмиваємо Gaussian Blur на 2 пікселя.

6. Створюємо Альфа 5. Застосовуємо виділення із канала Альфа 4. Заливаємо білим. Знімаємо виділення.
Застосовуємо Offset з параметрами 2 і 2 (зміщення). Далі вибираємо канал альфа 4 і застосовуємо Offset з параметрами -2 і -2.

Далі Calculations.

7. Інвертуємо Альфа 6 і застосовуємо Levels з параметрами 185:1:255.

8. Переходимо на панель Layers і створюємо новий шар. Утворюємо виділення з Альфа 1 і заливаємо його чорним кольором. І знімаємо виділення.
9. Застосовуємо Curves… Викривляємо лінію наступним чином (а). Щоб виконати це: потрібно спочатку клацнути у трьох точках, щоб утворити вузли. Далі кожен вузол перетягнути у потрібне місце. Ок.

Ще раз застосовуємо Curves. На цьому етапі вибиратимемо колір. Для цього у полі Chanel вікна Curves по черзі маніпулюємо із потрібними каналами (Red, Green або Blue). Поексперементувавши знаходимо потрібний колір і Ок.

10. Утворюємо виділення з Альфа 1. Інвертуємо виділення і видаляємо вибрану область.
11. Інструментом Eyedroper tool з нашого зображення беремо зразок кольору. Далі, клацаємо правою кнопкою по новому слою
(Layer 1) -> Blending options.. -> Outer Glow. Налаштовуємо підсвітку по зовні з такими ж параметрами.

Вуаля, неонова підсвітка готова!

За підтримки:
Летний отдых в Крыму. Зимний отдых в Карпатах в Украине. Зеленый туризм.

[raw]

[/raw]

Шпалера Forest HDR

Sun, 22 Mar 2009 20:34:30 +0000

Представляю шпалеру (wallpaper) Forest HDR. З чого створив? Пояснення на наступному зображенні:

Про техніку створення HDR зображень у програмі Photoshop обіцяю розповісти вже у найближчому уроці. Чекайте оновлень! А поки-що, ви можете завантажити ось цю:

Wallpaper Forest HDR 1920x1440 (499) - 1.48 MB – розмір 1920х1440 (300 dpi)

П.С. Невеличка прикрість технічного характеру – зламався мікрофон. Скрінкасти поки-що творити не можу((

За підтримки:

Самый широкий выбор качественной и элегантной сантехники – jacuzzi душевые кабины, гидромассажные ванны, сантехника. К вашим услугам компания “РАДУГА”.

[raw]

[/raw]

Типи клієнтів

Mon, 19 Mar 2012 09:01:26 +0000

Комікс. Автор N.C.Winters. Переклад мій.

[raw]

[/raw]

Ілюстрації: міста майбутнього

Mon, 20 Feb 2012 19:31:54 +0000

Нижче підбірка надзвичайно цікавих та красивих ілюстрацій на тему міста майбутнього. Легко помітити, що серед робіт авторів зустрічаються як міста змальовані згідно песимістичного сценарію розвитку людства (брудні міста, багато смогу, все в темних тонах), та і змальовані згідно оптимістичного (красиві, впорядковані ландшафти, чисті будинки, яскраві сонячні тона і багато зелені). Цікаво яким шляхом піде людство насправді? Власне, ми вже можемо стати свідками цього, бо не такі вже й фантастичні ці ілюстрації, порівняно з деякими сучасними містами (див. два фото у кіфнці публікації ). Гаразд, не буду відволікати від перегляду. Насолоджуйтесь!

City of the Spheres від “Voyager212”

City Design 1 від “!Datamonkey-ultima”

Cross Fate city concept від “~Adimono”

Epocholis від “*Jenovah-Art”

Future City Too від “~RobertDBrown”

Future City від “~Xboxpsycho”

Future World 2 від “~RudolfHerczog”

Meduzarts: Subaru Ep3, концепт від “~I-NetGraFX”

SFM X-mas – Sci-fi City від “*Enterprise-E”

Smog від “`alexiuss”

А ось і реальні міста: Токіо і Дубаї. Теж цілком “фантастичні”))

[raw]

[/raw]

Фотограф Іван Святковський

Sat, 26 Mar 2011 21:28:26 +0000

Мені дуже подобається! А вам?

[raw]

[/raw]

Тренд: Status Board

Wed, 31 Mar 2010 06:33:21 +0000

За підтримки:
Ознайомтеся з чудовим і унікальним районом на карті України – мальовнича Рахівщина. Дізйнайтесь про можливості рекреації і туризму. На сайті є також інформація про транспортне сполучення та детальна мапа.

У блозі компанії Panic з’явився запис про цікавий гаджет. Даний гаджет являє собою величезний монітор, що показує поточний статус по проектам компанії, чергу ел. пошти, повідомлення з twitter’ів працівників, календар відпусток і навіть розклад руху автобусів (номер маршруту та час прибуття).

За власним зізнанням, робота відділу підтримки, і без того не повільна, з появою статус-дошки на порядок пришвидшилась. “Я думаю, все стало більше схоже на відео гру. Коли всі цифри на “нулі”, на екрані з’являється віртуальна пляшка шампанського та справжня із задоволенням дістається із холодильника”.

Крім того, згаданому записі хлопці трішки розповіли, як вони створили цей гаджет. Великий, професійний монітор, комп’ютер під управлінням Windows XP, трохи магії коду та браузер Сhrome, який і показує все на дисплеї. Тобто, фактично це веб-сторніка (всі елементи, окрім іконок – це чистий css!), але з доступом лише для компанії.

Я думаю, що такі гаджети набудуть певної популярності. Адже, краса його у тому, що функціонування зав’язане не на спеціальному програмному забезпеченні. А це означає, що він не є надто дорогим у розробці. Крім того, багато функцій реалізовані з допомогою API соціальних сервісів, що по суті взагалі є дуже просто!

За підтримки:
Інтернет-видання молоді. Інтерв’ю, теми про відносини, точка зору, розваги та інше.

[raw]

[/raw]

10 неймовірних творінь з LEGO

Thu, 04 Mar 2010 10:30:51 +0000

Гіки та LEGO, схоже, впевнено рухаються в одному напрямку, паралельно продукуючи велику кількість фан-гік-натхненних творінь. Ці творіння можна знайти у кожному куточку Інтернету та особливо концентровано у LEGO Flickr групі.

У сьогоднішньому дописі добірка цікавих творінь. Насолоджуйтесь!

1. PS3 контроллер

2. Apple iPad

3. Twitterrific’s Ollie

4. Google Logo

5. Twitter Fail Whale

6. Ще Google LEGO

7. Молоді Woz і Jobs

8. Nintendo DSi

9. Розпаковуючи iPhone

10. Google Chrome Logo (відео)

Переклад статті з Mashable.com

Як вам? Сподобалось?

За підтримки:
Хостинг vds по низким ценам! Гибкие тарифы на хостинг VDS / VPS серверов, качественная поддержка, надежное оборудование. Мы предлагаем свободный выбор конфигурации.

[raw]

[/raw]

Дизайнер: Igor “Rogix” Udushlivy

Fri, 26 Feb 2010 15:09:00 +0000

Випадково знайшов у мережі сайт талановитого дизайнера і ілюстратора на ім’я Igor “Rogix” Udushlivy. Переглянув весь сайт і знайшов масу цікавих речей! От і вирішив поділитись своїм “відкриттям” із читачами блогу.

Іконка
Жорсткий “Доктор Хаус” Диск :biggrin:

Ілюстрації

Інше

(клікабельно)

А ще ось такі креативні обкладинки для книжок та закладки до них

Повторюсь, мені дуже сподобалось. А які ваші враження від побаченого?

За підтримки:
Советы для беременных. Информация о планировании и определение пола ребенка будет полезна для всех будущих мам. Сатья о современных, народных, а также восточных методах планирования и определения пола.

[raw]

[/raw]

Банероманія: січень 2010

Wed, 20 Jan 2010 18:01:36 +0000

За підтримки:
Канализация — неотъемлемая составляющая системы водоснабжения и водоотведения. Трубы для безнапорной и ливневой канализации. Ливневая канализация.

Банер сайту безкоштовних оголошень Brama.te.ua рекламувався на блозі протягом останніх 15 днів. Тепер його змінить банер української музичної соціальної мережі РадіоАфрика!

Ви також можете прийняти участь у акції! Достатньо всього лиш написати коментар-заявку на участь та надіслати сам банер на адресу скриньки: mr.psiho+banneromania[at]gmail.com.

Отож – статистика! Отже, статистика каже нам, що за 15 днів розміщення:

Переглядів – 11537
Кліків – 19
CTR – 0,16%

Наступний учасник у нас уже є – AzzePis. Приєднуйтесь і ви!

UPD: після учасника AzzePis теж зайнято. Зголошуйтесь на початок березня!

За підтримки:
На нашем портале онлайн тестов вы можете пройти класический (тест айзенка iq) IQ тест.

[raw]

[/raw]