пятница, 03 июня 2016
23:21

Пост для новых мастеров.

все записи пользователя в сообществе Демон Фотошопа
Воля, вера и воображение.
Любите творить и хотите помогать другим? Вступайте в наши ряды. Хозяин сообщества всегда готов поделиться опытом и помочь советом.
Сообщество специализируется на оформлениях выполненных на заказ, однако вы можете с разрешения владельца выкладывать свои работы (как полные оформления так и их части) в общее пользование.
Обращаться по всем вопросам, а также присылать примеры работ можно на умыл  Кареглазый Демон.

@темы: Полезное, Административное

URL
вторник, 24 мая 2016
12:09

все записи пользователя в сообществе Кареглазый Демон
✎ Ко мне на "вы", шёпотом и с придыханием
Значит так. Я закрываю сообщество и отписываю всех ПЧ. Это необходимо и для того чтобы видеть кто реально нас смотрит и для того чтобы никто не жаловался что ему зафлудили ленту в процессе восстановления. Не знаю сколько уйдет времени. Может неделя, а может все лето. Когда перезапустимся вывешу сообщество в списке на главной, чтобы тот кто хотел мог подписаться обратно.
Upd.
Пожалуйста не вступайте в сообщество, а добавляйте его в избранное. Кнопка "вступить" для потенциальных мастеров и тех кто будет выкладываться. Поэтому те заявки что у меня сейчас висят удаляю. Не обижайтесь пожалуйста.

@темы: административное, Кареглазый Демон

URL
воскресенье, 15 мая 2016
21:18

все записи пользователя в сообществе Огненный Бес
Скромник с чертиками в глазах
Дорогие ПЧ!
У кого остались оформления для бесплатных дневников авторства  Кареглазый Демон я очень вас прошу нам их скинуть для восстановления постов.
К сожалению все утеряно. А большая часть дизайнов нашего соо этого его труд.
Заранее большое спасибо.


URL
08:01

все записи пользователя в сообществе Кареглазый Демон
✎ Ко мне на "вы", шёпотом и с придыханием
Большая часть изображений этого сообщества залита на файлообменник Firepic firepic.org/ который судя по всему был продан www.telderi.ru/ru/viewsite/20897. Видимо новым хозяевам старые картинки ни к чему. Восстановить такой объем не представляется возможным. И мне как админу очень жаль что сообщество погибло.

@темы: административное

URL
суббота, 30 апреля 2016
01:33

CSS в общее пользование

все записи пользователя в сообществе Огненный Бес
Скромник с чертиками в глазах
Дизайн резиновый. Фон фиксированный.



Детали

Установить автоматически

Настройки


Вопрос: Нравится дизайн?
1. Да 
26  (100%)
Всего:   26

@темы: css, голубое-сине-фиолетовое, желто-оранжевое, Огненный Бес, абстрактные

URL
среда, 27 апреля 2016
23:49

все записи пользователя в сообществе Кареглазый Демон
✎ Ко мне на "вы", шёпотом и с придыханием
Диз для  Калима Анантая
Все настройки у заказчика.

детали


@темы: фэнтези, красное, зеленое, css, голубое-сине-фиолетовое, песочно-бежевое, аниме/арты, желто-оранжевое, розовые, дизайн, Кареглазый Демон, заказ

URL
пятница, 22 апреля 2016
21:40

Книга джунглей

все записи пользователя в сообществе Огненный Бес
Скромник с чертиками в глазах


Забирая дизайн себе, пожалуйста, не забывайте ставить баннер сообщества

Настройки

Вопрос: Нравится дизайн?
1. Да 
40  (100%)
Всего:   40

@темы: зеленое, природа, по группам/фильмам/сериалам/играм, дизайн, Огненный Бес

URL
среда, 06 апреля 2016
22:15

Заказ для Fans Sails

все записи пользователя в сообществе Кареглазый Демон
✎ Ко мне на "вы", шёпотом и с придыханием

смотреть


Вопрос: Нравится оформление?
1. Да. 
34  (79.07%)
2. Нет. 
9  (20.93%)
Всего:   43

@темы: морское, песочно-бежевое, по группам/фильмам/сериалам/играм, дизайн, Кареглазый Демон, заказ

URL
четверг, 24 марта 2016
00:38

