Biyo

Привет, Гость
  Войти…
Регистрация
  Сообщества
Опросы
Тесты
  Фоторедактор
Интересы
Поиск пользователей
  Дуэли
Аватары
Гороскоп
  Кто, Где, Когда
Игры
В онлайне
  Позитивки
Online game О!
  Случайный дневник
CarGuru
Ещё…↓вниз
Отключить дизайн


Зарегистрироваться

Логин:
Пароль:
   

Забыли пароль?


 
yes
Получи свой дневник!

Biyo > Дизайн


Опросы, тесты c категорией "Дизайн".
Пользователи, сообщества c интересом "Дизайн".

понедельник, 30 декабря 2013 г.
PXD и не только Lady Sakura 21:51:46
Океюшки. Скоро НГ, посему я решила загладить хоть немножечко свою вину за отсутствие, да.
Выкладываю PXD под уроки, которые уже написала и ещё кучу другого.


Подробнее…http://www.fayloobmennik.net/3461304 №115
http://www.fayloobmennik.net/3461305 №116
http://www.fayloobmennik.net/3461306 №119
http://www.fayloobmennik.net/3461310 №120
http://www.fayloobmennik.net/3461311 №121
http://www.fayloobmennik.net/3461325 №122
http://www.fayloobmennik.net/3461313 №123
http://www.fayloobmennik.net/3461314 №123 дополнительно
http://www.fayloobmennik.net/3461315 №125

+ дополнительно дизайн клавиши фортепиано

http://www.fayloobmennik.net/3461318 (недоработанный, т.к. там нужно его лишь сделать бесшовным по горизонтали) выкладываю, чтобы было понятно, как его получили.
готовый дизайн ниже:
кликабельно
­­

+ чудаковатый и мрачноватый эпиграф в стиле минимализм

http://www.fayloobmennik.net/3461320
готовый пример ниже:
­­

+ фон, который я делала когда-то давным давно
http://www.fayloobmennik.net/3461337
готовый пример:
­­

+ эпиграф, меню, гл.фото, аватарка, верх, дата к нему же

­­ ­­ ­­ ­­ ­­

+ дизайн с Мацумото, тоже сделанный тогда же

­­ ­­ ­­ ­­ ­­ ­­ ­­

+ дизайн с Хинатой

­­ ­­ ­­ ­­ ­­ ­­

+ дизайн с Хинатой и Саске (я даже уже и не помню, когда его делала о_о но мало ли, кому понадобится)
(фон, меню,записи,дата,верх,гл.фото,гл.ава,эпиграф)

­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­

+ исходники

­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­

+ исходники портрет

­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­ ­­

далее смотрите в комментариях


Категории: By Lady Sakura, Праздник, PXD, Дизайн, Исходники, Текстуры, Клипарты
комментировать 1 комментарий | Прoкoммeнтировaть
Дополнение к уроку №123 Lady Sakura 18:02:52
Итак, всем привет, извиняюсь, что так долго отсутствовала и не выкладывала уроки. ^^"
В общем, это дополнение к уроку №123, где я по-быстрому объясняю, как доделать записи.


­­

Подробнее…Сначала хотела оформить в отдельный урок, а потом поняла, что это того не стоит, посему просто дополнение.
Объясняю коротко и ясно:

1. Не закрывая (и не объединяя слои) созданный фон отражаем по горизонтали изображение. Удаляете слой №1, 8, 9, 10, 11 и 13. Если вы уже всё закрыли, то можете смело изрыгать тысячу и одно проклятие, ибо вам придётся делать всё заново по уроку№123, только опуская пункты под №2, 8, 9, 10, 11 и 13.

2. Уменьшаем изображение до размера 450х...(не знаю, какие у вас размеры)

3. Создаём новый слой (поверх всех остальных). Берём инструмент линия, ставим цвет в палитре белый, непрозрачность 50, режим normal и размер 1. И рисуем прямую линию из правого угла к левому, но доводим её не до конца, а до середины изображения. Чтобы облегчить муки и не ломать глаза, можете увеличить масштаб в навигаторе. Так вот, провели линию.

­­

Потом по такому же принципу рисуем вертикальную: из верхнего правого угла в правый нижний, но до середины или чуть пониже.

­­

Потом рисуем под горизонтальной чертой ещё одну, но уже короче, чем первая.

­­

И вертикальную рядом со второй так же укорачиваем.

­­

Далее берём ластик, ставим размер 50 и подтираем края наших линий, ВСЕХ линий, делая так, словно они стали бы похожи на лучики, концы которых сужаются

­­

Вот что выходит под конец:

под масштабом 150%
­­

и обычный 100%
­­

4. Подписываем и сохраняем в PNG.

За сим откланиваюсь. Удачи всем.)


Категории: By Lady Sakura, Урок, Дизайн
Прoкoммeнтировaть
среда, 27 ноября 2013 г.
№123 Lady Sakura 19:47:30
Осталось всего лишь 33 дня до НГ *О* Рада до посинения, нашла время на сообщество по такому поводу.
Хотела подготовить какие-либо текстуры зимние или фоны, но времени оказалось слишком мало. :/
Почему ограничимся только уроком по новогоднему дизайну.
Сегодня сворганим фон и меню, а урок про записи постараюсь на этой недельке ещё выложить.


­­

Подробнее…1. Создаём новое изображение размером 800х600. Заливаем светло-голубым цветом (выбирайте на ваше усмотрение). Но желательно поставить тот, который выбрала я: 9bbacf.

2. Открываем новогодний исходник. Я выбрала такой

­­

Немного редактируем, если хотим, не используя текстур. Я добавила яркости и насыщенности.
Копируем, вставляем на залитое изображение. Перетаскиваем в левый верхний угол. Подтираем края исходника ластиком, чтобы они стали более мягкими и словно "растворялись" в фоне. Размер ластика 200.

