1. Набор в модераторы и разработчики

    Мы ищем энтузиастов, готовых помочь сделать DaraSims лучше!
    Если у тебя есть желание стать частью персонала, взяться за развитие разделов форума или делиться с читателями интересными статьями, присоединяйся!
    Скрыть объявление

Разрезаем картинку на части по-быстренькому

Тема в разделе "Уроки и инструкции", создана пользователем Zuzita, 31 июл 2012.

  1. Zuzita

    Старожил
    Zuzita
    Сообщения:
    1.567
    Симпатии:
    41
    Баллы:
    115
    Репутация:
    2.470
    Награды:
    6
    Мини-фини урок для новичков будет полезен династийцам, а также тем, кто хочет сделать картинку-путеводитель для своей темы :smile:

    Итак, после того, как вы сделали красивенькую обложку для темы с кнопочками или просто подписями, вам остается разрезать ее для того, чтобы впоследствии сделать каждую часть картинкой-спойлером. Приступим.

    все картинки в инструкции увеличиваются

    I Открываем картинку в фотошопе (у меня CS3) и выбираем инструмент "Раскройка" (Slice Tool).

    [​IMG]

    В 6 версии данный инструмент находится вот тут (в 5, думаю, тоже)

    [​IMG]

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

    [​IMG]

    III Аккуратно выделяем следующий фрагмент, начиная снизу. Подбираясь к границе первого фрагмента, стараемся действовать более плавно. Ровный, совмещенный край выделится зеленым пунктиром.


    IV Таким же образом выделяем оставшиеся фрагменты.

    [​IMG]

    V Теперь осталось только сохранить наши картинки. Выбираем опцию "Сохранить для Web и устройств".

    [​IMG]

    VI Чтобы картинки не грузились слишком долго отредактируем их размеры.
    1. Выберем типы файлов (JPEG весит меньше всего), и их качество
    2. Размер каждой картинки лучше делать не больше 100 КВ. Щелкнув на каждый фрагмент, мы можем увидеть его размер.
    3. После того, как все сделано в лучшем виде сохраняем наши картинки. В выбранной при сохранении папке появится папочка Images, в которой и будут наши "кусочки" ;)​

    [​IMG]

    На этом инструкция из овер. Если появятся вопросы - обязательно спрашивайте :smile:

    © Zuzita ​
     
    Последнее редактирование: 26 май 2016
    julia_sergeevna, ED_SMITH, Shipyulechka и ещё 1-му нравится это.
     
  2. SantaFulmine

    заблудилась в Скайриме :)
    SantaFulmine
    Сообщения:
    2.115
    Симпатии:
    26
    Баллы:
    115
    Пол:
    Женский
    Репутация:
    3.187
    Награды:
    5
    Zuzita, ну ты мои мысли читаешь?:biggrin: забрала работу.:cool: хороший урок. только я немнго другим способом пользуюсь.:smile:
     
     
  3. Час до грозы

    I don't feel any pain
    Час до грозы
    Сообщения:
    1.036
    Симпатии:
    20
    Баллы:
    75
    Репутация:
    1.966
    Награды:
    8
    Вах-вах-вах, Zuzita, спасибо огромное ^^ Буду теперь знать, очень полезный урок)
     
     
  4. The Smile

    баба-яга
    The Smile
    Сообщения:
    1.254
    Симпатии:
    5
    Баллы:
    115
    Репутация:
    1.496
    Награды:
    2
    Zuzita, так вот, как вы все это делаете? :cool: Я не знала.
    Хороший урок, очень (убежала тренироваться)!
    выкладывай!;)
     
     
  5. LoLiLy

    Активист
    LoLiLy
    Сообщения:
    697
    Симпатии:
    33
    Баллы:
    60
    Репутация:
    2.315
    Награды:
    12
    Zuzita, хороший урок, молодец!
    А я вообще, ржу немогу, как я делаю. С моим бредовым способом даже microsoft picture manager справляется :bugaga:
     
     
  6. Lamare

    ☁☀
    Lamare
    Сообщения:
    10.619
    Симпатии:
    4.962
    Баллы:
    340
    Репутация:
    13.323
    Награды:
    21
    Zuzita, хорошо, что ты все-таки сделала этот урок, Зу. :smile: Особенно косорукую анимашку :hihi:

    А Paint не хотите? :cool:
     
     
  7. Час до грозы

    I don't feel any pain
    Час до грозы
    Сообщения:
    1.036
    Симпатии:
    20
    Баллы:
    75
    Репутация:
    1.966
    Награды:
    8
    Я тоже в паинте корячилась :biggrin:
     
     
  8. Zuzita

    Старожил
    Zuzita
    Сообщения:
    1.567
    Симпатии:
    41
    Баллы:
    115
    Репутация:
    2.470
    Награды:
    6
    Я - провидец :cool: На самом деле, ребята в чате попросили сделать быстренько вот и наклепала. Свой способ тоже давай :yes:
    Час до грозы, The Smile, Lamare, LoLiLy, спасибо всем :smile: Надеюсь объяснила понятно. Способ очень простой и быстрый. Удобно разрезать картинки с разноцветным фоном
     
     
  9. The Smile

    баба-яга
    The Smile
    Сообщения:
    1.254
    Симпатии:
    5
    Баллы:
    115
    Репутация:
    1.496
    Награды:
    2
    Zuzita, у меня фотошоп cs5 и там инструмент по-другому называется, но я старалась все по схожести делать. Кнопки жму, жму, даже не задумываюсь и картинку разрезала. Спасибо тебе! :flower:
    вы даже не знаете, что я там вытворяла :cool: Меня бесило одно - когда в пеинте (или где еще) картинки обрезаешь, то у них длина разная получается, что бесит :mad: мне что, линейку к монитору приставлять?
     
     
  10. Zuzita

    Старожил
    Zuzita
    Сообщения:
    1.567
    Симпатии:
    41
    Баллы:
    115
    Репутация:
    2.470
    Награды:
    6
    Вот блин, не знала что там по-другому называются. Сейчас уточню в инстр. что у меня 3-ий
     
     
  11. Lamare

    ☁☀
    Lamare
    Сообщения:
    10.619
    Симпатии:
    4.962
    Баллы:
    340
    Репутация:
    13.323
    Награды:
    21
    Извините, что не в тему, но...
    Вообще-то в Пейнте есть линейка :confused:
    И там написано, сколько пикселей твоя картинка, ее можно подрезать или уменьшить.
     
     
  12. ElieneBella

    мат в статусе удален
    ElieneBella
    Сообщения:
    1.573
    Симпатии:
    3
    Баллы:
    75
    Репутация:
    1.789
    Награды:
    3
    спасибо за урок!)
    сейчас выложу в династии такую нарезку - посмотрим получилось ли!):thumb:
     
     
  13. Leksa

    Время возвращаться домой
    Leksa
    Сообщения:
    349
    Симпатии:
    286
    Баллы:
    35
    Пол:
    Женский
    Репутация:
    3.333
    Награды:
    12
    Zuzita, спасибо за урок. Совсем забыла, как пользоваться раскройкой :biggrin:.
     
     
  14. HappyCat

    Новичок
    HappyCat
    Сообщения:
    25
    Симпатии:
    0
    Баллы:
    0
    Репутация:
    11
    Награды:
    0
    А в онлайн фотошопе так можно?
     
     
  15. angela

    Продвинутый
    angela
    Сообщения:
    455
    Симпатии:
    1
    Баллы:
    40
    Репутация:
    554
    Награды:
    1
    Картинку можно разрезать и без фотошопа, например я раньше пользовалась программой которая сразу на компе была установлена "microsoft office picture manager", с помощью нее можно разрезать картинку еще проще. Есть ли она у тебя не знаю, у многих моих друзей есть она, может и у тебя есть, поищи. ;)
     
     
  16. HappyCat

    Новичок
    HappyCat
    Сообщения:
    25
    Симпатии:
    0
    Баллы:
    0
    Репутация:
    11
    Награды:
    0
    В каком разделе пуска её можно найти?:confused:
     
     
  17. angela

    Продвинутый
    angela
    Сообщения:
    455
    Симпатии:
    1
    Баллы:
    40
    Репутация:
    554
    Награды:
    1
    HappyCat, Она не в пуск, ну я ее не в пуск нашла. Я выделила картинку (не открывая ее ни где, а просто выделила картинку) нажала правой кнопкой мыши, выбрала "открыть с помощью > microsoft office picture manager"
    Если ты хочешь сделать меню, это можно сделать проще:
    Взять какой нибудь прямоугольный кусочек картинки, разкрасить (если хочешь), и с помощью Пэинта (стандартная программа на компе) добавить нужную надпись.
    Это самый простой вариант))) Так я раньше делала :D
     
     
  18. HappyCat

    Новичок
    HappyCat
    Сообщения:
    25
    Симпатии:
    0
    Баллы:
    0
    Репутация:
    11
    Награды:
    0
    Да, есть такая программа))
    Меню я сделала уже давно, но немогу сделать его кликабельным:frown:
    [​IMG]
    Как в этой програмке разрезать?
     
     
  19. angela

    Продвинутый
    angela
    Сообщения:
    455
    Симпатии:
    1
    Баллы:
    40
    Репутация:
    554
    Награды:
    1
    HappyCat, Зайди в "Рисунок > Обрезать..." и обрезаешь ;)
     
     
  20. 4aika_li

    мау
    4aika_li
    Сообщения:
    6.324
    Симпатии:
    4.486
    Баллы:
    250
    Пол:
    Женский
    Репутация:
    9.672
    Награды:
    21
    HappyCat, самое главное - разрезать картинку так, чтобы она потом сошлась.
    В простых редакторах ты можешь только обрезать одну картинку, но не нарезать ее на куски - там нет раскройки, как в ФШ, так что придется постараться несколько раз обрезать довольно точно ))
     
     
  21. angela

    Продвинутый
    angela
    Сообщения:
    455
    Симпатии:
    1
    Баллы:
    40
    Репутация:
    554
    Награды:
    1
    Я что бы разрезать ровно, ставила точечки, что бы на них ориентироваться, потом копировала картинку много раз (в твоем случаи 3 раза), и брезала смотря на точечки :biggrin:
     
     
  22. HappyCat

    Новичок
    HappyCat
    Сообщения:
    25
    Симпатии:
    0
    Баллы:
    0
    Репутация:
    11
    Награды:
    0
    [​IMG]
    Так? Если так, то что дальше?:wacko:
     
     
  23. angela

    Продвинутый
    angela
    Сообщения:
    455
    Симпатии:
    1
    Баллы:
    40
    Репутация:
    554
    Награды:
    1
    HappyCat, Ну там еще проще - нажми Ок :D
     
     
  24. HappyCat

    Новичок
    HappyCat
    Сообщения:
    25
    Симпатии:
    0
    Баллы:
    0
    Репутация:
    11
    Награды:
    0
    Это то и так ясно:thumb: После того когда её обрезал то что?:rolleyes:
     
     
  25. angela

    Продвинутый
    angela
    Сообщения:
    455
    Симпатии:
    1
    Баллы:
    40
    Репутация:
    554
    Награды:
    1
    Файл > Сохранить, или нажми Ctrl + S
    Только убедись что это не орегинал, ну тоесть есть еще копии, а то когда обрезаешь то безвозратно ;)
     
     

Поделиться этой страницей