Бесплатник в общее пользование.

все записи пользователя в сообществе Кареглазый Демон
✎ Ко мне на "вы", шёпотом и с придыханием

смотреть

Вдохновивший меня автор арта: artcity.diary.ru/p112048736.htm

Вопрос: Нравится оформление?
1. Да. 
67  (97.1%)
2. Нет. 
2  (2.9%)
Всего:   69

@темы: коричневое, аниме/арты, желто-оранжевое, дизайн, Кареглазый Демон, заказ

URL
понедельник, 07 марта 2016
22:23

В общее пользование.

все записи пользователя в сообществе Кареглазый Демон
✎ Ко мне на "вы", шёпотом и с придыханием

смотреть


Вопрос: Нравится оформление?
1. Да. 
52  (76.47%)
2. Нет. 
16  (23.53%)
Всего:   68

@темы: цветы, весна, красное, зеленое, нежное, природа, голубое-сине-фиолетовое, розовые, женственное, дизайн, Кареглазый Демон

URL
понедельник, 15 февраля 2016
10:08

все записи пользователя в сообществе Кареглазый Демон
✎ Ко мне на "вы", шёпотом и с придыханием
Заказ для  Время....
Все настройки у заказчика.


@темы: черно-белое, css, книжно-писательское, дизайн, Кареглазый Демон, заказ

URL
среда, 03 февраля 2016
20:30

Заказ Клэр Фюхс

все записи пользователя в сообществе Огненный Бес
Скромник с чертиками в глазах


Забирая дизайн себе, пожалуйста, не забывайте ставить баннер сообщества

Настройки

Вопрос: Нравится дизайн?
1. Да 
31  (100%)
Всего:   31

@темы: фэнтези, дизайн, Огненный Бес, заказ

URL
пятница, 08 января 2016
14:05

Заказ ~Ахэ~

все записи пользователя в сообществе Огненный Бес
Скромник с чертиками в глазах


Забирая дизайн себе, пожалуйста, не забывайте ставить баннер сообщества

Настройки

Вопрос: Нравится дизайн?
1. Да 
45  (95.74%)
2. Нет 
2  (4.26%)
Всего:   47

@темы: природа, песочно-бежевое, дизайн, Огненный Бес, заказ

URL
воскресенье, 27 декабря 2015
01:27

все записи пользователя в сообществе Кареглазый Демон
✎ Ко мне на "вы", шёпотом и с придыханием
Заказ для  KontRayen.
Все настройки у заказчика. Фон фиксированный.


@темы: css, по группам/фильмам/сериалам/играм, дизайн, Кареглазый Демон, заказ

URL
вторник, 08 декабря 2015
23:48

В общее пользование.

все записи пользователя в сообществе Кареглазый Демон
✎ Ко мне на "вы", шёпотом и с придыханием


смотреть


Вопрос: Нравится оформление?
1. Да. 
65  (76.47%)
2. Нет. 
17  (20%)
3. Одел. 
3  (3.53%)
Всего:   85

@темы: черно-белое, дизайн, Кареглазый Демон

URL
суббота, 05 декабря 2015
16:55

Немного о перемещении и полупрозрачности.