­­

3. Берём текстуру "звёздное небо"

­­

Вставляем на наш будущий фон, перетаскиваем в левый верхний угол, режим overlay, непрозрачность 50. Подтираем излишки по контуру исходника, убираем лишние части с лица, если они мешаются.

4. Открываем клипарт "огоньки"

­­

Копируем, переносим на фон, загоняя примерно в левый верхний угол. Режим и непрозрачность не трогаем.

5. Открываем клипарт "круги"

­­

Отражаем по горизонтали, копируем, переносим на наш фон дважды.
Один слой перетаскиваем в верхний левый угол, оставляя только чуть едва заметный бочок

­­

А второй ставим практически по центру исходника

­­

На обоих слоях не трогаем режим, а вот непрозрачность у первого оставляя прежнюю, а у второго ставим 40.

6. Берём текстуру

­­

Перетаскиваем в левый верхний угол, режим add , непрозрачность 15.

7. Открываем текстуру

­­

Располагаем почти в центре фона

­­

Режим screen , непрозрачность 95.

8. Клипарт (точнее, его часть)

­­

Переносим к нижнему контуру исходника так, чтобы клипарт чуть прикрывал низ. Если не получается, берём free transform и подгоняем его до нужных размеров и состояния. Режим и непрозрачность не трогаем

­­

9. Открываем клипарт, отражаем по горизонтали, переносим на центр фона. Режим и непрозрачность не трогаем.

­­
­­

10. Открываем текстуру, отражаем по горизонтали, перетаскиваем в левый верхний угол (чтобы сам фон оставался как бы в рамочке этой текстуры), стираем лишнее с лица, непрозрачность и режимы не трогаем.

­­
­­

11. Часть клипарта. Вставляем в верхний правый контур исходника оп принципу пункта №8 . Если не выходит, free transform в помощь. Режим и непрозрачность не трогаем.

­­
­­

12. Клипарт "белая линия". Перетаскиваем в левый верхний угол так, чтобы он лишь чуть выглядывал. Free transfrom в помощь, если не выходит. Режим и непрозрачность не трогаем.

­­
­­

13. Тот же самый клипарт, что из предыдущего пункта мы отражаем по вертикали и располагаем с правого нижнего боку и подтираем ненужные линии, заходящие на лица/тела. Режим и непр. не трогаем.

­­

14. Клипарт. Располагаем с левого бока(но не самого края!) изображения, для украшения. Не трогаем ни режим, ни непрозр.

­­
­­

15. Клипарт. Отражаем по горизонтали, перетаскиваем в верхний левый угол, оставляя бочок. Не трогаем непрозр. и режим.

­­
­­

16. Подписываем, сохраняем в формате PNG.

Результаты показываем!^^

з.ы. расположение в дизайне следующее: ставим эту наработку в меню и страницу. Расположение: вверху слева, замостить: показать один раз, прокрутка: зафиксировано.

ВАЖНО: если вы собираетесь сейчас делать записи к дизайну, то не закрывайте полученное изображение и не объединяйте слои! Дополнение к уроку(делаем записи) http://biyo.carguru.ru/852-464-dopolnenie-k-uroku-123.zhtml




Категории: By Lady Sakura, Дизайн, Клипарты, Урок
Прoкoммeнтировaть
пятница, 25 октября 2013 г.
№116 Lady Sakura 15:46:43
Итак-с, дорогие мои, это продолжение к уроку №115. *О*
Будем воять записи и дату.
Урок короткий и несложный.


­­

Подробнее…1. Берём наш ещё не законченный и не закрытый вариант меню - страницы с необъединными слоями (те, кто всё же его уже закрыл и не сохранил в PXD, то берите и делайте заново. или же открывайте мою pxd , скинутую в записи №115). Открыли? Вот и чудно. Изображение - отразить изображение по горизонтали, изображение - отразить изображение по вертикали.

2. Переходим на слой с исходником - картинкой ( в моём случае это девушка). Слой - отразить по вертикали. Если хотите - отразите ещё и по горизонтали.

3. Переходим на слой 4 (если открыли мою pxd), или же на слой 1 (если открыли свой вариант). В общем, на слой, где есть эта текстура (редактированная, разумеется)

­­

С помощью free transform немного расширяем её в длину, чтобы она стала не такой узкой. Зачем мы это делаем? Дело в том, что если на меню/дате/ т.д. у нас было лишь одно изображение, то здесь их будет два - места должно быть больше.

4. Отражаем по вертикали слой № 5 (или какой там у вас) с текстурой...:

­­

5. Удаляем слой с голубенькими травами

­­

Так же удаляем слой с клипартом- цветами.

­­

6. Чуть подтаскиваем слои с клипартами - огрызками на край текстуры, которую мы расширяли с free transform.

огрызки - клипарты: ­­ ­­

7. Открываем второй исходник ,который хотим вклинить в дизайн. У меня это

­­

Копируем, перетаскиваем на дизайн. Стираем лишнее, оставляя только саму фигуру. Редактируем подстать первому редактированному исходнику, чтобы они были похожи. Перетаскиваем либо влево, либо в угол вправо.

­­

8. Подписываем, сохраняем в формате РNG.

Усё.
Если упустила какой-либо пункт - пишите, исправлю, ибо я редкая раззява.
Результаты показывайте.

зы. ссылка на скачивание: http://www.fayloobmennik.net/3304663.






Категории: By Lady Sakura, PXD, Урок, Дизайн, Записи
Прoкoммeнтировaть
суббота, 30 июня 2012 г.
№93 ронний макаронний 11:10:24
я тут внезапно так вспомнил, что есть у нас сообщество...
короче, сегодня делаем тиль уленшпигель. по-простому - тот же фон для дневника, только элементарный до невозможности.
Подробнее…
первым делом В ТАРДИС1 эээ, то есть, в фш. http://pixlr.com/editor/
открываем понравившееся изображение. любое - абсолютно. чем хорош этот метод: допустим, имеется исходник; он хорошо идет на гл. фото/эпиграф, но не на страницу, а подходящего фона не найти - тогда мы с покерфейсом лепим фон из самого же исходника. прелесть, ящитаю.
это было небольшое лирическое отступление, тем временем я выбрал прекрасную деву с не менее прекрасной живностью.
­­
далее уменьшаю до почти микроскопических размеров. ну, скажем, было 794х600, стало 200х151, и ничего страшного в этом нет.
берем "выделение", ставим такие настройки
­­
выделяем так же ЛЮБУЮ часть исходника, после чего нажимаем Ctrl+C
создаем новый документ 100х100 (прозрачный или нет - неважно), нажимаем Ctrl+V
вуаля!
­­
передвигаем вырезанный кусочек вправо вниз.
­­
слой - дублировать слой; слой - отразить по горизонтали, передвигаем кусочек влево вниз
получаем вот что.
­­
слой - объединить слои; слой - дублировать слой; слой - отразить по вертикали, передвигаем полоску вверх
получаем
­­
объединяем все слои.
в принципе, его уже можно использовать, но это не совсем то. в заключение делаем вот что:
слой - дублировать слой; слой - повернуть на 90 градусов по часовой/против часовой/неважно, как.
и возимся с режимом наложение, например, вот что получается, если использовать darken
­­
add
­­
и в том же духе.
мне понравился режим overlay.
­­
на этом все.
показывайте, что получилось, задавайте каверзные вопросы, ловите лучи любви %)


Категории: By le juillet., Бесшовный фон, Дизайн
комментировать 17 комментариев | Прoкoммeнтировaть
пятница, 22 июня 2012 г.
№92 Karolin 14:44:19
Соо заброшено,нэ?оо"
Очень лёгкий урок по дизайну.
Результаты: http://tuiop.cargur­u.ru/ ; http://probka.cargu­ru.ru/
Подробнее…
Для фона с часами нам понадобится гимп.
Первый вариант можно и в гимпе, и в ручную.
Если на какой-нибудь текстуре косяк(особенно вероятно, что он на часах)стирайте его ластиком(!)
Текстуры небольшого размера растягиваем это относится ко всем текстурам (!)(редактировать-free transform)
1) Открываем фотошоп,создаём документ 600x600(файл-новый рисунок). Заливаем каким-нибудь цветом. Мой выбор упал на b2a9cf
2) Накладываем текстуру ­­(редактировать-выделить всё-копировать. Переходим на фон,редактировать-вставить. Режим overlay)
3) Накладываем текстуру ­­(Режим overlay,непрозрачность 32-38)
4) Накладываем текстуру ­­(Режим screen,непрозрачность 47)
Если вы хотите сделать фон без часов, то можете его подписать(по желанию), сделать бесшовным и сохранить. Если с часами, то продолжайте.
5) Накладываем текстуру ­­(Режим overlay,непрозрачность на ваше усмотрение, но советую больше 60 не делать)
Подписываем(по желанию), сохраняем и обесшовываем в гимпе.
Жду результатов.


Категории: By Karolin, Бесшовный фон, Дизайн, Страница, Урок
комментировать 44 комментария | Прoкoммeнтировaть
воскресенье, 15 апреля 2012 г.
№89 Lady Sakura 12:28:24
Христос воскрес!^^
С Пасхой всех.))
Что-то мы совсем забросили соо.ХХ
И я,как порядочный админ,должна была что-либо предпринять.:З
И поэтому сегодня мы будем делать фон наподобие того,который сейчас в соо.
Я его назвала "старая фотография".
Приступим.**
Ах да,урок не для новичков.

­­
Подробнее…

1.Создаём новое прозрачное изображение размером 800х600.
2.Заливаем его цветом 7d7d7d .
3.Открываем исходник.
Я выбрала такой:
­­
Если хотим - редактируем.
Под конец редактирования обесцвечиваем.(коррекция - обесцвечивание)
Предупреждение: если вы редактируете исходник,то только без добавления текстур и клипартов.
4.Копируем изображение и переносим на созданный недавно холст.
Располагаем его в середине левой части холста.
Предупреждение:
Если исходник больше холста,то мы подгоняем его так,как нам хочется с помощью free transform.Причём подгоняя его,помните,что в левой части должна быть главная часть исходника,которая будет на фото.
­­
5.Открываем текстуру облака
­­
Копируем,переносим на наш залитый холст с исходником.
Располагаем его с помощью free transform (дабы подогнать размер и свободно поворачивать) правее середины.
В общем,должно быть так:
­­
Режим Lighten , непрозрачность 100.
6.Открываем непонятно какую обрезку от текстуры
­­
Копируем и переносим в левую часть холста,не меня размера.
­­
Режим Lighten непрозрачность 100.
7.Опять обрезка
­­
Копируем и располагаем в нижнем левом углу так,чтобы всё было точно-точно по краям.
­­
Режим Lighten, непрозрачность 100.
8.Открываем текстуру бумага
­­
Копируем.
С помощью Free transform растягиваем на весь холст.
Режим Multiply, непрозрачность 31.
­­
9.Открываем текстуру огоньки
­­
Копируем и переносим не подгоняя размеры.
Никуда не перемещаем по холсту,да!
Режим Overlay непрозрачность 90.
Лишнее на главной части исходника стираем (лицо,глаза,руки,люди,ну и т.д.)
У меня это было лицо.
­­
10.Открываем клипарт обрывок (ох,ну и намучалась я,пока добилась нужного результата в его создании --")
­­
Качество не сахар,но в данном фоне это даже приветствуется.:З
В общем копируем,переносим.
А теперь главное: переносим так,чтобы мы умудрились и главную часть исходника захватить и те самые огоньки,что рядом.
Размеры не меняем.
Должно быть примерно так:
­­
11.А теперь самая клёвая часть при создании диза *О*
Теперь мы стираем лишнее *_*
То,что выходит за границу клипарта мы нещадно стираем.
НО не вздумайте стирать что-либо на слое 2,3,4.(там,где наши обрезки текстур и текстура облака)
В общем,должно получиться примерно так:
­­
12.Если исходник как-то не влезает или вам не нравится его расположение: экспериментируйте с free transform.
13.Если хотим,подписываем.
14.Сохраняем в формате PNG или же JPG.
Хотя PNG,зараза,хоть и много весит,но он качественнее.:З

Ну вот и всё,собственно говоря **
Результаты показываем!



Категории: By Lady Sakura, Дизайн, Клипарты, Текстуры, Урок
комментировать 26 комментариев | Прoкoммeнтировaть
суббота, 3 декабря 2011 г.
№81 Peйкa 07:15:57
дизайнушк)
урок ооочень легкий,но для меня красивый **
приступим)
Подробнее…Создаём изображение 800х594
Заливаем любым цветом
Вставляем туда исходник убираем с него фон
Открываем эти текстуры:
­­
Изображение-)Отразить по горизантале
Ставим на наш "Дизайн"
Screen
­­
Overly
­­