все записи пользователя в сообществе Кареглазый Демон
✎ Ко мне на "вы", шёпотом и с придыханием
Возьмем для примера аватарку.
Она обведена полоской шириной в 4 пикселя и ей заданы два положения: обычное и с мышкой сверху.
.avatar img { border:4px solid #81735C !important;}
.avatar img { margin-left:20px;width:100px; margin-top:20px; }
.avatar img:hover { margin-left:0px;width:100px; margin-top:20px; }

Добавим эффекту полу прозрачности и плавности.
.avatar img { opacity : 0.5 !important;-moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s; }
.avatar img:hover { opacity : 1.0 !important;-moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s;}

Поменяем ширину картинки при наведении мышки:
.avatar img:hover { margin-left:0px;width:80px; margin-top:20px; }

Зададим другую обводку:
.avatar img:hover { border:2px dotted #000 !important;}

Варианты ограничены только вашей фантазией. Эффекты можно привинтить к любым селекторам оформления.

Вопрос: Полезно?
1. Да. 
63  (95.45%)
2. Нет. 
3  (4.55%)
Всего:   66

@темы: как это сделано, урок, Кареглазый Демон, возможности CSS

URL
01:03

все записи пользователя в сообществе Кареглазый Демон
✎ Ко мне на "вы", шёпотом и с придыханием
В предыдущих постах Я рассказал о простых эффектах на примере аватарок. Все они применимы и к изображениях в вашей ленте. Равно как и все эффекты приводимые ниже можно использовать и для аватарок.
Задаем картинкам в ленте фиксированную ширину 300 пикселей. Можно и больше, мне так удобнее для примера.
.paragraph img{max-width: 300px;max-height: auto;}

Делаем так чтобы она становилась полупрозрачной при наведении мышки.
.paragraph img{opacity : 1.0 !important;}
.paragraph img:hover {opacity : 0.5 !important;}

Или же наоборот, картинки изначально полупрозрачные, что красиво в темных оформлениях, а при наведении мышки они становятся ярче за счет полной прозрачности.
.paragraph img{opacity : 0.5 !important;}
.paragraph img:hover {opacity : 1.0 !important;}

Эффект есть, но хочется чтобы он был более плавным. Для этого мы задаем время в течение которого одно свойство заменится на другое.
.paragraph img{ -moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s; } одна секунда. А чтобы прозрачность также плавно возвращалась в прежнее состояние то же свойство прописываем и для положения мышки над картинкой.
.paragraph img:hover { -moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s; }

Качество изображения при этом хуже не становится. Это глюк записывающей проги.
Изображению можно задать еще одно интересное свойство, которое к сожалению не видит моя мозила, зато понимают опера и хром. Картинки становятся черно белыми, благодаря наложению фильтра.
.paragraph img{ -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%); -moz-transition: all 2s; -webkit-transition:all 2s; -o-transition: all 2s; transition: all 2s; }
.paragraph img:hover{ -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%); -moz-transition: all 2s; -webkit-transition:all 2s; -o-transition: all 2s; transition: all 2s; }

Обратите внимание что наложение задается в процентах. Поэтому данный эффект можно использовать и для при глушения насыщенности, аватарок например.
.avatar img { -webkit-filter: grayscale(20%);-moz-filter: grayscale(20%);-o-filter: grayscale(20%);-ms-filter: grayscale(20%); }
Или смайликов. В темных оформлениях они особенно режут глаз.
#shsmile { -webkit-filter: grayscale(50%);-moz-filter: grayscale(50%);-o-filter: grayscale(50%);-ms-filter: grayscale(50%); }
Еще один интересный эффект изменение размера картинок. Главное чтобы он был плавным.
Дописываем в код .paragraph img:hover{max-width: 600px;max-height: auto;} и изображения ленты увеличатся вдвое при наведении мышки.



Вопрос: Полезно?
1. Да. 
59  (96.72%)
2. Нет. 
2  (3.28%)
Всего:   61

@темы: как это сделано, урок, Кареглазый Демон, возможности CSS

URL
среда, 25 ноября 2015
17:44

Способы оформления аватарок.

все записи пользователя в сообществе Кареглазый Демон
✎ Ко мне на "вы", шёпотом и с придыханием
Размер.


Форма.
Обводка.


Тень. Интуитивно понятный и очень удобный инструмент для создания тени. www.layerstyles.org/builder.html

Для скругления углов изображений средствами CSS есть отдельная штука:
border-radius.com/


Вопрос: Полезно?
1. Да. 
76  (98.7%)
2. Нет. 
1  (1.3%)
Всего:   77

@темы: как это сделано, урок, Кареглазый Демон, возможности CSS

URL
понедельник, 23 ноября 2015
10:00

все записи пользователя в сообществе Харука.
Бороться и искать, найти и перепрятать. (с)

настройки

Вопрос: Нравиться оформление?
1. Да!)) 
38  (100%)
Всего:   38

@темы: голубое-сине-фиолетовое, книжно-писательское, женственное, дизайн, Харука.

URL
09:56

все записи пользователя в сообществе Харука.
Бороться и искать, найти и перепрятать. (с)

настройки

Вопрос: Нравиться оформление?
1. Да!)) 
33  (100%)
Всего:   33

@темы: кошки, нежное, книжно-писательское, песочно-бежевое, дизайн, Харука.

URL