Overly 67
Подписываем
Слой-)Новый слой
Заливаем тем цветом что и фон
Darken
Сохраняем.
результаты-показываем)))
мой-­­


Категории: Дизайн, By Рин-чан
комментировать 26 комментариев | Прoкoммeнтировaть
среда, 23 ноября 2011 г.
№77 ронний макаронний 16:37:19
Совсем скоро зима, так что давайте сообразим зимний дизайн :]
Будет весело, я обещаю.

Подробнее…Заходим, если кто забыл http://pixlr.com/editor/
Открываем исходник. Я выбрала такой:
­­
Советую применить какой-нибудь колор (Коррекция - Кривые - Предварительные настройки), хотя этот шаг можно и опустить, тут дело вкуса. Я применила Increase contrast, например.
Далее создаем прозрачное изображение 800х600. В принципе, вы можете взять и поменьше, но на таком размере можно нормально развернуться. Хотя что-то мне слабо верится, что с моим "талантом" и вдохновением мы сильно развернемся х)
Как бы то ни было, переносим исходник на созданное изображение. Потом берем пипеткой основной цвет с исходника и заливаем Слой 0, который находится ПОД картинкой - это важно. То есть:
­­
Берем мягкий ластик, да побольше, убираем непрозрачность до 60%-70% и плавно подтираем края исходника, дабы слился с фоном.
Не стирайте так, как я, это убого хд
­­
Берем эту текстуру, накладываем с режимом Multiply, убавляем непрозрачность до 15%-20% и стираем лишнее. Могу посоветовать стереть с фона, если текстура легла на картинку не полностью, а то не смотрится.
­­
Теперь берем эту, накладываем с режимом Lighten, стираем лишнее - если вдруг такое есть О_о Просто лично у меня она легла очень хорошо, оставив только требуемые звездочки и капельку тумана, не знаю, что будет с другими исходниками.
­­
Также берем паутинку и накладываем с тем же Lighten, стираем оставшуюся от текстуры белую рамку и уменьшаем непрозрачность где-то до 30%.
­­
И последние штрихи :3
Снежиииинки! *-* Берем две эти снежинки и размещаем на изображении с режимом Overlay.
­­ ­­
Можно еще взять мягкую кисточку размера 15 и белым цветом вдохновенно поляпать какбе хлопья снега, но это автора уже прет х)
А вообще получается такая няшечка.
­­
Или можно применить фильтр "Волшебное сияние", тоже очень красиво.
­­
В общем-то так =/
Если нужно рассказать, как к этому дизайну делать меню, дату/навигацию, верх, записи - говорите, будем писать урок )
Хотя в этом нет ничего сложного ))

Бай-би ^___^


Категории: By le juillet., Дизайн
комментировать 7 комментариев | Прoкoммeнтировaть
вторник, 1 ноября 2011 г.
№74 Angel Sakura 07:31:05
Это мой первый урок в сообществе. Он посвящён угловому дизайну(точнее странице из него)
Если урок не нужен - удалю.
Мой результат : ­­
Подробнее…1. Заходим в фотошоп(вот ссыль если кто забыл http://pixlr.com/editor/?loc=ru )и загружаем исходник из которого мы будем делать наше чудо XD
Исходник не должен быть слишком маленьким. Фон не должен быть белым или прозрачным. Я выбрала этот исходник ­­
2. Редактировать - Выделить всё - Копировать.Файл - Новый рисунок. Размер 700x700. Заливаем его цветом который подходит к нашему исходнику. Редактировать - Вставить. Перемещаем в правый верхний угол.
3. Теперь будем краюшки обрезать =3 . Чтобы было ровно мы будем вставлять текстуру. Открываем эту текстуру ­­Редактировать - Выделить всё - Копировать. Вставляем на наш новый рисунок со вставленным исходником и перемещаем примерно в верх в центр изображения
Снова вставляем текстуру. Слой - повернуть на 90 градусов по часовой стрелке.Перемещаем. В итоге текстуры должны лежать примерно вот так ­­ Как вы наверно уже заметили у меня текстуры пересекаются и не выходят за края исходника, а это значит что у вас тоже они должны пересекаться и не выходить за края исходника .3
4. Возвращаемся к слою 1(это слой с исходником)берём мягкий ластик размеров 150 и стираем края исходника не выходя за текстуры. Должно получится примерно так ­­
5. Теперь мы будем украшать. Открываем эту текстуру ­­копируем, вставляем и перемещаем в верхний правый угол. Режим Screen.
6. Открываем,копируем, вставляем и перемещаем в правый верхний угол эту текстуру ­­режим Overlay
7. Всё тоже самое делаю с этой текстурой ­­но перемещаем её примерно в центр изображения. Если хотите можете стереть её края.Режим Overlay
8. Открываем текстуру блики и вставляем её ­­Перемещаем в верхний правый угол.Режим Screen. Края стираем.
9. Подписываем и сохраняем. Файл - сохранить. Формат IPEG.
Результаты показываем :3



Категории: By Angel Sakura, Угловой, Урок, Дизайн, Страница
комментировать 43 комментария | Прoкoммeнтировaть
суббота, 15 октября 2011 г.
№70 Lady Sakura 13:57:55
Всем привет.)
Последний на сегодня подарок - урок.**
В честь такого знаменательного события,как празднество годовщины сообщества,я решила научить вас делать такой распрекраснейший фон.**
Приступим)

­­


Подробнее…

1.Открываем исходник.
Я выбрала такой
­­
2.Вырезаем изображение как в этом уроке http://biyo.carguru.ru/358-003-9.zhtml но никуда не переносим.Просто выделяем и копируем.
3.Создаём новое изображение размера 800х600 и переносим туда наше выделение.(редактировать - вставить)
5.Заливаем задний фон (или слой 0 ) цветом,подходящим под исходник.
6.Копируем слой 1 дважды.(слой - дублировать слой)
Смещаем слой 1 чуть влево и ставим непрозрачность 50 - 52.
Смещаем слой 2 чуть вправо и ставим непрозрачность 50 - 52.
В итоге,должно получиться примерно так
­­
Как вы видите,я уже отбросила тень от слоя 3.
Теперь ваш черёд.
Drop Shadow:
непрозрачность - 75.
дистанция - 10.
размер - 0.
7.Переходим на слой 0 и вставляем вот такую вот текстуру
­­
слой - отразить по горизонтали,слой - отразить по вертикали.
Ставим режим overlay а непрозрачность 71.
8.Вставляем текстуру
­­
слой - дублировать слой.
на дублированном слое:
слой - отразить по горизонтали,слой - отразить по вертикали.
Спускаем текстуру чуть вниз,чтобы она не уезжала за пределы картинки.
­­
9.Переходим на слой 3.
не запутайтесь в этом,потому что из-за перестановки слоёв у вас числа идут не по порядку!
Слой 3 - слой с нашей картинкой.
Открываем эту текстуру
­­
Переносим в правый нижний угол.
Ставим Screen 75.
10.Открываем текстуру
­­
Слой - отобразить слой по гор.
Слой - отобразить слой по верт.
Непрозрачность 50 - 60.
11.Открываем текстуру
­­
Смещаем её на середину изображения.
Непрозрачность 50 - 60.
Должно выйти так
­­
12.Открываем текстуру
­­
слой - отразить по вертикали.
слой - отобразить по горизонтали.
Переносим вправо картинки.
13.Открываем текстуру
­­
Переносим в правый нижний угол.
Режим overlay.Непрозрачность не трогаем.
14.Открываем текстуру текст
­­
Слой - отразить слой по горизонтали.
Режим ставим overlay непрозрачность 54.
Подтираем чуть края,дабы не было угловатостей.
15.Подписываем,если хотим.
16.Сохраняем в формате JPG или PNG,как вам удобнее.

Вот и всё!)
Результаты показываем ^^


Категории: By Lady Sakura, Дизайн, Текстуры, Урок
комментировать 77 комментариев | Прoкoммeнтировaть
понедельник, 19 сентября 2011 г.
№64 Исаак Фернанд фон Кемферг 13:39:37
Урок НЕ для новичков.
Но если они хотят,
то пусть попробуют.
Предупреждаю,я не новичок.
Мне этот дизайн не сложен.



Подробнее…1.Так,для начала создадим изображение 600х600.
2.Заливаем цветом 93f05a.Или на свой цвет.
3.Берём исходник.Я взял этот:
­­
Уменьшаем если надо.
4.Вставляем в верхний левый угол.
5.Стираем края мягкой кистью 200.
6.Вставляем эту текстуру:
­­
Не чего не стираем,режим Overlay,как встала не двигаем.
7.Берём эту текстуру:
­­
Не чего не меняем.
8.Берём эту текстуру:
­­
Режим Overlay,не двигаем,стёрли края.
9.Берём эту текстуру:
­­
ежим Overlay,прозрачность 72,стёрли с персонажа.
10.Берём эту текстуру:
­­
Не чего не меняем.
11.Берём эту текстуру:
­­
Если попало на персонажа в то место где текстура плохо смотрится,стёрли ТОЛЬКО с того места.А так не чего не меняем.
12.Объединяем все слои.Цветовой тон,насыщенность под исходник.У меня хорошо смотрится -36.
13.Яркость,контрастность под исходник и яркость и контрастность.У меня яркость 3,контрастность 10.
14.Берём эту текстуру:
­­
Не чего не меняем.
15.Берём эту текстуру:
­­
17.Берём эту текстуру:
­­
Режим Overlay.
18.Берём эту текстуру:
­­
Не чего не меняем.
19.Берём эту текстуру:
­­
Не чего не меняем.
20.Берём эту текстуру:
­­
Не чего не меняем.Или стираем если надо.
21.Берём эту текстуру:
­­
Не чего не меняем.Или стираем если надо.
22.Берём эту текстуру:
­­
Не чего не меняем.Или стираем если надо.
23.Берём эту текстуру:
­­
Не чего не меняем.Или стираем если надо.
24.Объединяем все слои.
25.Дублируем слой.
26.На новом слое идём-коррекция-поиск цвета-нажимаем на:
­­
Нажали да.
27.Коррекция-Цветовой тон/насыщенность-цветовой тон,свои настройки.
28.Слой,на котором мы сейчас работали ставим на режим Overlay.
Готово.
Результат не ахти,но я просто быстро делал.

­­


Категории: By Великий :ЗЗ, Дизайн, Угловой
комментировать 33 комментария | Прoкoммeнтировaть
понедельник, 8 августа 2011 г.
№53 Lady Sakura 13:49:12
Всем привет.
По многим недовольствам и замечаниям я решила научить вас ещё одному способу создания бесшовного фона.:З
Он элементарный.
Так что надеюсь,он вам придётся по душе.
Приступим же.


­­

Подробнее…1.Открываем наш исходник в онлайн фотошопе и редактируем как нам вздумается.
2.Сохраняем.
3.Качаем gimp и открываем его.
4.Загружаем отредактированный исходник (файл - открыть)
5.Идём в фильтры - карта - без швов
­­
6.Сохраняем (файл - сохранить как)
7.Если хотим,подписываем в онлайн фотошопе.

Результаты показываем!


Категории: By Lady Sakura, Урок, Дизайн, Бесшовный фон
комментировать 61 комментарий | Прoкoммeнтировaть
пятница, 8 июля 2011 г.
№48 Lady Sakura 18:53:52
Добрый день,вечер или утро.
Сегодня я научу вас делать такой бесшовный фон
­­

Это довольно легко.
Приступим.


Подробнее…1.Открываем наш онлайн фотошоп и создаём новое изображение.
2.Заливаем его цветом 9c9c9c .
3.Открываем текстуру "смятая бумага"
­­
Вставляем её на наше созданное изображение.
Растягиваем на всю картинку с помощью free transform.
И ставим такие параметры:
Режим: multiply
Непрозрачность: 78.
4.Открываем текстуру "газета"
­­
Переносим на наше изображение,растягиваем на всё изображение и ставим такие параметры:
Режим: lighten
Непрозрачность: 40
5.Берём текстуру "разбитое стекло"
­­
Переносим на нашу картинку.
Берём волшебную палочку и,убирая галочку с "смежные" кликаем между трещинами на картинке.
Далее редактировать - вырезать.
Переносим остатки в правый нижний угол и растягиваем,чтобы он занимал приличное место там.
­­
Ставим параметры
Режим: screen
Непрозрачность: 20
6.Открываем такую текстуру и переносим её в левый нижний угол.Ничего не меняем.Но,если хотите,можете уменьшить непрозрачность.
­­
7.Объединяем видимые слои и создаём бесшовный фон.
Как это делать,написано в этих уроках
http://biyo.carguru.ru/473-219-26.zhtml
http://biyo.carguru.ru/664-210-53.zhtml.
8.Подписываем,если хотим.
9.Сохраняем в формате JPG.
Только качество стараемся ставить как можно выше,но в пределах 160 кб.

Результаты показываем!


Категории: By Lady Sakura, Дизайн, Бесшовный фон
комментировать 19 комментариев | Прoкoммeнтировaть
четверг, 30 июня 2011 г.
Ino chan 13:45:36
Запись только для зарегистрированных пользователей.
среда, 25 мая 2011 г.
№38 Lady Sakura 06:54:57
Охаё,мои любимые)
Это последний урок по этому дизайну.
И сегодня я научу вас создавать дату с навигацией.
Итак..


­­

Подробнее…1.Берём наш фон.
2.Берём инструмент "выделение" ­­ и выделяем любую понравившуюся часть маленьким прямоугольником.
­­
3.Создаём новое прозрачное изображение.
Внимание:размер не трогать!!Какой там был вбит он,такой пусть и будет,ибо это размеры нашего выделения.
4.Редактировать - вставить.Теперь переносим наше изображение в сторону,скрывая половину "за кадром".
­­
5.Слой-дублировать слой,слой-отразить слой по горизонтали.
6.Теперь переносим второе изображение в правую сторону,скрывая часть "за кадром",а другую часть поднося впритык к первой картинке.
­­
7.Объединяем слои.
8.Берём инструмент фигуры.Убираем галку с "заполнить форму".Размер границы 1.
9.Начинаем вести по верхнему и нижнему контуру этот прямоугольник.Но только по верхнему и нижнему!!Справа и слева не должно быть никаких линий!
­­
10.Идём в изображение - размер изображение.Ставим высоту 18.
11.Сохраняем в формате PNG.

Расположение в дизайне: вверху справа,замостить по горизонтали,прокручивается.

Результаты показываем!)


Категории: By Lady Sakura, Дизайн, Дата, Урок
комментировать 15 комментариев | Прoкoммeнтировaть
№37 Lady Sakura 06:00:29
Продолжение к предыдущим трём урокам.
Сегодня мы будем делать верх к нашему дизайну.
Приступим-с)


­­

Подробнее…1.Берём наш фон,который мы делали в уроке №34.
2.Опять же дважды кликаем на замочек рядом с изображенем на слоях.
3.Создаём новый слой.Режим overlay.
4.Берём инструмент "фигуры" и убираем галочку с "заполнить форму".Размер рамки желательно 3.А сама фигура вторая - прямоугольная с закруглёнными краями.
5.Выделяем любую понравившуюся часть фона и обводим её фигурой.Фигура должна быть немного вытянутой,тоесть горизонтально прямоугольной.
­­
6.Переходим на слой 1.
7.Берём волшебную палочку и кликаем ею внутрь прямоугольника.Если у вас всё верно,то по краям прямоугольника должны забегать пунктирные линии.
8.Переходим на слой 0,не убирая выделения.Редактировать-вырезать.Должно быть так
­­
9.Теперь идём в редактировать-выделить всё,редактировать-очистить,редактировать-отменить выделение,редактировать-вставить.
Теперь переносим то,что появилось,в рамку.
­­
10.Снова создаём новый слой.Снова режим overlay.
11.Берём инструмент "фигуры".Но теперь размер рамки 0 и мы ставим галку на "заполнить форму".
12.Рисуем прямоугольник как и до этого,только меньше,чтобы он был в центре
­­
13.Далее берём инструмент обрезка ­­ и обрезаем наше изображение почти в притык,оставляя только изображение с рамками.
­­
14.Изображение-размер изображения.Ставим размеры 290х75,убрав галку с "сохранять пропорции".
15.Сохраняем в формате PNG.

Расположение в дизайне:вверху слева,показать один раз,зафиксировано.цвет фона прозрачный.

Результаты показываем.))



Категории: By Lady Sakura, Дизайн, Верх, Урок
комментировать 8 комментариев | Прoкoммeнтировaть
вторник, 24 мая 2011 г.
№36 Lady Sakura 18:16:47
продолжение к предыдущим двум урокам.
Сегодня я научу вас создавать меню для такого дизайна.
Приступим.


­­

Подробнее…1.Берём фон,который мы создали в уроке №34.
2.Опять кликаем по замочку,который рядом с изображением на слоях.
3.Далее слой-дублировать слой.Слой-отразить слой по вертикали.
4.Далее мы обрезаем изображение с помощью инструмента обрезка.Но мы обрезаем изображение исключительно по ширине,а высоту не трогаем и оставляем ту же.
­­
5.Теперь мы подтираем наши швы,где состыковка очень видна.
­­
6.Объединяем слои.
7.Берём ластик и стираем край у изображения.
­­
В итоге должно быть,как показано на самом первом изображении.оно подписано.
8.Берём инструмент фигуры и убираем галку с "заполнить форму".Размер границы 4.Режим overlay.
9.Начинаем вести маленький прямоугольник с левого боку изображения,начиная задолго до начала картинки.
­­
Должно потом выйти так:
­­
10.Подписываем,если хотим.Сохраняем обязательно в формате PNG.


Расположение в дизайне:вверху слева,замостить по вертикали,зафиксировано.цвет такой же как и у записей.

Результаты показываем!


Категории: By Lady Sakura, Дизайн, Меню
комментировать 18 комментариев | Прoкoммeнтировaть
воскресенье, 22 мая 2011 г.
№35 Lady Sakura 19:19:23
Продолжение к предыдушему уроку.)
Сегодян я научу вас создавать записи к такому фону.
Приступим)


­­

Подробнее…1.Берём фон,который вы создали в прошлом уроке.
2.Дважды жмём на замочек рядом с изображением в слоях.
3.Теперь создаём новый слой.Ставим режим overkay.непрозрачность такую и оставляем.
4.Берём инструмент "фигуры" ­­ и убираем галочку с "заполнить форму".размер границы 3.а сама фигура вторая (прямоугольник с закруглёнными краями)
5.Создаём большую рамку на изображении

­­

И следом рамку чуть поменьше.

­­

6.Переходим на слой 0 , берём инструмент ластик и словно отсекаем угол изображения от остального.

­­

7.Стираем остальное отсечённое от угла.

­­

8.Обрезаем изображение,оставляя весь угол в кадре,но отступив от него немного для линий рамок.

­­

9.Переходим на слой один и немного подтираем края рамок,дабы заострить их.При чём нижняя рамка должна быть чуть короче верхней.А левая рамка меньше правой.

­­
­­

10.Теперь подписываем,если хотим и сохраняем не объединяя слои.
Сохранять обязательно в формате PNG.

Результаты показываем)))

В дизайне расположение такое:вверху справа,показать один раз,прокручивается.цвет любой на ваше усмотрение.но главное чтобы он сочетался с цветом фона.


Категории: By Lady Sakura, Дизайн, Записи, Урок
комментировать 20 комментариев | Прoкoммeнтировaть
суббота, 21 мая 2011 г.
№34 Lady Sakura 11:33:29
Всем привет)
Я решила научить вас делать дизайн наподобие того,который у нас в соо.)
Сегодня я научу вас делать интересный фон.


­­

Подробнее…1.
1)Берём исходник.
Предупреждение:исходник должен быть обязательно однотонным.Может это даже большая текстура.А лучше даже создать новое изображение (примерно 600х500).Но прежупреждаю,в любом случае это должно быть большим.
Я решила создать новое изображение.
Но для вас на выбор выставляю некоторые варианты:

­­­­­­­­­­

2)Если вы создали новое изображение,то заливаем его любым цветом,какой вам по душе.
2.Берём такую чудную текстурку
­­
И копируем её.(редактировать-выделить всё,редактировать-копировать)
3.Переходим на наш исходник и вставлем туда нашу текстурку.(редактировать-вставить)
Вставляем её ещё раз.Далее жмём слой-отразить слой по горизонтали.
Вставляем её ещё раз.Слой-отразить слой по вертикали.
Вставляем её в последний раз.Слой-отразить слой по вертикали.Слой-отразить слой по горизонтали.
4.Теперь берём текстуру газета
­­
И копируем её.
5.Вставляем её на наш исходник и подгоняем под размеры с помощью free transform.Ставим режим overlay а прозрачность 55.
6.Берём текстуру облака

­­

Копируем,вставляем на исходник и подгоняем размеры с помощью free transform.Режим overlay прозрачность не трогаем.
7.Берём клипарт часы
­­
Копируем,переносим на исх.
Ставим часы в нижний левый угол.
­­
Режим overlay прозрачность 65.
8.Снова вставляем часики.Чуть уменьшаем их с помощью F.T. и переносим их на правую сторону
­­
Режим оverlay прозрачность 100.
9.И снова часы.
Вставляем.Переносим их наверх влево.
­­
Режим overlay прозрачность 62.
10.И в последний раз часы вставляем.
Переносим в правый нижний угол.
­­
Режим оverlay прозрачность 84.
11.Берём клипарт бабочки или птицы
­­ ­­
Копируем его и вставляем на исх.
Ставим его куда-нибудь влево.
­­
Режим overlay прозрачность 92.
12.Слой-дублировать слой.
Слой-отразить по горизонтали.
Переносим клипарт в правый нижний угол поближе к часам.
­­
Режим overlay и прозрачность 56.
13.Объединяем слои.
14.А дальше по принципу бесшовного урока создаём наш бесшовный диз.
Если кто забыл,то вот уроки:
http://biyo.carguru.ru/473-219-26.zhtml
http://biyo.carguru.ru/664-210-53.zhtml

Результаты показываем!)


Категории: By Lady Sakura, Дизайн, Бесшовный фон, Текстуры, Урок
комментировать 92 комментария | Прoкoммeнтировaть
вторник, 8 февраля 2011 г.
№26 Lady Sakura 16:38:55
Доброго всем времени суток.
Сегодня мы будем учиться делать картинку без швов.
Тобишь бесшовный фон
­­
Приступим


Подробнее…1.Открываем наш исходник.
Я выбрала такой
­­
2.Превращаем наш задний фон в слой один.
Для этого дважды кликаем по замочку
­­
3.Теперь дублируем наш слой четыре раза.
Слой-дублировать слой.
4.Теперь придётся немного попыхтеть,пока дойдёт всё ниже сказанное.
Итак,берём наш самый верхний слой
­­
и перемещаем его в левый верхний угол так,чтобы на картинке остался только правый нижний угол нашего исходника.
­­
5.Далее перемещаем чуть ниже слой
­­
В верхний правый угол,оставляя только левый нижний угол картинки.
Внимание:нужно его ставить так,чтобы он соприкасался с предыдущим слоем,словно образуя грубый шов!
­­
6.Следующий нижний слой перемещаем в левый нижний угол,оставляя только правый верхний угол картинки.
­­
Внимание:нужно подносить слой так,чтобы по-прежнему образовывались грубые швы!
­­
7.Ну и наконец наш предпоследний слой перемещаем в нижний правый угол,оставляя только левый верхний угол.
­­
8.Теперь переходим снова на наш самый верхний слой,а дальше идём в слой-объединить слои.
На объединить слои мы кликаем четыре раза,чтобы объединить все наши перемещённые слои.
Внимание:ни в коем случае не путайте это с "объединенить видимые слои"!!!
В итоге у нас должна стоять такая картина в слоях:
­­
9.Теперь мы берём ластик(непрозрачность 50,а размер желательно 70 или 100) и стираем на верхнем слое наши грубые швы так,чтобы верхний слой сливался с нашей нижней картинкой.
­­
10.В итоге должно получиться примерно так:
­­
11.Подписываем,если хотим.
12.Объединяем слои.
13.Сохраняем в формате PNG или JPEG.

Результаты показываем,ведь я так старалась!


Категории: By Lady Sakura, Дизайн, Бесшовный фон
комментировать 100 комментариев | Прoкoммeнтировaть
пятница, 7 января 2011 г.
№23 Lady Sakura 16:44:40

Так,ну во-первых поздравляю всех с Рождеством!
А во-вторых Саку-чан совсем припухла и очень давно уроков не писала ==
Сегодня же мы будем учиться делать зимний диз (в честь Рождества что ли)

­­

Приступим-с


Подробнее…1.Открываем исходник (желательно зимний)
Я выбрала такой
­­
2.Редактируем его как хотим.
3.Копируем.
4.Дальше создаём новое изображение,чуть больше нашего исха.
Предположим у меня было 640х424 я его увеличила до 660х444.
5.Заливаем его белой краской.
6.Переносим наш редактированный исходник в правый нижний угол.
7.Берём кисть размером 100 и ставим на "рассеять":
­­
8.Начинаем водить по краям нашего исха,словно закрашивая его края.
­­
9.Короче говоря,в общей сложности должно получиться так:
­­
10.Создаём новый слой и сразу ставим его на Overlay.Непрозрачность оставляем ту же.Если хотите,"рассеять" уберите.
11.Берём кисть (её размер зависит от того,как вы хотите) и начинаем ставить "кружочки" по нашей картинке,словно это хлопья снега.
12.Объединяем слои.
13.Сохраняем в формате PNG.

Результаты показываем!!!

Р.S. расположения этого дизайна:
Расположение:Внизу справа
Замостить:Показать один раз
Прокрутка:Зафиксировано


Категории: By Lady Sakura, Дизайн
комментировать 22 комментария | Прoкoммeнтировaть


Biyo > Дизайн

читай на форуме:
кругом одна гомосня,фу,пе*ики,убива...
ну
пройди тесты:
История одной девченки 3
Нарутовцы в реальности или СуМаШеДшИе...
читай в дневниках:

  Copyright © 2001—2018 CarGuru
Авторами текстов, изображений и видео, размещённых на этой странице, являются пользователи сайта.
Задать вопрос.
Написать об ошибке.
Оставить предложения и комментарии.
Помощь в пополнении позитивок.
Сообщить о неприличных изображениях.
Информация для родителей.
Пишите нам на e-mail.
Разместить Рекламу.
If you would like to report an abuse of our service, such as a spam message, please contact us.
Если Вы хотите пожаловаться на содержимое этой страницы, пожалуйста, напишите нам.

↑вверх